@activecollab/components 2.0.447 → 2.0.449

package/dist/index.js

@@ -208,7 +208,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$5Y = ["children", "active", "variant", "size", "type", "inset", "className"];
+  var _excluded$60 = ["children", "active", "variant", "size", "type", "inset", "className"];
   /**
    * @component Button
    * @description
@@ -243,7 +243,7 @@
       _ref$inset = _ref.inset,
       inset = _ref$inset === void 0 ? "default" : _ref$inset,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$5Y);
+      args = _objectWithoutProperties(_ref, _excluded$60);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -310,7 +310,7 @@
     })));
   };
 
-  var _excluded$5X = ["gradient"];
+  var _excluded$5$ = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -340,7 +340,7 @@
    */
   var AddCrossTinyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5X);
+      props = _objectWithoutProperties(_ref, _excluded$5$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -360,12 +360,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$5W = ["className", "disabled"];
+  var _excluded$5_ = ["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$5W);
+      rest = _objectWithoutProperties(_ref, _excluded$5_);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -403,12 +403,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$5V = ["children", "className", "invalid"];
+  var _excluded$5Z = ["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$5V);
+      rest = _objectWithoutProperties(_ref, _excluded$5Z);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -433,11 +433,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$5U = ["children", "className"];
+  var _excluded$5Y = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5U);
+      props = _objectWithoutProperties(_ref, _excluded$5Y);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -446,21 +446,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$5T = ["className"];
+  var _excluded$5X = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5T);
+      props = _objectWithoutProperties(_ref, _excluded$5X);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$5S = ["children", "className"];
+  var _excluded$5W = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5S);
+      props = _objectWithoutProperties(_ref, _excluded$5W);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$3, _extends({
       className: className,
       ref: ref,
@@ -1059,7 +1059,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$5R = ["children", "className", "variant", "size", "active"];
+  var _excluded$5V = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -1089,7 +1089,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$5R);
+      args = _objectWithoutProperties(_ref, _excluded$5V);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1100,7 +1100,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$5Q = ["gradient"];
+  var _excluded$5U = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1130,7 +1130,7 @@
    */
   var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5Q);
+      props = _objectWithoutProperties(_ref, _excluded$5U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -1151,7 +1151,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$5P = ["gradient"];
+  var _excluded$5T = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1181,7 +1181,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5P);
+      props = _objectWithoutProperties(_ref, _excluded$5T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1209,7 +1209,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$5O = ["gradient"];
+  var _excluded$5S = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1239,7 +1239,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5O);
+      props = _objectWithoutProperties(_ref, _excluded$5S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1263,7 +1263,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$5N = ["gradient"];
+  var _excluded$5R = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1293,7 +1293,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5N);
+      props = _objectWithoutProperties(_ref, _excluded$5R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -1313,7 +1313,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$5M = ["gradient"];
+  var _excluded$5Q = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1343,7 +1343,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5M);
+      props = _objectWithoutProperties(_ref, _excluded$5Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1364,7 +1364,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$5L = ["gradient"];
+  var _excluded$5P = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1394,7 +1394,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5L);
+      props = _objectWithoutProperties(_ref, _excluded$5P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1415,7 +1415,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$5K = ["gradient"];
+  var _excluded$5O = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1445,7 +1445,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5K);
+      props = _objectWithoutProperties(_ref, _excluded$5O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1465,7 +1465,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$5J = ["gradient"];
+  var _excluded$5N = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1495,7 +1495,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5J);
+      props = _objectWithoutProperties(_ref, _excluded$5N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1515,7 +1515,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$5I = ["gradient"];
+  var _excluded$5M = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1545,7 +1545,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5I);
+      props = _objectWithoutProperties(_ref, _excluded$5M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -1565,7 +1565,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$5H = ["gradient"];
+  var _excluded$5L = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1595,7 +1595,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5H);
+      props = _objectWithoutProperties(_ref, _excluded$5L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1614,7 +1614,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$5G = ["gradient"];
+  var _excluded$5K = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1644,7 +1644,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5G);
+      props = _objectWithoutProperties(_ref, _excluded$5K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1664,7 +1664,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$5F = ["gradient"];
+  var _excluded$5J = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1694,7 +1694,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5F);
+      props = _objectWithoutProperties(_ref, _excluded$5J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1714,7 +1714,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$5E = ["gradient"];
+  var _excluded$5I = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1744,7 +1744,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5E);
+      props = _objectWithoutProperties(_ref, _excluded$5I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1764,7 +1764,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$5D = ["gradient"];
+  var _excluded$5H = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1794,7 +1794,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5D);
+      props = _objectWithoutProperties(_ref, _excluded$5H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1815,7 +1815,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$5C = ["gradient"];
+  var _excluded$5G = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1845,7 +1845,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5C);
+      props = _objectWithoutProperties(_ref, _excluded$5G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1865,7 +1865,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$5B = ["gradient"];
+  var _excluded$5F = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1895,7 +1895,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5B);
+      props = _objectWithoutProperties(_ref, _excluded$5F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1915,7 +1915,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$5A = ["gradient"];
+  var _excluded$5E = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1945,7 +1945,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5A);
+      props = _objectWithoutProperties(_ref, _excluded$5E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1965,7 +1965,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$5z = ["gradient"];
+  var _excluded$5D = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1995,7 +1995,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5z);
+      props = _objectWithoutProperties(_ref, _excluded$5D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2014,7 +2014,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$5y = ["gradient"];
+  var _excluded$5C = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -2044,7 +2044,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5y);
+      props = _objectWithoutProperties(_ref, _excluded$5C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2064,7 +2064,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$5x = ["gradient"];
+  var _excluded$5B = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -2094,7 +2094,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5x);
+      props = _objectWithoutProperties(_ref, _excluded$5B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2114,7 +2114,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$5w = ["gradient"];
+  var _excluded$5A = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2144,7 +2144,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5w);
+      props = _objectWithoutProperties(_ref, _excluded$5A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -2164,7 +2164,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$5v = ["gradient"];
+  var _excluded$5z = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2194,7 +2194,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5v);
+      props = _objectWithoutProperties(_ref, _excluded$5z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2214,7 +2214,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$5u = ["gradient"];
+  var _excluded$5y = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2244,7 +2244,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5u);
+      props = _objectWithoutProperties(_ref, _excluded$5y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2267,7 +2267,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$5t = ["gradient"];
+  var _excluded$5x = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2297,7 +2297,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5t);
+      props = _objectWithoutProperties(_ref, _excluded$5x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2317,7 +2317,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$5s = ["gradient"];
+  var _excluded$5w = ["gradient"];
 
   /**
    * @component BulbIcon
@@ -2347,7 +2347,7 @@
    */
   var BulbIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5s);
+      props = _objectWithoutProperties(_ref, _excluded$5w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2366,7 +2366,7 @@
   BulbIcon.displayName = "BulbIcon";
   var BulbIcon$1 = BulbIcon;
 
-  var _excluded$5r = ["gradient"];
+  var _excluded$5v = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2396,7 +2396,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5r);
+      props = _objectWithoutProperties(_ref, _excluded$5v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2416,7 +2416,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$5q = ["gradient"];
+  var _excluded$5u = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2446,7 +2446,7 @@
    */
   var CalendarImportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5q);
+      props = _objectWithoutProperties(_ref, _excluded$5u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2469,7 +2469,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$5p = ["gradient"];
+  var _excluded$5t = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2499,7 +2499,7 @@
    */
   var CalendarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5p);
+      props = _objectWithoutProperties(_ref, _excluded$5t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2519,7 +2519,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$5o = ["gradient"];
+  var _excluded$5s = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2549,7 +2549,7 @@
    */
   var CancelCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5o);
+      props = _objectWithoutProperties(_ref, _excluded$5s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2569,7 +2569,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$5n = ["gradient"];
+  var _excluded$5r = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2599,7 +2599,7 @@
    */
   var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5n);
+      props = _objectWithoutProperties(_ref, _excluded$5r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2619,7 +2619,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$5m = ["gradient"];
+  var _excluded$5q = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2649,7 +2649,7 @@
    */
   var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5m);
+      props = _objectWithoutProperties(_ref, _excluded$5q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2669,7 +2669,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$5l = ["gradient"];
+  var _excluded$5p = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2699,7 +2699,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5l);
+      props = _objectWithoutProperties(_ref, _excluded$5p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2719,7 +2719,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$5k = ["gradient"];
+  var _excluded$5o = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2749,7 +2749,7 @@
    */
   var CheckIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5k);
+      props = _objectWithoutProperties(_ref, _excluded$5o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2769,7 +2769,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$5j = ["gradient"];
+  var _excluded$5n = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2799,7 +2799,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5j);
+      props = _objectWithoutProperties(_ref, _excluded$5n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2819,7 +2819,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$5i = ["gradient"];
+  var _excluded$5m = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2849,7 +2849,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5i);
+      props = _objectWithoutProperties(_ref, _excluded$5m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2869,7 +2869,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$5h = ["gradient"];
+  var _excluded$5l = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2899,7 +2899,7 @@
    */
   var CheckboxCircleBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5h);
+      props = _objectWithoutProperties(_ref, _excluded$5l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -2920,7 +2920,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$5g = ["gradient"];
+  var _excluded$5k = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2950,7 +2950,7 @@
    */
   var CheckboxDocumentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5g);
+      props = _objectWithoutProperties(_ref, _excluded$5k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2970,7 +2970,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$5f = ["gradient"];
+  var _excluded$5j = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -3000,7 +3000,7 @@
    */
   var CheckboxIcon$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5f);
+      props = _objectWithoutProperties(_ref, _excluded$5j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -3030,7 +3030,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$5e = ["gradient"];
+  var _excluded$5i = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -3060,7 +3060,7 @@
    */
   var ChecklistSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5e);
+      props = _objectWithoutProperties(_ref, _excluded$5i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3080,7 +3080,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$5d = ["gradient"];
+  var _excluded$5h = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -3110,7 +3110,7 @@
    */
   var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5d);
+      props = _objectWithoutProperties(_ref, _excluded$5h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3130,7 +3130,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$5c = ["gradient"];
+  var _excluded$5g = ["gradient"];
 
   /**
    * @component CircleDotIcon
@@ -3160,7 +3160,7 @@
    */
   var CircleDotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5c);
+      props = _objectWithoutProperties(_ref, _excluded$5g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3183,7 +3183,7 @@
   CircleDotIcon.displayName = "CircleDotIcon";
   var CircleDotIcon$1 = CircleDotIcon;
 
-  var _excluded$5b = ["gradient"];
+  var _excluded$5f = ["gradient"];
 
   /**
    * @component CircleIcon
@@ -3213,7 +3213,7 @@
    */
   var CircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5b);
+      props = _objectWithoutProperties(_ref, _excluded$5f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3232,7 +3232,7 @@
   CircleIcon.displayName = "CircleIcon";
   var CircleIcon$1 = CircleIcon;
 
-  var _excluded$5a = ["gradient"];
+  var _excluded$5e = ["gradient"];
 
   /**
    * @component CircleSlashIcon
@@ -3266,7 +3266,7 @@
    */
   var CircleSlashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5a);
+      props = _objectWithoutProperties(_ref, _excluded$5e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3287,7 +3287,7 @@
   CircleSlashIcon.displayName = "CircleSlashIcon";
   var CircleSlashIcon$1 = CircleSlashIcon;
 
-  var _excluded$59 = ["gradient"];
+  var _excluded$5d = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -3317,7 +3317,7 @@
    */
   var CircleMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$59);
+      props = _objectWithoutProperties(_ref, _excluded$5d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3337,7 +3337,57 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
 
-  var _excluded$58 = ["gradient"];
+  var _excluded$5c = ["gradient"];
+
+  /**
+   * @component ClipboardIcon
+   * @description
+   *
+   * The ClipboardIcon component displays a clipboard to represent a clipboard, notes, or a task list.
+   * 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 (
+   * <ClipboardIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <ClipboardIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ClipboardIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$5c);
+    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": "ClipboardIcon",
+      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: "M10.35 1.91L9.79 2.08L9.34 2.45L9.06 2.96L9.00 3.50L6.91 3.56L6.35 3.73L5.83 4.01L5.38 4.38L5.01 4.83L4.63 5.63L4.50 6.50L4.50 18.00L4.56 18.59L4.73 19.15L5.18 19.90L5.83 20.49L6.63 20.87L7.21 20.99L16.50 21.00L17.09 20.94L17.65 20.77L18.17 20.49L18.82 19.90L19.27 19.15L19.49 18.29L19.50 6.50L19.44 5.91L19.27 5.35L18.99 4.83L18.62 4.38L18.17 4.01L17.65 3.73L16.79 3.51L15.00 3.50L14.94 2.96L14.75 2.57L14.45 2.24L14.07 2.01L13.50 1.90L10.35 1.91ZM16.41 5.66L16.78 5.84L17.08 6.11L17.29 6.46L17.39 6.86L17.40 17.50L17.34 17.91L17.16 18.28L16.66 18.73L16.00 18.90L8.00 18.90L7.59 18.84L7.22 18.66L6.77 18.16L6.60 17.50L6.60 7.00L6.66 6.59L6.84 6.22L7.22 5.84L7.86 5.61L16.00 5.60L16.41 5.66ZM11.20 3.70L10.88 3.59L10.71 3.30L10.76 2.96L11.05 2.72L12.90 2.71L13.12 2.81L13.28 3.05L13.24 3.44L12.95 3.68L11.20 3.70Z"
+    }));
+  });
+  ClipboardIcon.displayName = "ClipboardIcon";
+  var ClipboardIcon$1 = ClipboardIcon;
+
+  var _excluded$5b = ["gradient"];
 
   /**
    * @component ClockAddIcon
@@ -3367,7 +3417,7 @@
    */
   var ClockAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$58);
+      props = _objectWithoutProperties(_ref, _excluded$5b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3387,7 +3437,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$57 = ["gradient"];
+  var _excluded$5a = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3417,7 +3467,7 @@
    */
   var ClockDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$57);
+      props = _objectWithoutProperties(_ref, _excluded$5a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3440,7 +3490,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$56 = ["gradient"];
+  var _excluded$59 = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3470,7 +3520,7 @@
    */
   var ClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$56);
+      props = _objectWithoutProperties(_ref, _excluded$59);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3490,7 +3540,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$55 = ["gradient"];
+  var _excluded$58 = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3520,7 +3570,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$55);
+      props = _objectWithoutProperties(_ref, _excluded$58);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3541,7 +3591,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$54 = ["gradient"];
+  var _excluded$57 = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3571,7 +3621,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$54);
+      props = _objectWithoutProperties(_ref, _excluded$57);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3591,7 +3641,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$53 = ["gradient"];
+  var _excluded$56 = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3621,7 +3671,7 @@
    */
   var ClockStopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$53);
+      props = _objectWithoutProperties(_ref, _excluded$56);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3641,7 +3691,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$52 = ["gradient"];
+  var _excluded$55 = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3671,7 +3721,7 @@
    */
   var ClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$52);
+      props = _objectWithoutProperties(_ref, _excluded$55);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3691,7 +3741,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$51 = ["gradient"];
+  var _excluded$54 = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3721,7 +3771,7 @@
    */
   var CloseCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$51);
+      props = _objectWithoutProperties(_ref, _excluded$54);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3742,7 +3792,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$50 = ["gradient"];
+  var _excluded$53 = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3772,7 +3822,7 @@
    */
   var CloseDocumentIcon = /*#__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,
@@ -3792,7 +3842,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$4$ = ["gradient"];
+  var _excluded$52 = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3822,7 +3872,7 @@
    */
   var CloseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4$);
+      props = _objectWithoutProperties(_ref, _excluded$52);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3842,7 +3892,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$4_ = ["gradient"];
+  var _excluded$51 = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3872,7 +3922,7 @@
    */
   var CloseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4_);
+      props = _objectWithoutProperties(_ref, _excluded$51);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3893,7 +3943,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$4Z = ["gradient"];
+  var _excluded$50 = ["gradient"];
 
   /**
    * @component CloudIcon
@@ -3906,7 +3956,7 @@
    */
   var CloudIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Z);
+      props = _objectWithoutProperties(_ref, _excluded$50);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3929,7 +3979,7 @@
   CloudIcon.displayName = "CloudIcon";
   var CloudIcon$1 = CloudIcon;
 
-  var _excluded$4Y = ["gradient"];
+  var _excluded$4$ = ["gradient"];
 
   /**
    * @component CloudDeployIcon
@@ -3944,7 +3994,7 @@
    */
   var CloudDeployIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Y);
+      props = _objectWithoutProperties(_ref, _excluded$4$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3971,7 +4021,7 @@
   CloudDeployIcon.displayName = "CloudDeployIcon";
   var CloudDeployIcon$1 = CloudDeployIcon;
 
-  var _excluded$4X = ["gradient"];
+  var _excluded$4_ = ["gradient"];
 
   /**
    * @component CloudDeployFailedIcon
@@ -3986,7 +4036,7 @@
    */
   var CloudDeployFailedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4X);
+      props = _objectWithoutProperties(_ref, _excluded$4_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4013,7 +4063,7 @@
   CloudDeployFailedIcon.displayName = "CloudDeployFailedIcon";
   var CloudDeployFailedIcon$1 = CloudDeployFailedIcon;
 
-  var _excluded$4W = ["gradient"];
+  var _excluded$4Z = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -4043,7 +4093,7 @@
    */
   var CollapsIcon = /*#__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: 6,
@@ -4063,7 +4113,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$4V = ["gradient"];
+  var _excluded$4Y = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -4093,7 +4143,7 @@
    */
   var CollapseAllIcon = /*#__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: 24,
@@ -4113,7 +4163,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$4U = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -4143,7 +4193,7 @@
    */
   var CollapseExpandSingleIcon = /*#__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,
@@ -4163,7 +4213,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$4T = ["gradient"];
+  var _excluded$4W = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -4193,7 +4243,7 @@
    */
   var CompanyAddIcon = /*#__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: 18,
@@ -4214,7 +4264,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$4S = ["gradient"];
+  var _excluded$4V = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -4244,7 +4294,7 @@
    */
   var CompanyIcon = /*#__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: 24,
@@ -4265,7 +4315,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$4R = ["gradient"];
+  var _excluded$4U = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -4295,7 +4345,7 @@
    */
   var ComputerIcon = /*#__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,
@@ -4315,7 +4365,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$4Q = ["gradient"];
+  var _excluded$4T = ["gradient"];
 
   /**
    * @component ConnectionIcon
@@ -4345,7 +4395,7 @@
    */
   var ConnectionIcon = /*#__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,
@@ -4372,7 +4422,7 @@
   ConnectionIcon.displayName = "ConnectionIcon";
   var ConnectionIcon$1 = ConnectionIcon;
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4S = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -4402,7 +4452,7 @@
    */
   var CopyIcon = /*#__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,
@@ -4422,7 +4472,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$4O = ["gradient"];
+  var _excluded$4R = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -4452,7 +4502,7 @@
    */
   var CrownBlankIcon = /*#__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,
@@ -4472,7 +4522,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -4502,7 +4552,7 @@
    */
   var CrownSelectedIcon = /*#__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,
@@ -4522,7 +4572,57 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
 
-  var _excluded$4M = ["gradient"];
+  var _excluded$4P = ["gradient"];
+
+  /**
+   * @component CutIcon
+   * @description
+   *
+   * The CutIcon component displays a pair of scissors to represent a cut action (for example cut to clipboard).
+   * 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 (
+   * <CutIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <CutIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var CutIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$4P);
+    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": "CutIcon",
+      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: "M13.15 11.00L13.14 10.84L18.15 3.40L18.25 2.92L18.06 2.46L17.73 2.22L17.40 2.15L17.00 2.25L16.75 2.46L12.00 9.48L7.25 2.46L7.00 2.25L6.68 2.15L6.35 2.19L6.06 2.35L5.77 2.84L5.85 3.40L10.86 10.84L10.85 11.09L8.00 14.74L7.00 14.55L6.17 14.67L5.19 15.20L4.63 15.82L4.20 16.84L4.16 17.68L4.37 18.49L4.98 19.42L5.91 20.03L7.00 20.25L8.09 20.03L9.02 19.42L9.63 18.49L9.84 17.68L9.73 16.57L9.34 15.78L12.00 12.38L14.66 15.78L14.27 16.57L14.16 17.68L14.37 18.49L14.98 19.42L15.91 20.03L17.00 20.25L18.09 20.03L19.02 19.42L19.51 18.74L19.84 17.68L19.73 16.57L19.37 15.82L18.58 15.03L17.83 14.67L17.00 14.55L16.00 14.74L13.15 11.00ZM8.40 17.40L8.29 17.94L7.99 18.39L7.54 18.69L7.00 18.80L6.46 18.69L6.01 18.39L5.71 17.94L5.60 17.40L5.71 16.86L6.01 16.41L6.46 16.11L7.00 16.00L7.54 16.11L7.99 16.41L8.29 16.86L8.40 17.40ZM18.40 17.40L18.29 17.94L17.99 18.39L17.54 18.69L17.00 18.80L16.46 18.69L16.01 18.39L15.71 17.94L15.60 17.40L15.71 16.86L16.01 16.41L16.46 16.11L17.00 16.00L17.54 16.11L17.99 16.41L18.29 16.86L18.40 17.40Z"
+    }));
+  });
+  CutIcon.displayName = "CutIcon";
+  var CutIcon$1 = CutIcon;
+
+  var _excluded$4O = ["gradient"];
 
   /**
    * @component DependencySmallIcon
@@ -4552,7 +4652,7 @@
    */
   var DependencySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4M);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4572,7 +4672,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4602,7 +4702,7 @@
    */
   var DependencyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4L);
+      props = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4622,7 +4722,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4652,7 +4752,7 @@
    */
   var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -4673,7 +4773,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4703,7 +4803,7 @@
    */
   var DescriptionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4723,7 +4823,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4753,7 +4853,7 @@
    */
   var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4773,7 +4873,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4803,7 +4903,7 @@
    */
   var DiscussionIcon = /*#__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,
@@ -4824,7 +4924,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4854,7 +4954,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__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: 12,
@@ -4874,7 +4974,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4904,7 +5004,7 @@
    */
   var DollarCheckmarkIcon = /*#__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,
@@ -4924,7 +5024,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4954,7 +5054,7 @@
    */
   var DollarClockSmallIcon = /*#__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,
@@ -4974,7 +5074,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -5004,7 +5104,7 @@
    */
   var DollarClockIcon = /*#__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,
@@ -5024,7 +5124,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -5054,7 +5154,7 @@
    */
   var DollarDocumentPlusIcon = /*#__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: 24,
@@ -5074,7 +5174,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -5104,7 +5204,7 @@
    */
   var DollarDocumentIcon = /*#__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,
@@ -5125,7 +5225,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -5155,7 +5255,7 @@
    */
   var DollarOffSmallIcon = /*#__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: 12,
@@ -5175,7 +5275,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -5205,7 +5305,7 @@
    */
   var DollarOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4z);
+      props = _objectWithoutProperties(_ref, _excluded$4B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5225,7 +5325,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -5255,7 +5355,7 @@
    */
   var DollarSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4y);
+      props = _objectWithoutProperties(_ref, _excluded$4A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -5275,7 +5375,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -5305,7 +5405,7 @@
    */
   var DollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4x);
+      props = _objectWithoutProperties(_ref, _excluded$4z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5325,7 +5425,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -5355,7 +5455,7 @@
    */
   var DownloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4w);
+      props = _objectWithoutProperties(_ref, _excluded$4y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5375,7 +5475,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component DrawIcon
@@ -5405,7 +5505,7 @@
    */
   var DrawIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5426,7 +5526,7 @@
   DrawIcon.displayName = "DrawIcon";
   var DrawIcon$1 = DrawIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component DriveIcon
@@ -5456,7 +5556,7 @@
    */
   var DriveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4u);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5476,7 +5576,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component DropboxIcon
@@ -5506,7 +5606,7 @@
    */
   var DropboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4t);
+      props = _objectWithoutProperties(_ref, _excluded$4v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5526,7 +5626,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component DuplicateIcon
@@ -5556,7 +5656,7 @@
    */
   var DuplicateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5576,7 +5676,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component EditMultipleIcon
@@ -5606,7 +5706,7 @@
    */
   var EditMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4r);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5626,7 +5726,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component EditIcon
@@ -5656,7 +5756,7 @@
    */
   var EditIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4q);
+      props = _objectWithoutProperties(_ref, _excluded$4s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5676,7 +5776,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component EmojiIcon
@@ -5706,7 +5806,7 @@
    */
   var EmojiIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4p);
+      props = _objectWithoutProperties(_ref, _excluded$4r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5726,7 +5826,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component EstimatePlusIcon
@@ -5756,7 +5856,7 @@
    */
   var EstimatePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4o);
+      props = _objectWithoutProperties(_ref, _excluded$4q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5777,7 +5877,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component EstimatesIcon
@@ -5807,7 +5907,7 @@
    */
   var EstimatesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4n);
+      props = _objectWithoutProperties(_ref, _excluded$4p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5831,7 +5931,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component ExpandAllIcon
@@ -5861,7 +5961,7 @@
    */
   var ExpandAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4m);
+      props = _objectWithoutProperties(_ref, _excluded$4o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5881,7 +5981,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component ExpenseAddIcon
@@ -5911,7 +6011,7 @@
    */
   var ExpenseAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4l);
+      props = _objectWithoutProperties(_ref, _excluded$4n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5931,7 +6031,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component ExpensePlusIcon
@@ -5961,7 +6061,7 @@
    */
   var ExpensePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4k);
+      props = _objectWithoutProperties(_ref, _excluded$4m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5983,7 +6083,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component EyeOffSmallIcon
@@ -6013,7 +6113,7 @@
    */
   var EyeOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4j);
+      props = _objectWithoutProperties(_ref, _excluded$4l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -6033,7 +6133,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4k = ["gradient"];
 
   /**
    * @component EyeOffIcon
@@ -6063,7 +6163,7 @@
    */
   var EyeOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4i);
+      props = _objectWithoutProperties(_ref, _excluded$4k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6083,7 +6183,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component EyeSmallIcon
@@ -6113,7 +6213,7 @@
    */
   var EyeSmallIcon = /*#__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: 12,
@@ -6133,7 +6233,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component EyeIcon
@@ -6163,7 +6263,7 @@
    */
   var EyeIcon = /*#__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,
@@ -6183,7 +6283,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component FilterIcon
@@ -6213,7 +6313,7 @@
    */
   var FilterIcon = /*#__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,
@@ -6233,7 +6333,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component FolderMoveIcon
@@ -6263,7 +6363,7 @@
    */
   var FolderMoveIcon = /*#__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: 24,
@@ -6283,7 +6383,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component FolderOutlineIcon
@@ -6313,7 +6413,7 @@
    */
   var FolderOutlineIcon = /*#__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,
@@ -6333,7 +6433,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component FolderPlusIcon
@@ -6363,7 +6463,7 @@
    */
   var FolderPlusIcon = /*#__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: 24,
@@ -6384,7 +6484,7 @@
   FolderPlusIcon.displayName = "FolderPlusIcon";
   var FolderPlusIcon$1 = FolderPlusIcon;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component GearIcon
@@ -6397,7 +6497,7 @@
    */
   var GearIcon = /*#__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,
@@ -6422,7 +6522,7 @@
   GearIcon.displayName = "GearIcon";
   var GearIcon$1 = GearIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4c = ["gradient"];
   var maskUid$1 = 0;
 
   /**
@@ -6438,7 +6538,7 @@
    */
   var GearFailedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4a);
+      props = _objectWithoutProperties(_ref, _excluded$4c);
     var _useState = React.useState(function () {
         return "gear-failed-cut-".concat(++maskUid$1);
       }),
@@ -6489,7 +6589,7 @@
   GearFailedIcon.displayName = "GearFailedIcon";
   var GearFailedIcon$1 = GearFailedIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component GiftIcon
@@ -6519,7 +6619,7 @@
    */
   var GiftIcon = /*#__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,
@@ -6540,7 +6640,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component GitBranchIcon
@@ -6553,7 +6653,7 @@
    */
   var GitBranchIcon = /*#__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,
@@ -6584,7 +6684,7 @@
   GitBranchIcon.displayName = "GitBranchIcon";
   var GitBranchIcon$1 = GitBranchIcon;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component GitCommitIcon
@@ -6597,7 +6697,7 @@
    */
   var GitCommitIcon = /*#__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,
@@ -6624,7 +6724,7 @@
   GitCommitIcon.displayName = "GitCommitIcon";
   var GitCommitIcon$1 = GitCommitIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component GitHubIcon
@@ -6639,7 +6739,7 @@
    */
   var GitHubIcon = /*#__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,
@@ -6660,7 +6760,7 @@
   GitHubIcon.displayName = "GitHubIcon";
   var GitHubIcon$1 = GitHubIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component GitIcon
@@ -6675,7 +6775,7 @@
    */
   var GitIcon = /*#__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: 24,
@@ -6696,7 +6796,7 @@
   GitIcon.displayName = "GitIcon";
   var GitIcon$1 = GitIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component GitLabIcon
@@ -6711,7 +6811,7 @@
    */
   var GitLabIcon = /*#__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,
@@ -6732,7 +6832,7 @@
   GitLabIcon.displayName = "GitLabIcon";
   var GitLabIcon$1 = GitLabIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component GitMergeIcon
@@ -6747,7 +6847,7 @@
    */
   var GitMergeIcon = /*#__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,
@@ -6778,7 +6878,7 @@
   GitMergeIcon.displayName = "GitMergeIcon";
   var GitMergeIcon$1 = GitMergeIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component GitPullRequestIcon
@@ -6791,7 +6891,7 @@
    */
   var GitPullRequestIcon = /*#__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: 24,
@@ -6824,7 +6924,7 @@
   GitPullRequestIcon.displayName = "GitPullRequestIcon";
   var GitPullRequestIcon$1 = GitPullRequestIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component GitPullRequestDraftIcon
@@ -6839,7 +6939,7 @@
    */
   var GitPullRequestDraftIcon = /*#__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,
@@ -6873,7 +6973,7 @@
   GitPullRequestDraftIcon.displayName = "GitPullRequestDraftIcon";
   var GitPullRequestDraftIcon$1 = GitPullRequestDraftIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component GitPullRequestClosedIcon
@@ -6889,7 +6989,7 @@
    */
   var GitPullRequestClosedIcon = /*#__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,
@@ -6926,7 +7026,7 @@
   GitPullRequestClosedIcon.displayName = "GitPullRequestClosedIcon";
   var GitPullRequestClosedIcon$1 = GitPullRequestClosedIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$41 = ["gradient"];
 
   /**
    * @component GitRepositoryIcon
@@ -6940,7 +7040,7 @@
    */
   var GitRepositoryIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3$);
+      props = _objectWithoutProperties(_ref, _excluded$41);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6969,7 +7069,7 @@
   GitRepositoryIcon.displayName = "GitRepositoryIcon";
   var GitRepositoryIcon$1 = GitRepositoryIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$40 = ["gradient"];
   var maskUid = 0;
 
   /**
@@ -6985,7 +7085,7 @@
    */
   var GitRepositoryConnectIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3_);
+      props = _objectWithoutProperties(_ref, _excluded$40);
     var _useState = React.useState(function () {
         return "git-repository-connect-cut-".concat(++maskUid);
       }),
@@ -7046,7 +7146,7 @@
   GitRepositoryConnectIcon.displayName = "GitRepositoryConnectIcon";
   var GitRepositoryConnectIcon$1 = GitRepositoryConnectIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component GroupByIcon
@@ -7076,7 +7176,7 @@
    */
   var GroupByIcon = /*#__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,
@@ -7095,7 +7195,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component HashtagIcon
@@ -7125,7 +7225,7 @@
    */
   var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Y);
+      props = _objectWithoutProperties(_ref, _excluded$3_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7146,7 +7246,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component HashIcon
@@ -7176,7 +7276,7 @@
    */
   var HashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3X);
+      props = _objectWithoutProperties(_ref, _excluded$3Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7195,7 +7295,7 @@
   HashIcon.displayName = "HashIcon";
   var HashIcon$1 = HashIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component CommandLineIcon
@@ -7225,7 +7325,7 @@
    */
   var CommandLineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3W);
+      props = _objectWithoutProperties(_ref, _excluded$3Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7244,7 +7344,7 @@
   CommandLineIcon.displayName = "CommandLineIcon";
   var CommandLineIcon$1 = CommandLineIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -7274,7 +7374,7 @@
    */
   var HelpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3V);
+      props = _objectWithoutProperties(_ref, _excluded$3X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7294,7 +7394,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -7324,7 +7424,7 @@
    */
   var HistoryOfChangesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3U);
+      props = _objectWithoutProperties(_ref, _excluded$3W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7345,7 +7445,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -7375,7 +7475,7 @@
    */
   var ImageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3T);
+      props = _objectWithoutProperties(_ref, _excluded$3V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7396,7 +7496,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3U = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -7426,7 +7526,7 @@
    */
   var InfoSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3S);
+      props = _objectWithoutProperties(_ref, _excluded$3U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -7446,7 +7546,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -7476,7 +7576,7 @@
    */
   var InfoIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3R);
+      props = _objectWithoutProperties(_ref, _excluded$3T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7496,7 +7596,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -7526,7 +7626,7 @@
    */
   var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Q);
+      props = _objectWithoutProperties(_ref, _excluded$3S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7546,7 +7646,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -7576,7 +7676,7 @@
    */
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3P);
+      props = _objectWithoutProperties(_ref, _excluded$3R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7600,7 +7700,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -7630,7 +7730,7 @@
    */
   var InvoicesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3O);
+      props = _objectWithoutProperties(_ref, _excluded$3Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7654,7 +7754,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component KeyIcon
@@ -7684,7 +7784,7 @@
    */
   var KeyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3N);
+      props = _objectWithoutProperties(_ref, _excluded$3P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7703,7 +7803,7 @@
   KeyIcon.displayName = "KeyIcon";
   var KeyIcon$1 = KeyIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -7733,7 +7833,7 @@
    */
   var LabelsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3M);
+      props = _objectWithoutProperties(_ref, _excluded$3O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7753,7 +7853,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component LayersIcon
@@ -7783,7 +7883,7 @@
    */
   var LayersIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3L);
+      props = _objectWithoutProperties(_ref, _excluded$3N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7807,7 +7907,7 @@
   LayersIcon.displayName = "LayersIcon";
   var LayersIcon$1 = LayersIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component LayerBackIcon
@@ -7837,7 +7937,7 @@
    */
   var LayerBackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3K);
+      props = _objectWithoutProperties(_ref, _excluded$3M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7858,7 +7958,7 @@
   LayerBackIcon.displayName = "LayerBackIcon";
   var LayerBackIcon$1 = LayerBackIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component LayerBackwardIcon
@@ -7888,7 +7988,7 @@
    */
   var LayerBackwardIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3J);
+      props = _objectWithoutProperties(_ref, _excluded$3L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7926,7 +8026,7 @@
   LayerBackwardIcon.displayName = "LayerBackwardIcon";
   var LayerBackwardIcon$1 = LayerBackwardIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component LayerForwardIcon
@@ -7956,7 +8056,7 @@
    */
   var LayerForwardIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3I);
+      props = _objectWithoutProperties(_ref, _excluded$3K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7994,7 +8094,7 @@
   LayerForwardIcon.displayName = "LayerForwardIcon";
   var LayerForwardIcon$1 = LayerForwardIcon;
 
-  var _excluded$3H = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component LayerFrontIcon
@@ -8024,7 +8124,7 @@
    */
   var LayerFrontIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3H);
+      props = _objectWithoutProperties(_ref, _excluded$3J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8045,7 +8145,7 @@
   LayerFrontIcon.displayName = "LayerFrontIcon";
   var LayerFrontIcon$1 = LayerFrontIcon;
 
-  var _excluded$3G = ["gradient"];
+  var _excluded$3I = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -8075,7 +8175,7 @@
    */
   var LetterArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3G);
+      props = _objectWithoutProperties(_ref, _excluded$3I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8096,7 +8196,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$3F = ["gradient"];
+  var _excluded$3H = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -8126,7 +8226,7 @@
    */
   var LetterFastIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3F);
+      props = _objectWithoutProperties(_ref, _excluded$3H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8146,7 +8246,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$3E = ["gradient"];
+  var _excluded$3G = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -8176,7 +8276,7 @@
    */
   var LetterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3E);
+      props = _objectWithoutProperties(_ref, _excluded$3G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8197,7 +8297,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$3D = ["gradient"];
+  var _excluded$3F = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -8227,7 +8327,7 @@
    */
   var LockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3D);
+      props = _objectWithoutProperties(_ref, _excluded$3F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8247,7 +8347,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$3C = ["gradient"];
+  var _excluded$3E = ["gradient"];
 
   /**
    * @component LockIcon
@@ -8277,7 +8377,7 @@
    */
   var LockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3C);
+      props = _objectWithoutProperties(_ref, _excluded$3E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8297,7 +8397,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$3B = ["gradient"];
+  var _excluded$3D = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -8327,7 +8427,7 @@
    */
   var MarkerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3B);
+      props = _objectWithoutProperties(_ref, _excluded$3D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8347,7 +8447,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$3A = ["gradient"];
+  var _excluded$3C = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -8377,7 +8477,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3A);
+      props = _objectWithoutProperties(_ref, _excluded$3C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8396,7 +8496,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$3z = ["gradient"];
+  var _excluded$3B = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -8426,7 +8526,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3z);
+      props = _objectWithoutProperties(_ref, _excluded$3B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8446,7 +8546,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$3y = ["gradient"];
+  var _excluded$3A = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -8476,7 +8576,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3y);
+      props = _objectWithoutProperties(_ref, _excluded$3A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8496,7 +8596,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$3x = ["gradient"];
+  var _excluded$3z = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -8526,7 +8626,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3x);
+      props = _objectWithoutProperties(_ref, _excluded$3z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8546,7 +8646,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
-  var _excluded$3w = ["gradient"];
+  var _excluded$3y = ["gradient"];
 
   /**
    * @component MessageStarIcon
@@ -8576,7 +8676,7 @@
    */
   var MessageStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3w);
+      props = _objectWithoutProperties(_ref, _excluded$3y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8599,7 +8699,7 @@
   MessageStarIcon.displayName = "MessageStarIcon";
   var MessageStarIcon$1 = MessageStarIcon;
 
-  var _excluded$3v = ["gradient"];
+  var _excluded$3x = ["gradient"];
 
   /**
    * @component MessageIcon
@@ -8629,7 +8729,7 @@
    */
   var MessageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3v);
+      props = _objectWithoutProperties(_ref, _excluded$3x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8649,7 +8749,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
 
-  var _excluded$3u = ["gradient"];
+  var _excluded$3w = ["gradient"];
 
   /**
    * @component MinusIcon
@@ -8679,7 +8779,7 @@
    */
   var MinusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3u);
+      props = _objectWithoutProperties(_ref, _excluded$3w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8703,7 +8803,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
-  var _excluded$3t = ["gradient"];
+  var _excluded$3v = ["gradient"];
 
   /**
    * @component MobileMenuIcon
@@ -8733,7 +8833,7 @@
    */
   var MobileMenuIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3t);
+      props = _objectWithoutProperties(_ref, _excluded$3v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8754,7 +8854,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
 
-  var _excluded$3s = ["gradient"];
+  var _excluded$3u = ["gradient"];
 
   /**
    * @component MoneyStackIcon
@@ -8784,7 +8884,7 @@
    */
   var MoneyStackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3s);
+      props = _objectWithoutProperties(_ref, _excluded$3u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8811,7 +8911,7 @@
   MoneyStackIcon.displayName = "MoneyStackIcon";
   var MoneyStackIcon$1 = MoneyStackIcon;
 
-  var _excluded$3r = ["gradient"];
+  var _excluded$3t = ["gradient"];
 
   /**
    * @component MoonIcon
@@ -8841,7 +8941,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3r);
+      props = _objectWithoutProperties(_ref, _excluded$3t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 20,
@@ -8862,7 +8962,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$3q = ["gradient"];
+  var _excluded$3s = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -8892,7 +8992,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3q);
+      props = _objectWithoutProperties(_ref, _excluded$3s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -8912,7 +9012,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$3p = ["gradient"];
+  var _excluded$3r = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -8942,7 +9042,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3p);
+      props = _objectWithoutProperties(_ref, _excluded$3r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8963,7 +9063,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$3o = ["gradient"];
+  var _excluded$3q = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -8993,7 +9093,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3o);
+      props = _objectWithoutProperties(_ref, _excluded$3q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9017,7 +9117,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$3n = ["gradient"];
+  var _excluded$3p = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -9047,7 +9147,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3n);
+      props = _objectWithoutProperties(_ref, _excluded$3p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9067,7 +9167,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$3m = ["gradient"];
+  var _excluded$3o = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -9097,7 +9197,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3m);
+      props = _objectWithoutProperties(_ref, _excluded$3o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9117,7 +9217,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$3l = ["gradient"];
+  var _excluded$3n = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -9147,7 +9247,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3l);
+      props = _objectWithoutProperties(_ref, _excluded$3n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9167,7 +9267,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$3k = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -9197,7 +9297,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3k);
+      props = _objectWithoutProperties(_ref, _excluded$3m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9216,7 +9316,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -9246,7 +9346,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3j);
+      props = _objectWithoutProperties(_ref, _excluded$3l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9266,7 +9366,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -9296,7 +9396,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3i);
+      props = _objectWithoutProperties(_ref, _excluded$3k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9321,7 +9421,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -9351,7 +9451,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3h);
+      props = _objectWithoutProperties(_ref, _excluded$3j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9371,7 +9471,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3i = ["gradient"];
 
   /**
    * @component PaidSmallIcon
@@ -9401,7 +9501,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9421,7 +9521,57 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3h = ["gradient"];
+
+  /**
+   * @component PasteIcon
+   * @description
+   *
+   * The PasteIcon component displays a clipboard to represent a paste action (for example paste from clipboard).
+   * 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 (
+   * <PasteIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <PasteIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var PasteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$3h);
+    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": "PasteIcon",
+      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: "M10.35 1.91L9.79 2.08L9.34 2.45L9.06 2.96L9.00 3.50L6.91 3.56L6.35 3.73L5.83 4.01L5.38 4.38L5.01 4.83L4.63 5.63L4.50 6.50L4.50 18.00L4.56 18.59L4.73 19.15L5.18 19.90L5.83 20.49L6.63 20.87L7.21 20.99L16.50 21.00L17.09 20.94L17.65 20.77L18.17 20.49L18.82 19.90L19.27 19.15L19.49 18.29L19.50 6.50L19.44 5.91L19.27 5.35L18.99 4.83L18.62 4.38L18.17 4.01L17.65 3.73L16.79 3.51L15.00 3.50L14.94 2.96L14.75 2.57L14.45 2.24L14.07 2.01L13.50 1.90L10.35 1.91ZM16.41 5.66L16.78 5.84L17.08 6.11L17.29 6.46L17.39 6.86L17.40 17.50L17.34 17.91L17.16 18.28L16.66 18.73L16.00 18.90L8.00 18.90L7.59 18.84L7.22 18.66L6.77 18.16L6.60 17.50L6.60 7.00L6.66 6.59L6.84 6.22L7.22 5.84L7.86 5.61L16.00 5.60L16.41 5.66ZM11.20 3.70L10.88 3.59L10.71 3.30L10.76 2.96L11.05 2.72L12.90 2.71L13.12 2.81L13.28 3.05L13.24 3.44L12.95 3.68L11.20 3.70Z"
+    }));
+  });
+  PasteIcon.displayName = "PasteIcon";
+  var PasteIcon$1 = PasteIcon;
+
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -9451,7 +9601,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3f);
+      props = _objectWithoutProperties(_ref, _excluded$3g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9471,7 +9621,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -9501,7 +9651,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3e);
+      props = _objectWithoutProperties(_ref, _excluded$3f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9521,7 +9671,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -9551,7 +9701,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3d);
+      props = _objectWithoutProperties(_ref, _excluded$3e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9571,7 +9721,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -9601,7 +9751,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3c);
+      props = _objectWithoutProperties(_ref, _excluded$3d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9620,7 +9770,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -9650,7 +9800,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3b);
+      props = _objectWithoutProperties(_ref, _excluded$3c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9669,7 +9819,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -9699,7 +9849,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3a);
+      props = _objectWithoutProperties(_ref, _excluded$3b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9719,7 +9869,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -9749,7 +9899,7 @@
    */
   var PeopleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$39);
+      props = _objectWithoutProperties(_ref, _excluded$3a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9773,7 +9923,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -9803,7 +9953,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$38);
+      props = _objectWithoutProperties(_ref, _excluded$39);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9824,7 +9974,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -9854,7 +10004,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$37);
+      props = _objectWithoutProperties(_ref, _excluded$38);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9874,7 +10024,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -9904,7 +10054,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$36);
+      props = _objectWithoutProperties(_ref, _excluded$37);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9924,7 +10074,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -9954,7 +10104,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$35);
+      props = _objectWithoutProperties(_ref, _excluded$36);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9975,7 +10125,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -10005,7 +10155,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$34);
+      props = _objectWithoutProperties(_ref, _excluded$35);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10025,7 +10175,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -10055,7 +10205,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$33);
+      props = _objectWithoutProperties(_ref, _excluded$34);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10075,7 +10225,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component PinSmallIcon
@@ -10105,7 +10255,7 @@
    */
   var PinSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$32);
+      props = _objectWithoutProperties(_ref, _excluded$33);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -10126,7 +10276,7 @@
   PinSmallIcon.displayName = "PinSmallIcon";
   var PinSmallIcon$1 = PinSmallIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component PinIcon
@@ -10156,7 +10306,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$31);
+      props = _objectWithoutProperties(_ref, _excluded$32);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10176,7 +10326,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -10206,7 +10356,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$30);
+      props = _objectWithoutProperties(_ref, _excluded$31);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10226,7 +10376,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -10256,7 +10406,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2$);
+      props = _objectWithoutProperties(_ref, _excluded$30);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10276,7 +10426,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -10306,7 +10456,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2_);
+      props = _objectWithoutProperties(_ref, _excluded$2$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10326,7 +10476,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component PortfolioIcon
@@ -10356,7 +10506,7 @@
    */
   var PortfolioIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Z);
+      props = _objectWithoutProperties(_ref, _excluded$2_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10376,7 +10526,7 @@
   PortfolioIcon.displayName = "PortfolioIcon";
   var PortfolioIcon$1 = PortfolioIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component PortfolioPlusIcon
@@ -10406,7 +10556,7 @@
    */
   var PortfolioPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Y);
+      props = _objectWithoutProperties(_ref, _excluded$2Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10427,7 +10577,7 @@
   PortfolioPlusIcon.displayName = "PortfolioPlusIcon";
   var PortfolioPlusIcon$1 = PortfolioPlusIcon;
 
-  var _excluded$2X = ["gradient"];
+  var _excluded$2Y = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -10457,7 +10607,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2X);
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10478,7 +10628,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2W = ["gradient"];
+  var _excluded$2X = ["gradient"];
 
   /**
    * @component ProjectIcon
@@ -10512,7 +10662,7 @@
    */
   var ProjectIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2W);
+      props = _objectWithoutProperties(_ref, _excluded$2X);
     var fillValue = gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)";
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
@@ -10565,7 +10715,7 @@
   ProjectIcon.displayName = "ProjectIcon";
   var ProjectIcon$1 = ProjectIcon;
 
-  var _excluded$2V = ["gradient"];
+  var _excluded$2W = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -10595,7 +10745,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2V);
+      props = _objectWithoutProperties(_ref, _excluded$2W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10615,7 +10765,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2U = ["gradient"];
+  var _excluded$2V = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -10645,7 +10795,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2U);
+      props = _objectWithoutProperties(_ref, _excluded$2V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10666,7 +10816,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2T = ["gradient"];
+  var _excluded$2U = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -10696,7 +10846,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2T);
+      props = _objectWithoutProperties(_ref, _excluded$2U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10719,7 +10869,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2S = ["gradient"];
+  var _excluded$2T = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -10749,7 +10899,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10769,7 +10919,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2S = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -10799,7 +10949,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10819,7 +10969,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2R = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -10849,7 +10999,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10869,7 +11019,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -10899,7 +11049,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10923,7 +11073,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component PuzzleIcon
@@ -10953,7 +11103,7 @@
    */
   var PuzzleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10974,7 +11124,7 @@
   PuzzleIcon.displayName = "PuzzleIcon";
   var PuzzleIcon$1 = PuzzleIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -11004,7 +11154,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11024,7 +11174,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -11054,7 +11204,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -11082,7 +11232,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -11112,7 +11262,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11132,7 +11282,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -11162,7 +11312,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -11182,7 +11332,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -11212,7 +11362,7 @@
    */
   var RecurringCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -11232,7 +11382,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component RecurringCheckmarkIcon
@@ -11262,7 +11412,7 @@
    */
   var RecurringCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11282,7 +11432,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component RecurringDollarIcon
@@ -11312,7 +11462,7 @@
    */
   var RecurringDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11334,7 +11484,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component RecurringSmallIcon
@@ -11364,7 +11514,7 @@
    */
   var RecurringSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -11385,7 +11535,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component ReminderIcon
@@ -11415,7 +11565,7 @@
    */
   var ReminderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -11441,7 +11591,7 @@
   ReminderIcon.displayName = "ReminderIcon";
   var ReminderIcon$1 = ReminderIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component ReorderIcon
@@ -11471,7 +11621,7 @@
    */
   var ReorderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11490,7 +11640,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component ReportTimeIcon
@@ -11520,7 +11670,7 @@
    */
   var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11540,7 +11690,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component ReportsIcon
@@ -11570,7 +11720,7 @@
    */
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11594,7 +11744,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component RobotIcon
@@ -11624,7 +11774,7 @@
    */
   var RobotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11647,7 +11797,7 @@
   RobotIcon.displayName = "RobotIcon";
   var RobotIcon$1 = RobotIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component RocketSmallIcon
@@ -11677,7 +11827,7 @@
    */
   var RocketSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -11695,7 +11845,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component RocketIcon
@@ -11725,7 +11875,7 @@
    */
   var RocketIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11744,7 +11894,7 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component RoundedRectangleIcon
@@ -11774,7 +11924,7 @@
    */
   var RoundedRectangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2y);
+      props = _objectWithoutProperties(_ref, _excluded$2z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11800,7 +11950,7 @@
   RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
   var RoundedRectangleIcon$1 = RoundedRectangleIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component SaveIcon
@@ -11830,7 +11980,7 @@
    */
   var SaveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11851,6 +12001,56 @@
   SaveIcon.displayName = "SaveIcon";
   var SaveIcon$1 = SaveIcon;
 
+  var _excluded$2x = ["gradient"];
+
+  /**
+   * @component ScissorsIcon
+   * @description
+   *
+   * The ScissorsIcon component displays a pair of scissors to represent cut, trim, or clip actions.
+   * 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 (
+   * <ScissorsIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <ScissorsIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ScissorsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$2x);
+    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": "ScissorsIcon",
+      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: "M13.15 11.00L13.14 10.84L18.15 3.40L18.25 2.92L18.06 2.46L17.73 2.22L17.40 2.15L17.00 2.25L16.75 2.46L12.00 9.48L7.25 2.46L7.00 2.25L6.68 2.15L6.35 2.19L6.06 2.35L5.77 2.84L5.85 3.40L10.86 10.84L10.85 11.09L8.00 14.74L7.00 14.55L6.17 14.67L5.19 15.20L4.63 15.82L4.20 16.84L4.16 17.68L4.37 18.49L4.98 19.42L5.91 20.03L7.00 20.25L8.09 20.03L9.02 19.42L9.63 18.49L9.84 17.68L9.73 16.57L9.34 15.78L12.00 12.38L14.66 15.78L14.27 16.57L14.16 17.68L14.37 18.49L14.98 19.42L15.91 20.03L17.00 20.25L18.09 20.03L19.02 19.42L19.51 18.74L19.84 17.68L19.73 16.57L19.37 15.82L18.58 15.03L17.83 14.67L17.00 14.55L16.00 14.74L13.15 11.00ZM8.40 17.40L8.29 17.94L7.99 18.39L7.54 18.69L7.00 18.80L6.46 18.69L6.01 18.39L5.71 17.94L5.60 17.40L5.71 16.86L6.01 16.41L6.46 16.11L7.00 16.00L7.54 16.11L7.99 16.41L8.29 16.86L8.40 17.40ZM18.40 17.40L18.29 17.94L17.99 18.39L17.54 18.69L17.00 18.80L16.46 18.69L16.01 18.39L15.71 17.94L15.60 17.40L15.71 16.86L16.01 16.41L16.46 16.11L17.00 16.00L17.54 16.11L17.99 16.41L18.29 16.86L18.40 17.40Z"
+    }));
+  });
+  ScissorsIcon.displayName = "ScissorsIcon";
+  var ScissorsIcon$1 = ScissorsIcon;
+
   var _excluded$2w = ["gradient"];
 
   /**
@@ -31490,6 +31690,7 @@
   exports.CircleIcon = CircleIcon$1;
   exports.CircleMultipleIcon = CircleMultipleIcon$1;
   exports.CircleSlashIcon = CircleSlashIcon$1;
+  exports.ClipboardIcon = ClipboardIcon$1;
   exports.ClockAddIcon = ClockAddIcon$1;
   exports.ClockDollarIcon = ClockDollarIcon$1;
   exports.ClockIcon = ClockIcon$1;
@@ -31523,6 +31724,7 @@
   exports.CounterButton = CounterButton;
   exports.CrownBlankIcon = CrownBlankIcon$1;
   exports.CrownSelectedIcon = CrownSelectedIcon$1;
+  exports.CutIcon = CutIcon$1;
   exports.DARK_THEME_MATCH = DARK_THEME_MATCH;
   exports.DARK_THEME_NAMES = DARK_THEME_NAMES;
   exports.DARK_THEME_SELECTOR = DARK_THEME_SELECTOR;
@@ -31704,6 +31906,7 @@
   exports.PaidSmallIcon = PaidSmallIcon$1;
   exports.Paper = Paper;
   exports.PartyIcon = PartyIcon$1;
+  exports.PasteIcon = PasteIcon$1;
   exports.PauseCircleOutlineIcon = PauseCircleOutlineIcon$1;
   exports.PauseIcon = PauseIcon$1;
   exports.PauseSmallIcon = PauseSmallIcon$1;
@@ -31779,6 +31982,7 @@
   exports.SaveIcon = SaveIcon$1;
   exports.Scale = Scale;
   exports.ScaleBar = ScaleBar;
+  exports.ScissorsIcon = ScissorsIcon$1;
   exports.ScrollElement = ScrollElement;
   exports.ScrollShadow = ScrollShadow;
   exports.SearchIcon = SearchIcon$1;