@activecollab/components 2.0.446 → 2.0.448

package/dist/index.js

@@ -171,7 +171,7 @@
   var StyledButton$2 = styled__default["default"].button.withConfig({
     displayName: "Styles__StyledButton",
     componentId: "sc-vi1kcr-0"
-  })(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+  })(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;--c-btn-text-inset:8px;--c-btn-icon-inset:8px;--c-btn-icon-tight-inset:6px;--c-btn-inset:0px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
     return props.size === "small" && styled.css(["height:24px;"]);
   }, function (props) {
     return props.size === "big" && styled.css(["height:40px;"]);
@@ -182,13 +182,13 @@
   }, function (props) {
     return props.variant === "dark transparent" && styled.css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover,&:focus-visible{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
   }, function (props) {
-    return (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
+    return (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
   }, function (props) {
-    return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
+    return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
   }, function (props) {
     return props.variant === "circle raised" && styled.css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
   }, function (props) {
-    return props.iconOnly && styled.css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && styled.css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && styled.css(["width:24px;"]), props.size === "big" && styled.css(["width:40px;"]));
+    return props.iconOnly && styled.css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;--c-btn-inset:0px;", " ", ";", " ", ""], (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray") && props.size !== "small" && props.size !== "big" && styled.css(["--c-btn-inset:", ";"], props.$inset === "tight" ? "var(--c-btn-icon-tight-inset)" : "var(--c-btn-icon-inset)"), (props.size === "small" || props.size === "big") && styled.css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && styled.css(["width:24px;"]), props.size === "big" && styled.css(["width:40px;"]));
   }, function (props) {
     return (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && styled.css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && styled.css(["border-radius:var(--ac-br-rounded);"]));
   }, function (props) {
@@ -208,7 +208,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$5Y = ["children", "active", "variant", "size", "type", "className"];
+  var _excluded$60 = ["children", "active", "variant", "size", "type", "inset", "className"];
   /**
    * @component Button
    * @description
@@ -240,8 +240,10 @@
       size = _ref$size === void 0 ? "medium" : _ref$size,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? "button" : _ref$type,
+      _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",
@@ -258,6 +260,7 @@
       variant: variant,
       active: active,
       size: size,
+      $inset: inset,
       ref: ref,
       "aria-pressed": active,
       role: "button",
@@ -307,7 +310,7 @@
     })));
   };
 
-  var _excluded$5X = ["gradient"];
+  var _excluded$5$ = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -337,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,
@@ -357,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",
@@ -400,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),
@@ -430,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,
@@ -443,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,
@@ -1056,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
 
@@ -1086,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,
@@ -1097,7 +1100,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$5Q = ["gradient"];
+  var _excluded$5U = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1127,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,
@@ -1148,7 +1151,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$5P = ["gradient"];
+  var _excluded$5T = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1178,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,
@@ -1206,7 +1209,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$5O = ["gradient"];
+  var _excluded$5S = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1236,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,
@@ -1260,7 +1263,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$5N = ["gradient"];
+  var _excluded$5R = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1290,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,
@@ -1310,7 +1313,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$5M = ["gradient"];
+  var _excluded$5Q = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1340,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,
@@ -1361,7 +1364,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$5L = ["gradient"];
+  var _excluded$5P = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1391,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,
@@ -1412,7 +1415,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$5K = ["gradient"];
+  var _excluded$5O = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1442,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,
@@ -1462,7 +1465,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$5J = ["gradient"];
+  var _excluded$5N = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1492,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,
@@ -1512,7 +1515,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$5I = ["gradient"];
+  var _excluded$5M = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1542,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,
@@ -1562,7 +1565,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$5H = ["gradient"];
+  var _excluded$5L = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1592,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,
@@ -1611,7 +1614,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$5G = ["gradient"];
+  var _excluded$5K = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1641,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,
@@ -1661,7 +1664,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$5F = ["gradient"];
+  var _excluded$5J = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1691,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,
@@ -1711,7 +1714,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$5E = ["gradient"];
+  var _excluded$5I = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1741,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,
@@ -1761,7 +1764,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$5D = ["gradient"];
+  var _excluded$5H = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1791,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,
@@ -1812,7 +1815,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$5C = ["gradient"];
+  var _excluded$5G = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1842,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,
@@ -1862,7 +1865,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$5B = ["gradient"];
+  var _excluded$5F = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1892,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,
@@ -1912,7 +1915,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$5A = ["gradient"];
+  var _excluded$5E = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1942,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,
@@ -1962,7 +1965,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$5z = ["gradient"];
+  var _excluded$5D = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1992,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,
@@ -2011,7 +2014,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$5y = ["gradient"];
+  var _excluded$5C = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -2041,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,
@@ -2061,7 +2064,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$5x = ["gradient"];
+  var _excluded$5B = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -2091,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,
@@ -2111,7 +2114,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$5w = ["gradient"];
+  var _excluded$5A = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2141,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,
@@ -2161,7 +2164,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$5v = ["gradient"];
+  var _excluded$5z = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2191,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,
@@ -2211,7 +2214,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$5u = ["gradient"];
+  var _excluded$5y = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2241,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,
@@ -2264,7 +2267,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$5t = ["gradient"];
+  var _excluded$5x = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2294,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,
@@ -2314,7 +2317,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$5s = ["gradient"];
+  var _excluded$5w = ["gradient"];
 
   /**
    * @component BulbIcon
@@ -2344,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,
@@ -2363,7 +2366,7 @@
   BulbIcon.displayName = "BulbIcon";
   var BulbIcon$1 = BulbIcon;
 
-  var _excluded$5r = ["gradient"];
+  var _excluded$5v = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2393,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,
@@ -2413,7 +2416,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$5q = ["gradient"];
+  var _excluded$5u = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2443,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,
@@ -2466,7 +2469,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$5p = ["gradient"];
+  var _excluded$5t = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2496,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,
@@ -2516,7 +2519,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$5o = ["gradient"];
+  var _excluded$5s = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2546,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,
@@ -2566,7 +2569,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$5n = ["gradient"];
+  var _excluded$5r = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2596,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,
@@ -2616,7 +2619,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$5m = ["gradient"];
+  var _excluded$5q = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2646,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,
@@ -2666,7 +2669,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$5l = ["gradient"];
+  var _excluded$5p = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2696,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,
@@ -2716,7 +2719,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$5k = ["gradient"];
+  var _excluded$5o = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2746,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,
@@ -2766,7 +2769,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$5j = ["gradient"];
+  var _excluded$5n = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2796,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,
@@ -2816,7 +2819,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$5i = ["gradient"];
+  var _excluded$5m = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2846,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,
@@ -2866,7 +2869,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$5h = ["gradient"];
+  var _excluded$5l = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2896,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,
@@ -2917,7 +2920,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$5g = ["gradient"];
+  var _excluded$5k = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2947,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,
@@ -2967,7 +2970,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$5f = ["gradient"];
+  var _excluded$5j = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2997,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,
@@ -3027,7 +3030,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$5e = ["gradient"];
+  var _excluded$5i = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -3057,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,
@@ -3077,7 +3080,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$5d = ["gradient"];
+  var _excluded$5h = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -3107,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,
@@ -3127,7 +3130,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$5c = ["gradient"];
+  var _excluded$5g = ["gradient"];
 
   /**
    * @component CircleDotIcon
@@ -3157,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,
@@ -3180,7 +3183,7 @@
   CircleDotIcon.displayName = "CircleDotIcon";
   var CircleDotIcon$1 = CircleDotIcon;
 
-  var _excluded$5b = ["gradient"];
+  var _excluded$5f = ["gradient"];
 
   /**
    * @component CircleIcon
@@ -3210,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,
@@ -3229,7 +3232,7 @@
   CircleIcon.displayName = "CircleIcon";
   var CircleIcon$1 = CircleIcon;
 
-  var _excluded$5a = ["gradient"];
+  var _excluded$5e = ["gradient"];
 
   /**
    * @component CircleSlashIcon
@@ -3263,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,
@@ -3284,7 +3287,7 @@
   CircleSlashIcon.displayName = "CircleSlashIcon";
   var CircleSlashIcon$1 = CircleSlashIcon;
 
-  var _excluded$59 = ["gradient"];
+  var _excluded$5d = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -3314,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,
@@ -3334,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
@@ -3364,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,
@@ -3384,7 +3437,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$57 = ["gradient"];
+  var _excluded$5a = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3414,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,
@@ -3437,7 +3490,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$56 = ["gradient"];
+  var _excluded$59 = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3467,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,
@@ -3487,7 +3540,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$55 = ["gradient"];
+  var _excluded$58 = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3517,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,
@@ -3538,7 +3591,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$54 = ["gradient"];
+  var _excluded$57 = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3568,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,
@@ -3588,7 +3641,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$53 = ["gradient"];
+  var _excluded$56 = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3618,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,
@@ -3638,7 +3691,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$52 = ["gradient"];
+  var _excluded$55 = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3668,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,
@@ -3688,7 +3741,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$51 = ["gradient"];
+  var _excluded$54 = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3718,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,
@@ -3739,7 +3792,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$50 = ["gradient"];
+  var _excluded$53 = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3769,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,
@@ -3789,7 +3842,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$4$ = ["gradient"];
+  var _excluded$52 = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3819,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,
@@ -3839,7 +3892,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$4_ = ["gradient"];
+  var _excluded$51 = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3869,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,
@@ -3890,7 +3943,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$4Z = ["gradient"];
+  var _excluded$50 = ["gradient"];
 
   /**
    * @component CloudIcon
@@ -3903,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,
@@ -3926,7 +3979,7 @@
   CloudIcon.displayName = "CloudIcon";
   var CloudIcon$1 = CloudIcon;
 
-  var _excluded$4Y = ["gradient"];
+  var _excluded$4$ = ["gradient"];
 
   /**
    * @component CloudDeployIcon
@@ -3941,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,
@@ -3968,7 +4021,7 @@
   CloudDeployIcon.displayName = "CloudDeployIcon";
   var CloudDeployIcon$1 = CloudDeployIcon;
 
-  var _excluded$4X = ["gradient"];
+  var _excluded$4_ = ["gradient"];
 
   /**
    * @component CloudDeployFailedIcon
@@ -3983,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,
@@ -4010,7 +4063,7 @@
   CloudDeployFailedIcon.displayName = "CloudDeployFailedIcon";
   var CloudDeployFailedIcon$1 = CloudDeployFailedIcon;
 
-  var _excluded$4W = ["gradient"];
+  var _excluded$4Z = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -4040,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,
@@ -4060,7 +4113,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$4V = ["gradient"];
+  var _excluded$4Y = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -4090,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,
@@ -4110,7 +4163,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$4U = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -4140,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,
@@ -4160,7 +4213,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$4T = ["gradient"];
+  var _excluded$4W = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -4190,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,
@@ -4211,7 +4264,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$4S = ["gradient"];
+  var _excluded$4V = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -4241,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,
@@ -4262,7 +4315,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$4R = ["gradient"];
+  var _excluded$4U = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -4292,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,
@@ -4312,7 +4365,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$4Q = ["gradient"];
+  var _excluded$4T = ["gradient"];
 
   /**
    * @component ConnectionIcon
@@ -4342,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,
@@ -4369,7 +4422,7 @@
   ConnectionIcon.displayName = "ConnectionIcon";
   var ConnectionIcon$1 = ConnectionIcon;
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4S = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -4399,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,
@@ -4419,7 +4472,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$4O = ["gradient"];
+  var _excluded$4R = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -4449,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,
@@ -4469,7 +4522,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -4499,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,
@@ -4519,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
@@ -4549,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,
@@ -4569,7 +4672,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4599,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,
@@ -4619,7 +4722,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4649,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,
@@ -4670,7 +4773,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4700,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,
@@ -4720,7 +4823,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4750,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,
@@ -4770,7 +4873,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4800,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,
@@ -4821,7 +4924,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4851,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,
@@ -4871,7 +4974,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4901,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,
@@ -4921,7 +5024,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4951,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,
@@ -4971,7 +5074,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -5001,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,
@@ -5021,7 +5124,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -5051,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,
@@ -5071,7 +5174,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -5101,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,
@@ -5122,7 +5225,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -5152,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,
@@ -5172,7 +5275,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -5202,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,
@@ -5222,7 +5325,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -5252,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,
@@ -5272,7 +5375,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -5302,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,
@@ -5322,7 +5425,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -5352,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,
@@ -5372,7 +5475,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component DrawIcon
@@ -5402,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,
@@ -5423,7 +5526,7 @@
   DrawIcon.displayName = "DrawIcon";
   var DrawIcon$1 = DrawIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component DriveIcon
@@ -5453,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,
@@ -5473,7 +5576,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component DropboxIcon
@@ -5503,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,
@@ -5523,7 +5626,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component DuplicateIcon
@@ -5553,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,
@@ -5573,7 +5676,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component EditMultipleIcon
@@ -5603,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,
@@ -5623,7 +5726,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component EditIcon
@@ -5653,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,
@@ -5673,7 +5776,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component EmojiIcon
@@ -5703,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,
@@ -5723,7 +5826,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component EstimatePlusIcon
@@ -5753,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,
@@ -5774,7 +5877,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component EstimatesIcon
@@ -5804,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,
@@ -5828,7 +5931,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component ExpandAllIcon
@@ -5858,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,
@@ -5878,7 +5981,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component ExpenseAddIcon
@@ -5908,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,
@@ -5928,7 +6031,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component ExpensePlusIcon
@@ -5958,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,
@@ -5980,7 +6083,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component EyeOffSmallIcon
@@ -6010,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,
@@ -6030,7 +6133,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4k = ["gradient"];
 
   /**
    * @component EyeOffIcon
@@ -6060,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,
@@ -6080,7 +6183,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component EyeSmallIcon
@@ -6110,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,
@@ -6130,7 +6233,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component EyeIcon
@@ -6160,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,
@@ -6180,7 +6283,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component FilterIcon
@@ -6210,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,
@@ -6230,7 +6333,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component FolderMoveIcon
@@ -6260,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,
@@ -6280,7 +6383,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component FolderOutlineIcon
@@ -6310,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,
@@ -6330,7 +6433,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component FolderPlusIcon
@@ -6360,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,
@@ -6381,7 +6484,7 @@
   FolderPlusIcon.displayName = "FolderPlusIcon";
   var FolderPlusIcon$1 = FolderPlusIcon;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component GearIcon
@@ -6394,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,
@@ -6419,7 +6522,7 @@
   GearIcon.displayName = "GearIcon";
   var GearIcon$1 = GearIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4c = ["gradient"];
   var maskUid$1 = 0;
 
   /**
@@ -6435,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);
       }),
@@ -6486,7 +6589,7 @@
   GearFailedIcon.displayName = "GearFailedIcon";
   var GearFailedIcon$1 = GearFailedIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component GiftIcon
@@ -6516,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,
@@ -6537,7 +6640,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component GitBranchIcon
@@ -6550,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,
@@ -6581,7 +6684,7 @@
   GitBranchIcon.displayName = "GitBranchIcon";
   var GitBranchIcon$1 = GitBranchIcon;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component GitCommitIcon
@@ -6594,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,
@@ -6621,7 +6724,7 @@
   GitCommitIcon.displayName = "GitCommitIcon";
   var GitCommitIcon$1 = GitCommitIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component GitHubIcon
@@ -6636,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,
@@ -6657,7 +6760,7 @@
   GitHubIcon.displayName = "GitHubIcon";
   var GitHubIcon$1 = GitHubIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component GitIcon
@@ -6672,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,
@@ -6693,7 +6796,7 @@
   GitIcon.displayName = "GitIcon";
   var GitIcon$1 = GitIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component GitLabIcon
@@ -6708,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,
@@ -6729,7 +6832,7 @@
   GitLabIcon.displayName = "GitLabIcon";
   var GitLabIcon$1 = GitLabIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component GitMergeIcon
@@ -6744,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,
@@ -6775,7 +6878,7 @@
   GitMergeIcon.displayName = "GitMergeIcon";
   var GitMergeIcon$1 = GitMergeIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component GitPullRequestIcon
@@ -6788,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,
@@ -6821,7 +6924,7 @@
   GitPullRequestIcon.displayName = "GitPullRequestIcon";
   var GitPullRequestIcon$1 = GitPullRequestIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component GitPullRequestDraftIcon
@@ -6836,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,
@@ -6870,7 +6973,7 @@
   GitPullRequestDraftIcon.displayName = "GitPullRequestDraftIcon";
   var GitPullRequestDraftIcon$1 = GitPullRequestDraftIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component GitPullRequestClosedIcon
@@ -6886,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,
@@ -6923,7 +7026,7 @@
   GitPullRequestClosedIcon.displayName = "GitPullRequestClosedIcon";
   var GitPullRequestClosedIcon$1 = GitPullRequestClosedIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$41 = ["gradient"];
 
   /**
    * @component GitRepositoryIcon
@@ -6937,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,
@@ -6966,7 +7069,7 @@
   GitRepositoryIcon.displayName = "GitRepositoryIcon";
   var GitRepositoryIcon$1 = GitRepositoryIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$40 = ["gradient"];
   var maskUid = 0;
 
   /**
@@ -6982,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);
       }),
@@ -7043,7 +7146,7 @@
   GitRepositoryConnectIcon.displayName = "GitRepositoryConnectIcon";
   var GitRepositoryConnectIcon$1 = GitRepositoryConnectIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component GroupByIcon
@@ -7073,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,
@@ -7092,7 +7195,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component HashtagIcon
@@ -7122,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,
@@ -7143,7 +7246,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component HashIcon
@@ -7173,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,
@@ -7192,7 +7295,7 @@
   HashIcon.displayName = "HashIcon";
   var HashIcon$1 = HashIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component CommandLineIcon
@@ -7222,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,
@@ -7241,7 +7344,7 @@
   CommandLineIcon.displayName = "CommandLineIcon";
   var CommandLineIcon$1 = CommandLineIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -7271,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,
@@ -7291,7 +7394,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -7321,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,
@@ -7342,7 +7445,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -7372,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,
@@ -7393,7 +7496,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3U = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -7423,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,
@@ -7443,7 +7546,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -7473,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,
@@ -7493,7 +7596,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -7523,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,
@@ -7543,7 +7646,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -7573,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,
@@ -7597,7 +7700,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -7627,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,
@@ -7651,7 +7754,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component KeyIcon
@@ -7681,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,
@@ -7700,7 +7803,7 @@
   KeyIcon.displayName = "KeyIcon";
   var KeyIcon$1 = KeyIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -7730,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,
@@ -7750,7 +7853,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component LayersIcon
@@ -7780,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,
@@ -7804,7 +7907,7 @@
   LayersIcon.displayName = "LayersIcon";
   var LayersIcon$1 = LayersIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component LayerBackIcon
@@ -7834,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,
@@ -7855,7 +7958,7 @@
   LayerBackIcon.displayName = "LayerBackIcon";
   var LayerBackIcon$1 = LayerBackIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component LayerBackwardIcon
@@ -7885,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,
@@ -7923,7 +8026,7 @@
   LayerBackwardIcon.displayName = "LayerBackwardIcon";
   var LayerBackwardIcon$1 = LayerBackwardIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component LayerForwardIcon
@@ -7953,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,
@@ -7991,7 +8094,7 @@
   LayerForwardIcon.displayName = "LayerForwardIcon";
   var LayerForwardIcon$1 = LayerForwardIcon;
 
-  var _excluded$3H = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component LayerFrontIcon
@@ -8021,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,
@@ -8042,7 +8145,7 @@
   LayerFrontIcon.displayName = "LayerFrontIcon";
   var LayerFrontIcon$1 = LayerFrontIcon;
 
-  var _excluded$3G = ["gradient"];
+  var _excluded$3I = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -8072,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,
@@ -8093,7 +8196,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$3F = ["gradient"];
+  var _excluded$3H = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -8123,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,
@@ -8143,7 +8246,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$3E = ["gradient"];
+  var _excluded$3G = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -8173,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,
@@ -8194,7 +8297,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$3D = ["gradient"];
+  var _excluded$3F = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -8224,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,
@@ -8244,7 +8347,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$3C = ["gradient"];
+  var _excluded$3E = ["gradient"];
 
   /**
    * @component LockIcon
@@ -8274,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,
@@ -8294,7 +8397,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$3B = ["gradient"];
+  var _excluded$3D = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -8324,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,
@@ -8344,7 +8447,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$3A = ["gradient"];
+  var _excluded$3C = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -8374,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,
@@ -8393,7 +8496,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$3z = ["gradient"];
+  var _excluded$3B = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -8423,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,
@@ -8443,7 +8546,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$3y = ["gradient"];
+  var _excluded$3A = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -8473,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,
@@ -8493,7 +8596,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$3x = ["gradient"];
+  var _excluded$3z = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -8523,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,
@@ -8543,7 +8646,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
-  var _excluded$3w = ["gradient"];
+  var _excluded$3y = ["gradient"];
 
   /**
    * @component MessageStarIcon
@@ -8573,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,
@@ -8596,7 +8699,7 @@
   MessageStarIcon.displayName = "MessageStarIcon";
   var MessageStarIcon$1 = MessageStarIcon;
 
-  var _excluded$3v = ["gradient"];
+  var _excluded$3x = ["gradient"];
 
   /**
    * @component MessageIcon
@@ -8626,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,
@@ -8646,7 +8749,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
 
-  var _excluded$3u = ["gradient"];
+  var _excluded$3w = ["gradient"];
 
   /**
    * @component MinusIcon
@@ -8676,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,
@@ -8700,7 +8803,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
-  var _excluded$3t = ["gradient"];
+  var _excluded$3v = ["gradient"];
 
   /**
    * @component MobileMenuIcon
@@ -8730,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,
@@ -8751,7 +8854,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
 
-  var _excluded$3s = ["gradient"];
+  var _excluded$3u = ["gradient"];
 
   /**
    * @component MoneyStackIcon
@@ -8781,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,
@@ -8808,7 +8911,7 @@
   MoneyStackIcon.displayName = "MoneyStackIcon";
   var MoneyStackIcon$1 = MoneyStackIcon;
 
-  var _excluded$3r = ["gradient"];
+  var _excluded$3t = ["gradient"];
 
   /**
    * @component MoonIcon
@@ -8838,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,
@@ -8859,7 +8962,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$3q = ["gradient"];
+  var _excluded$3s = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -8889,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,
@@ -8909,7 +9012,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$3p = ["gradient"];
+  var _excluded$3r = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -8939,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,
@@ -8960,7 +9063,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$3o = ["gradient"];
+  var _excluded$3q = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -8990,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,
@@ -9014,7 +9117,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$3n = ["gradient"];
+  var _excluded$3p = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -9044,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,
@@ -9064,7 +9167,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$3m = ["gradient"];
+  var _excluded$3o = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -9094,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,
@@ -9114,7 +9217,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$3l = ["gradient"];
+  var _excluded$3n = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -9144,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,
@@ -9164,7 +9267,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$3k = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -9194,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,
@@ -9213,7 +9316,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -9243,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,
@@ -9263,7 +9366,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -9293,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,
@@ -9318,7 +9421,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -9348,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,
@@ -9368,13 +9471,63 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3i = ["gradient"];
+
+  /**
+   * @component PaidSmallIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <PaidSmallIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <PaidSmallIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$3i);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 12,
+      height: 12,
+      viewBox: "0 0 12 12",
+      "data-testid": "PaidSmallIcon",
+      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: "m11.243 8.121.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414zM5.5 0a5.5 5.5 0 0 1 5.293 7l-1.05.001A4.5 4.5 0 1 0 6 9.972v1.006A5.5 5.5 0 1 1 5.5 0M6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2z"
+    }));
+  });
+  PaidSmallIcon.displayName = "PaidSmallIcon";
+  var PaidSmallIcon$1 = PaidSmallIcon;
+
+  var _excluded$3h = ["gradient"];
 
   /**
-   * @component PaidSmallIcon
+   * @component PasteIcon
    * @description
    *
-   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * 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.
    *
@@ -9383,12 +9536,12 @@
    *
    * @example
    * return (
-   * <PaidSmallIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * <PasteIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
    * )
    *
    * @example
    * return (
-   *   <PaidSmallIcon className="mr-2" />
+   *   <PasteIcon className="mr-2" />
    * )
    *
    * @see
@@ -9396,15 +9549,15 @@
    * @see
    * https://design.activecollab.com/docs/foundations/icons
    */
-  var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var PasteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
-      width: 12,
-      height: 12,
-      viewBox: "0 0 12 12",
-      "data-testid": "PaidSmallIcon",
+      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
@@ -9412,13 +9565,13 @@
       gradient: gradient
     }), /*#__PURE__*/React__default["default"].createElement("path", {
       fillRule: "evenodd",
-      d: "m11.243 8.121.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414zM5.5 0a5.5 5.5 0 0 1 5.293 7l-1.05.001A4.5 4.5 0 1 0 6 9.972v1.006A5.5 5.5 0 1 1 5.5 0M6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2z"
+      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"
     }));
   });
-  PaidSmallIcon.displayName = "PaidSmallIcon";
-  var PaidSmallIcon$1 = PaidSmallIcon;
+  PasteIcon.displayName = "PasteIcon";
+  var PasteIcon$1 = PasteIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -9448,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,
@@ -9468,7 +9621,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -9498,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,
@@ -9518,7 +9671,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -9548,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,
@@ -9568,7 +9721,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -9598,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,
@@ -9617,7 +9770,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -9647,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,
@@ -9666,7 +9819,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -9696,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,
@@ -9716,7 +9869,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -9746,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,
@@ -9770,7 +9923,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -9800,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,
@@ -9821,7 +9974,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -9851,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,
@@ -9871,7 +10024,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -9901,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,
@@ -9921,7 +10074,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -9951,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,
@@ -9972,7 +10125,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -10002,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,
@@ -10022,7 +10175,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -10052,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,
@@ -10072,7 +10225,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component PinSmallIcon
@@ -10102,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,
@@ -10123,7 +10276,7 @@
   PinSmallIcon.displayName = "PinSmallIcon";
   var PinSmallIcon$1 = PinSmallIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component PinIcon
@@ -10153,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,
@@ -10173,7 +10326,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -10203,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,
@@ -10223,7 +10376,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -10253,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,
@@ -10273,7 +10426,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -10303,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,
@@ -10323,7 +10476,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component PortfolioIcon
@@ -10353,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,
@@ -10373,7 +10526,7 @@
   PortfolioIcon.displayName = "PortfolioIcon";
   var PortfolioIcon$1 = PortfolioIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component PortfolioPlusIcon
@@ -10403,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,
@@ -10424,7 +10577,7 @@
   PortfolioPlusIcon.displayName = "PortfolioPlusIcon";
   var PortfolioPlusIcon$1 = PortfolioPlusIcon;
 
-  var _excluded$2X = ["gradient"];
+  var _excluded$2Y = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -10454,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,
@@ -10475,7 +10628,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2W = ["gradient"];
+  var _excluded$2X = ["gradient"];
 
   /**
    * @component ProjectIcon
@@ -10509,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",
@@ -10562,7 +10715,7 @@
   ProjectIcon.displayName = "ProjectIcon";
   var ProjectIcon$1 = ProjectIcon;
 
-  var _excluded$2V = ["gradient"];
+  var _excluded$2W = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -10592,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,
@@ -10612,7 +10765,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2U = ["gradient"];
+  var _excluded$2V = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -10642,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,
@@ -10663,7 +10816,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2T = ["gradient"];
+  var _excluded$2U = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -10693,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,
@@ -10716,7 +10869,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2S = ["gradient"];
+  var _excluded$2T = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -10746,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,
@@ -10766,7 +10919,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2S = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -10796,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,
@@ -10816,7 +10969,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2R = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -10846,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,
@@ -10866,7 +11019,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -10896,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,
@@ -10920,7 +11073,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component PuzzleIcon
@@ -10950,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,
@@ -10971,7 +11124,7 @@
   PuzzleIcon.displayName = "PuzzleIcon";
   var PuzzleIcon$1 = PuzzleIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -11001,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,
@@ -11021,7 +11174,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -11051,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,
@@ -11079,7 +11232,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -11109,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,
@@ -11129,7 +11282,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -11159,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,
@@ -11179,7 +11332,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -11209,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,
@@ -11229,7 +11382,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component RecurringCheckmarkIcon
@@ -11259,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,
@@ -11279,7 +11432,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component RecurringDollarIcon
@@ -11309,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,
@@ -11331,7 +11484,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component RecurringSmallIcon
@@ -11361,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,
@@ -11382,7 +11535,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component ReminderIcon
@@ -11412,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,
@@ -11438,7 +11591,7 @@
   ReminderIcon.displayName = "ReminderIcon";
   var ReminderIcon$1 = ReminderIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component ReorderIcon
@@ -11468,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,
@@ -11487,7 +11640,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component ReportTimeIcon
@@ -11517,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,
@@ -11537,7 +11690,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component ReportsIcon
@@ -11567,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,
@@ -11591,7 +11744,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component RobotIcon
@@ -11621,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,
@@ -11644,7 +11797,7 @@
   RobotIcon.displayName = "RobotIcon";
   var RobotIcon$1 = RobotIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component RocketSmallIcon
@@ -11674,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,
@@ -11692,7 +11845,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component RocketIcon
@@ -11722,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,
@@ -11741,7 +11894,7 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component RoundedRectangleIcon
@@ -11771,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,
@@ -11797,7 +11950,7 @@
   RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
   var RoundedRectangleIcon$1 = RoundedRectangleIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component SaveIcon
@@ -11827,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,
@@ -11848,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"];
 
   /**
@@ -14592,8 +14795,8 @@
     "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity, 1))",
     "color": "var(--color-theme-800)",
     "opacity": "1",
-    "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
+    "--tw-shadow": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "--tw-shadow-colored": "0 25px 50px -12px var(--tw-shadow-color)",
     "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
@@ -19573,10 +19776,18 @@
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
       setImageLoaded = _useState2[1];
+    var imageRef = React.useRef(null);
+    var handleRef = useForkRef(ref, imageRef);
+    React.useLayoutEffect(function () {
+      var _imageRef$current;
+      if ((_imageRef$current = imageRef.current) !== null && _imageRef$current !== void 0 && _imageRef$current.complete && imageRef.current.naturalWidth > 0) {
+        setImageLoaded(true);
+      }
+    }, [url]);
     return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$1, {
       className: className
     }, children, /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({
-      ref: ref,
+      ref: handleRef,
       src: url,
       alt: alt,
       width: size,
@@ -19585,13 +19796,13 @@
         setImageLoaded(true);
       },
       role: "img",
-      className: imgClassName,
-      style: {
-        display: imageLoaded ? "block" : "none"
-      }
+      className: imgClassName
     }, rest)), !imageLoaded && /*#__PURE__*/React__default["default"].createElement(SkeletonLoader, {
       "data-testid": "loader",
       style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
         width: size,
         height: size,
         borderRadius: "100%"
@@ -31479,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;
@@ -31512,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;
@@ -31693,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;
@@ -31768,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;