@activecollab/components 2.0.378 → 2.0.380

package/dist/index.js

@@ -189,7 +189,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$5x = ["children", "active", "variant", "size", "className"];
+  var _excluded$5F = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -219,7 +219,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$5x);
+      args = _objectWithoutProperties(_ref, _excluded$5F);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -284,7 +284,7 @@
     })));
   };
 
-  var _excluded$5w = ["gradient"];
+  var _excluded$5E = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -314,7 +314,7 @@
    */
   var AddCrossTinyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5w);
+      props = _objectWithoutProperties(_ref, _excluded$5E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -334,12 +334,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$5v = ["className", "disabled"];
+  var _excluded$5D = ["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$5v);
+      rest = _objectWithoutProperties(_ref, _excluded$5D);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -377,12 +377,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$5u = ["children", "className", "invalid"];
+  var _excluded$5C = ["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$5u);
+      rest = _objectWithoutProperties(_ref, _excluded$5C);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -407,11 +407,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$5t = ["children", "className"];
+  var _excluded$5B = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5t);
+      props = _objectWithoutProperties(_ref, _excluded$5B);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -420,21 +420,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$5s = ["className"];
+  var _excluded$5A = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5s);
+      props = _objectWithoutProperties(_ref, _excluded$5A);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$5r = ["children", "className"];
+  var _excluded$5z = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5r);
+      props = _objectWithoutProperties(_ref, _excluded$5z);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -626,27 +626,33 @@
   var THEMES = [{
     name: "indigo",
     title: "Indigo",
-    dark: false
+    dark: false,
+    swatch: ["#5d2bff", "#5d2bff", "#f4f5f7"]
   }, {
     name: "cupcake",
     title: "Cupcake",
-    dark: false
+    dark: false,
+    swatch: ["#29bcdd", "#fe6fa7", "#f4f5f7"]
   }, {
     name: "classic",
     title: "Classic",
-    dark: false
+    dark: false,
+    swatch: ["#4182f2", "#4182f2", "#f4f5f7"]
   }, {
     name: "neon",
     title: "Neon",
-    dark: true
+    dark: true,
+    swatch: ["#67ffc8", "#67ffc8", "#2c2e38"]
   }, {
     name: "dracula",
     title: "Dracula",
-    dark: true
+    dark: true,
+    swatch: ["#bd93f9", "#ff79c6", "#282a36"]
   }, {
     name: "one-dark",
     title: "One Dark",
-    dark: true
+    dark: true,
+    swatch: ["#61afef", "#c678dd", "#282c34"]
   }];
   var THEME_NAMES = THEMES.map(function (theme) {
     return theme.name;
@@ -656,9 +662,33 @@
   }).map(function (theme) {
     return theme.name;
   });
+  var LIGHT_THEME_NAMES = THEMES.filter(function (theme) {
+    return !theme.dark;
+  }).map(function (theme) {
+    return theme.name;
+  });
+  var DEFAULT_THEME = "indigo";
+  var DEFAULT_DARK_THEME = "neon";
+  var THEME_MODE_SINGLE = "single";
+  var THEME_MODE_SYSTEM = "system";
   var isDarkTheme = function isDarkTheme(name) {
     return Boolean(name) && DARK_THEME_NAMES.includes(name);
   };
+  var knownTheme = function knownTheme(name, fallback) {
+    return name && THEME_NAMES.includes(name) ? name : fallback;
+  };
+
+  // Resolution is derived per render, never persisted — writing it back would destroy the user's pick.
+  var resolveTheme = function resolveTheme(_ref, prefersDark) {
+    var mode = _ref.mode,
+      theme = _ref.theme,
+      themeLight = _ref.themeLight,
+      themeDark = _ref.themeDark;
+    if (mode !== THEME_MODE_SYSTEM) {
+      return knownTheme(theme, DEFAULT_THEME);
+    }
+    return prefersDark ? knownTheme(themeDark, DEFAULT_DARK_THEME) : knownTheme(themeLight, DEFAULT_THEME);
+  };
 
   // :is() and not :where() — :where() is zero-specificity and would silently lose to the light
   // declarations it is meant to override.
@@ -1003,7 +1033,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$5q = ["children", "className", "variant", "size", "active"];
+  var _excluded$5y = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -1033,7 +1063,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$5q);
+      args = _objectWithoutProperties(_ref, _excluded$5y);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1044,7 +1074,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$5p = ["gradient"];
+  var _excluded$5x = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1074,7 +1104,7 @@
    */
   var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5p);
+      props = _objectWithoutProperties(_ref, _excluded$5x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -1095,7 +1125,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$5o = ["gradient"];
+  var _excluded$5w = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1125,7 +1155,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5o);
+      props = _objectWithoutProperties(_ref, _excluded$5w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1153,7 +1183,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$5n = ["gradient"];
+  var _excluded$5v = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1183,7 +1213,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5n);
+      props = _objectWithoutProperties(_ref, _excluded$5v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1207,7 +1237,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$5m = ["gradient"];
+  var _excluded$5u = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1237,7 +1267,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5m);
+      props = _objectWithoutProperties(_ref, _excluded$5u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -1257,7 +1287,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$5l = ["gradient"];
+  var _excluded$5t = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1287,7 +1317,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5l);
+      props = _objectWithoutProperties(_ref, _excluded$5t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1308,7 +1338,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$5k = ["gradient"];
+  var _excluded$5s = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1338,7 +1368,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5k);
+      props = _objectWithoutProperties(_ref, _excluded$5s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1359,7 +1389,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$5j = ["gradient"];
+  var _excluded$5r = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1389,7 +1419,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5j);
+      props = _objectWithoutProperties(_ref, _excluded$5r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1409,7 +1439,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$5i = ["gradient"];
+  var _excluded$5q = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1439,7 +1469,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5i);
+      props = _objectWithoutProperties(_ref, _excluded$5q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1459,7 +1489,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$5h = ["gradient"];
+  var _excluded$5p = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1489,7 +1519,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5h);
+      props = _objectWithoutProperties(_ref, _excluded$5p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -1509,7 +1539,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$5g = ["gradient"];
+  var _excluded$5o = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1539,7 +1569,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5g);
+      props = _objectWithoutProperties(_ref, _excluded$5o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1558,7 +1588,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$5f = ["gradient"];
+  var _excluded$5n = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1588,7 +1618,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5f);
+      props = _objectWithoutProperties(_ref, _excluded$5n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1608,7 +1638,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$5e = ["gradient"];
+  var _excluded$5m = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1638,7 +1668,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5e);
+      props = _objectWithoutProperties(_ref, _excluded$5m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1658,7 +1688,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$5d = ["gradient"];
+  var _excluded$5l = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1688,7 +1718,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5d);
+      props = _objectWithoutProperties(_ref, _excluded$5l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1708,7 +1738,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$5c = ["gradient"];
+  var _excluded$5k = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1738,7 +1768,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5c);
+      props = _objectWithoutProperties(_ref, _excluded$5k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1759,7 +1789,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$5b = ["gradient"];
+  var _excluded$5j = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1789,7 +1819,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5b);
+      props = _objectWithoutProperties(_ref, _excluded$5j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1809,7 +1839,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$5a = ["gradient"];
+  var _excluded$5i = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1839,7 +1869,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5a);
+      props = _objectWithoutProperties(_ref, _excluded$5i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1859,7 +1889,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$59 = ["gradient"];
+  var _excluded$5h = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1889,7 +1919,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$59);
+      props = _objectWithoutProperties(_ref, _excluded$5h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1909,7 +1939,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$58 = ["gradient"];
+  var _excluded$5g = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1939,7 +1969,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$58);
+      props = _objectWithoutProperties(_ref, _excluded$5g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1958,7 +1988,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$57 = ["gradient"];
+  var _excluded$5f = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -1988,7 +2018,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$57);
+      props = _objectWithoutProperties(_ref, _excluded$5f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2008,7 +2038,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$56 = ["gradient"];
+  var _excluded$5e = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -2038,7 +2068,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$56);
+      props = _objectWithoutProperties(_ref, _excluded$5e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2058,7 +2088,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$55 = ["gradient"];
+  var _excluded$5d = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2088,7 +2118,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$55);
+      props = _objectWithoutProperties(_ref, _excluded$5d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -2108,7 +2138,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$54 = ["gradient"];
+  var _excluded$5c = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2138,7 +2168,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$54);
+      props = _objectWithoutProperties(_ref, _excluded$5c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2158,7 +2188,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$53 = ["gradient"];
+  var _excluded$5b = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2188,7 +2218,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$53);
+      props = _objectWithoutProperties(_ref, _excluded$5b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2211,7 +2241,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$52 = ["gradient"];
+  var _excluded$5a = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2241,7 +2271,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$52);
+      props = _objectWithoutProperties(_ref, _excluded$5a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2261,7 +2291,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$51 = ["gradient"];
+  var _excluded$59 = ["gradient"];
 
   /**
    * @component BulbIcon
@@ -2291,7 +2321,7 @@
    */
   var BulbIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$51);
+      props = _objectWithoutProperties(_ref, _excluded$59);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2310,7 +2340,7 @@
   BulbIcon.displayName = "BulbIcon";
   var BulbIcon$1 = BulbIcon;
 
-  var _excluded$50 = ["gradient"];
+  var _excluded$58 = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2340,7 +2370,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$50);
+      props = _objectWithoutProperties(_ref, _excluded$58);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2360,7 +2390,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$4$ = ["gradient"];
+  var _excluded$57 = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2390,7 +2420,7 @@
    */
   var CalendarImportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4$);
+      props = _objectWithoutProperties(_ref, _excluded$57);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2413,7 +2443,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$4_ = ["gradient"];
+  var _excluded$56 = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2443,7 +2473,7 @@
    */
   var CalendarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4_);
+      props = _objectWithoutProperties(_ref, _excluded$56);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2463,7 +2493,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$4Z = ["gradient"];
+  var _excluded$55 = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2493,7 +2523,7 @@
    */
   var CancelCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Z);
+      props = _objectWithoutProperties(_ref, _excluded$55);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2513,7 +2543,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$4Y = ["gradient"];
+  var _excluded$54 = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2543,7 +2573,7 @@
    */
   var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Y);
+      props = _objectWithoutProperties(_ref, _excluded$54);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2563,7 +2593,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$4X = ["gradient"];
+  var _excluded$53 = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2593,7 +2623,7 @@
    */
   var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4X);
+      props = _objectWithoutProperties(_ref, _excluded$53);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2613,7 +2643,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$4W = ["gradient"];
+  var _excluded$52 = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2643,7 +2673,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4W);
+      props = _objectWithoutProperties(_ref, _excluded$52);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2663,7 +2693,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$4V = ["gradient"];
+  var _excluded$51 = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2693,7 +2723,7 @@
    */
   var CheckIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4V);
+      props = _objectWithoutProperties(_ref, _excluded$51);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2713,7 +2743,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$4U = ["gradient"];
+  var _excluded$50 = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2743,7 +2773,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4U);
+      props = _objectWithoutProperties(_ref, _excluded$50);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2763,7 +2793,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$4T = ["gradient"];
+  var _excluded$4$ = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2793,7 +2823,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4T);
+      props = _objectWithoutProperties(_ref, _excluded$4$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2813,7 +2843,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$4S = ["gradient"];
+  var _excluded$4_ = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2843,7 +2873,7 @@
    */
   var CheckboxCircleBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4S);
+      props = _objectWithoutProperties(_ref, _excluded$4_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -2864,7 +2894,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$4R = ["gradient"];
+  var _excluded$4Z = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2894,7 +2924,7 @@
    */
   var CheckboxDocumentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4R);
+      props = _objectWithoutProperties(_ref, _excluded$4Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2914,7 +2944,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$4Q = ["gradient"];
+  var _excluded$4Y = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2944,7 +2974,7 @@
    */
   var CheckboxIcon$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Q);
+      props = _objectWithoutProperties(_ref, _excluded$4Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2974,7 +3004,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -3004,7 +3034,7 @@
    */
   var ChecklistSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4P);
+      props = _objectWithoutProperties(_ref, _excluded$4X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3024,7 +3054,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$4O = ["gradient"];
+  var _excluded$4W = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -3054,7 +3084,7 @@
    */
   var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4O);
+      props = _objectWithoutProperties(_ref, _excluded$4W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3074,7 +3104,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4V = ["gradient"];
 
   /**
    * @component CircleDotIcon
@@ -3104,7 +3134,7 @@
    */
   var CircleDotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4N);
+      props = _objectWithoutProperties(_ref, _excluded$4V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3127,7 +3157,7 @@
   CircleDotIcon.displayName = "CircleDotIcon";
   var CircleDotIcon$1 = CircleDotIcon;
 
-  var _excluded$4M = ["gradient"];
+  var _excluded$4U = ["gradient"];
 
   /**
    * @component CircleIcon
@@ -3157,7 +3187,7 @@
    */
   var CircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4M);
+      props = _objectWithoutProperties(_ref, _excluded$4U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3176,7 +3206,7 @@
   CircleIcon.displayName = "CircleIcon";
   var CircleIcon$1 = CircleIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4T = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -3206,7 +3236,7 @@
    */
   var CircleMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4L);
+      props = _objectWithoutProperties(_ref, _excluded$4T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3226,7 +3256,7 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4S = ["gradient"];
 
   /**
    * @component ClockAddIcon
@@ -3256,7 +3286,7 @@
    */
   var ClockAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3276,7 +3306,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4R = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3306,7 +3336,7 @@
    */
   var ClockDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3329,7 +3359,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3359,7 +3389,7 @@
    */
   var ClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3379,7 +3409,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4P = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3409,7 +3439,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4H);
+      props = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3430,7 +3460,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4O = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3460,7 +3490,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4G);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3480,7 +3510,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3510,7 +3540,7 @@
    */
   var ClockStopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4F);
+      props = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3530,7 +3560,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3560,7 +3590,7 @@
    */
   var ClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4E);
+      props = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3580,7 +3610,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3610,7 +3640,7 @@
    */
   var CloseCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4D);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3631,7 +3661,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3661,7 +3691,7 @@
    */
   var CloseDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4C);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3681,7 +3711,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3711,7 +3741,7 @@
    */
   var CloseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4B);
+      props = _objectWithoutProperties(_ref, _excluded$4J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3731,7 +3761,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3761,7 +3791,7 @@
    */
   var CloseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4A);
+      props = _objectWithoutProperties(_ref, _excluded$4I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3782,7 +3812,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component CloudIcon
@@ -3795,7 +3825,7 @@
    */
   var CloudIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4z);
+      props = _objectWithoutProperties(_ref, _excluded$4H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3818,7 +3848,7 @@
   CloudIcon.displayName = "CloudIcon";
   var CloudIcon$1 = CloudIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component CloudDeployIcon
@@ -3833,7 +3863,7 @@
    */
   var CloudDeployIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4y);
+      props = _objectWithoutProperties(_ref, _excluded$4G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3860,7 +3890,7 @@
   CloudDeployIcon.displayName = "CloudDeployIcon";
   var CloudDeployIcon$1 = CloudDeployIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component CloudDeployFailedIcon
@@ -3875,7 +3905,7 @@
    */
   var CloudDeployFailedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4x);
+      props = _objectWithoutProperties(_ref, _excluded$4F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3902,7 +3932,7 @@
   CloudDeployFailedIcon.displayName = "CloudDeployFailedIcon";
   var CloudDeployFailedIcon$1 = CloudDeployFailedIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -3932,7 +3962,7 @@
    */
   var CollapsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4w);
+      props = _objectWithoutProperties(_ref, _excluded$4E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 6,
@@ -3952,7 +3982,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -3982,7 +4012,7 @@
    */
   var CollapseAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4002,7 +4032,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -4032,7 +4062,7 @@
    */
   var CollapseExpandSingleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4u);
+      props = _objectWithoutProperties(_ref, _excluded$4C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4052,7 +4082,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -4082,7 +4112,7 @@
    */
   var CompanyAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4t);
+      props = _objectWithoutProperties(_ref, _excluded$4B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -4103,7 +4133,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -4133,7 +4163,7 @@
    */
   var CompanyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4154,7 +4184,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -4184,7 +4214,7 @@
    */
   var ComputerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4r);
+      props = _objectWithoutProperties(_ref, _excluded$4z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4204,7 +4234,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component ConnectionIcon
@@ -4234,7 +4264,7 @@
    */
   var ConnectionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4q);
+      props = _objectWithoutProperties(_ref, _excluded$4y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4261,7 +4291,7 @@
   ConnectionIcon.displayName = "ConnectionIcon";
   var ConnectionIcon$1 = ConnectionIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -4291,7 +4321,7 @@
    */
   var CopyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4p);
+      props = _objectWithoutProperties(_ref, _excluded$4x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4311,7 +4341,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -4341,7 +4371,7 @@
    */
   var CrownBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4o);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4361,7 +4391,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -4391,7 +4421,7 @@
    */
   var CrownSelectedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4n);
+      props = _objectWithoutProperties(_ref, _excluded$4v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4411,7 +4441,7 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component DependencySmallIcon
@@ -4441,7 +4471,7 @@
    */
   var DependencySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4m);
+      props = _objectWithoutProperties(_ref, _excluded$4u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4461,7 +4491,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4491,7 +4521,7 @@
    */
   var DependencyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4l);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4511,7 +4541,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4541,7 +4571,7 @@
    */
   var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4k);
+      props = _objectWithoutProperties(_ref, _excluded$4s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -4562,7 +4592,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4592,7 +4622,7 @@
    */
   var DescriptionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4j);
+      props = _objectWithoutProperties(_ref, _excluded$4r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4612,7 +4642,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4642,7 +4672,7 @@
    */
   var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4i);
+      props = _objectWithoutProperties(_ref, _excluded$4q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4662,7 +4692,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4692,7 +4722,7 @@
    */
   var DiscussionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4h);
+      props = _objectWithoutProperties(_ref, _excluded$4p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4713,7 +4743,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4743,7 +4773,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4g);
+      props = _objectWithoutProperties(_ref, _excluded$4o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4763,7 +4793,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4793,7 +4823,7 @@
    */
   var DollarCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4f);
+      props = _objectWithoutProperties(_ref, _excluded$4n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4813,7 +4843,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4843,7 +4873,7 @@
    */
   var DollarClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4e);
+      props = _objectWithoutProperties(_ref, _excluded$4m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4863,7 +4893,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -4893,7 +4923,7 @@
    */
   var DollarClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4d);
+      props = _objectWithoutProperties(_ref, _excluded$4l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4913,7 +4943,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4k = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -4943,7 +4973,7 @@
    */
   var DollarDocumentPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4c);
+      props = _objectWithoutProperties(_ref, _excluded$4k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4963,7 +4993,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -4993,7 +5023,7 @@
    */
   var DollarDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4b);
+      props = _objectWithoutProperties(_ref, _excluded$4j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5014,7 +5044,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -5044,7 +5074,7 @@
    */
   var DollarOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4a);
+      props = _objectWithoutProperties(_ref, _excluded$4i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -5064,7 +5094,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -5094,7 +5124,7 @@
    */
   var DollarOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$49);
+      props = _objectWithoutProperties(_ref, _excluded$4h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5114,7 +5144,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -5144,7 +5174,7 @@
    */
   var DollarSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$48);
+      props = _objectWithoutProperties(_ref, _excluded$4g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -5164,7 +5194,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -5194,7 +5224,7 @@
    */
   var DollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$47);
+      props = _objectWithoutProperties(_ref, _excluded$4f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5214,7 +5244,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -5244,7 +5274,7 @@
    */
   var DownloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$46);
+      props = _objectWithoutProperties(_ref, _excluded$4e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5264,7 +5294,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component DrawIcon
@@ -5294,7 +5324,7 @@
    */
   var DrawIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$45);
+      props = _objectWithoutProperties(_ref, _excluded$4d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5315,7 +5345,7 @@
   DrawIcon.displayName = "DrawIcon";
   var DrawIcon$1 = DrawIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$4c = ["gradient"];
 
   /**
    * @component DriveIcon
@@ -5345,7 +5375,7 @@
    */
   var DriveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$44);
+      props = _objectWithoutProperties(_ref, _excluded$4c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5365,7 +5395,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component DropboxIcon
@@ -5395,7 +5425,7 @@
    */
   var DropboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$43);
+      props = _objectWithoutProperties(_ref, _excluded$4b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5415,7 +5445,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component DuplicateIcon
@@ -5445,7 +5475,7 @@
    */
   var DuplicateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$42);
+      props = _objectWithoutProperties(_ref, _excluded$4a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5465,7 +5495,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component EditMultipleIcon
@@ -5495,7 +5525,7 @@
    */
   var EditMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$41);
+      props = _objectWithoutProperties(_ref, _excluded$49);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5515,7 +5545,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component EditIcon
@@ -5545,7 +5575,7 @@
    */
   var EditIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$40);
+      props = _objectWithoutProperties(_ref, _excluded$48);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5565,7 +5595,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component EmojiIcon
@@ -5595,7 +5625,7 @@
    */
   var EmojiIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3$);
+      props = _objectWithoutProperties(_ref, _excluded$47);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5615,7 +5645,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component EstimatePlusIcon
@@ -5645,7 +5675,7 @@
    */
   var EstimatePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3_);
+      props = _objectWithoutProperties(_ref, _excluded$46);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5666,7 +5696,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component EstimatesIcon
@@ -5696,7 +5726,7 @@
    */
   var EstimatesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Z);
+      props = _objectWithoutProperties(_ref, _excluded$45);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5720,7 +5750,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component ExpandAllIcon
@@ -5750,7 +5780,7 @@
    */
   var ExpandAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Y);
+      props = _objectWithoutProperties(_ref, _excluded$44);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5770,7 +5800,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component ExpenseAddIcon
@@ -5800,7 +5830,7 @@
    */
   var ExpenseAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3X);
+      props = _objectWithoutProperties(_ref, _excluded$43);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5820,7 +5850,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component ExpensePlusIcon
@@ -5850,7 +5880,7 @@
    */
   var ExpensePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3W);
+      props = _objectWithoutProperties(_ref, _excluded$42);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5872,7 +5902,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$41 = ["gradient"];
 
   /**
    * @component EyeOffSmallIcon
@@ -5902,7 +5932,7 @@
    */
   var EyeOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3V);
+      props = _objectWithoutProperties(_ref, _excluded$41);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -5922,7 +5952,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$40 = ["gradient"];
 
   /**
    * @component EyeOffIcon
@@ -5952,7 +5982,7 @@
    */
   var EyeOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3U);
+      props = _objectWithoutProperties(_ref, _excluded$40);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5972,7 +6002,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component EyeSmallIcon
@@ -6002,7 +6032,7 @@
    */
   var EyeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3T);
+      props = _objectWithoutProperties(_ref, _excluded$3$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -6022,7 +6052,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component EyeIcon
@@ -6052,7 +6082,7 @@
    */
   var EyeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3S);
+      props = _objectWithoutProperties(_ref, _excluded$3_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6072,7 +6102,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component FilterIcon
@@ -6102,7 +6132,7 @@
    */
   var FilterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3R);
+      props = _objectWithoutProperties(_ref, _excluded$3Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6122,7 +6152,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component FolderMoveIcon
@@ -6152,7 +6182,7 @@
    */
   var FolderMoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Q);
+      props = _objectWithoutProperties(_ref, _excluded$3Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6172,7 +6202,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component FolderOutlineIcon
@@ -6202,7 +6232,7 @@
    */
   var FolderOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3P);
+      props = _objectWithoutProperties(_ref, _excluded$3X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6222,7 +6252,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component FolderPlusIcon
@@ -6252,7 +6282,7 @@
    */
   var FolderPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3O);
+      props = _objectWithoutProperties(_ref, _excluded$3W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6273,7 +6303,7 @@
   FolderPlusIcon.displayName = "FolderPlusIcon";
   var FolderPlusIcon$1 = FolderPlusIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component GearIcon
@@ -6286,7 +6316,7 @@
    */
   var GearIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3N);
+      props = _objectWithoutProperties(_ref, _excluded$3V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6311,7 +6341,7 @@
   GearIcon.displayName = "GearIcon";
   var GearIcon$1 = GearIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3U = ["gradient"];
   var maskUid$1 = 0;
 
   /**
@@ -6327,7 +6357,7 @@
    */
   var GearFailedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3M);
+      props = _objectWithoutProperties(_ref, _excluded$3U);
     var _useState = React.useState(function () {
         return "gear-failed-cut-".concat(++maskUid$1);
       }),
@@ -6378,7 +6408,7 @@
   GearFailedIcon.displayName = "GearFailedIcon";
   var GearFailedIcon$1 = GearFailedIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component GiftIcon
@@ -6408,7 +6438,7 @@
    */
   var GiftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3L);
+      props = _objectWithoutProperties(_ref, _excluded$3T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6429,7 +6459,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component GitBranchIcon
@@ -6442,7 +6472,7 @@
    */
   var GitBranchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3K);
+      props = _objectWithoutProperties(_ref, _excluded$3S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6473,7 +6503,7 @@
   GitBranchIcon.displayName = "GitBranchIcon";
   var GitBranchIcon$1 = GitBranchIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component GitCommitIcon
@@ -6486,7 +6516,7 @@
    */
   var GitCommitIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3J);
+      props = _objectWithoutProperties(_ref, _excluded$3R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6513,7 +6543,7 @@
   GitCommitIcon.displayName = "GitCommitIcon";
   var GitCommitIcon$1 = GitCommitIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component GitHubIcon
@@ -6528,7 +6558,7 @@
    */
   var GitHubIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3I);
+      props = _objectWithoutProperties(_ref, _excluded$3Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6549,7 +6579,7 @@
   GitHubIcon.displayName = "GitHubIcon";
   var GitHubIcon$1 = GitHubIcon;
 
-  var _excluded$3H = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component GitIcon
@@ -6564,7 +6594,7 @@
    */
   var GitIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3H);
+      props = _objectWithoutProperties(_ref, _excluded$3P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6585,7 +6615,7 @@
   GitIcon.displayName = "GitIcon";
   var GitIcon$1 = GitIcon;
 
-  var _excluded$3G = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component GitLabIcon
@@ -6600,7 +6630,7 @@
    */
   var GitLabIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3G);
+      props = _objectWithoutProperties(_ref, _excluded$3O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6621,7 +6651,7 @@
   GitLabIcon.displayName = "GitLabIcon";
   var GitLabIcon$1 = GitLabIcon;
 
-  var _excluded$3F = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component GitMergeIcon
@@ -6636,7 +6666,7 @@
    */
   var GitMergeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3F);
+      props = _objectWithoutProperties(_ref, _excluded$3N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6667,7 +6697,7 @@
   GitMergeIcon.displayName = "GitMergeIcon";
   var GitMergeIcon$1 = GitMergeIcon;
 
-  var _excluded$3E = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component GitPullRequestIcon
@@ -6680,7 +6710,7 @@
    */
   var GitPullRequestIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3E);
+      props = _objectWithoutProperties(_ref, _excluded$3M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6713,7 +6743,7 @@
   GitPullRequestIcon.displayName = "GitPullRequestIcon";
   var GitPullRequestIcon$1 = GitPullRequestIcon;
 
-  var _excluded$3D = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component GitPullRequestDraftIcon
@@ -6728,7 +6758,7 @@
    */
   var GitPullRequestDraftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3D);
+      props = _objectWithoutProperties(_ref, _excluded$3L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6762,7 +6792,7 @@
   GitPullRequestDraftIcon.displayName = "GitPullRequestDraftIcon";
   var GitPullRequestDraftIcon$1 = GitPullRequestDraftIcon;
 
-  var _excluded$3C = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component GitPullRequestClosedIcon
@@ -6778,7 +6808,7 @@
    */
   var GitPullRequestClosedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3C);
+      props = _objectWithoutProperties(_ref, _excluded$3K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6815,7 +6845,7 @@
   GitPullRequestClosedIcon.displayName = "GitPullRequestClosedIcon";
   var GitPullRequestClosedIcon$1 = GitPullRequestClosedIcon;
 
-  var _excluded$3B = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component GitRepositoryIcon
@@ -6829,7 +6859,7 @@
    */
   var GitRepositoryIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3B);
+      props = _objectWithoutProperties(_ref, _excluded$3J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6858,7 +6888,7 @@
   GitRepositoryIcon.displayName = "GitRepositoryIcon";
   var GitRepositoryIcon$1 = GitRepositoryIcon;
 
-  var _excluded$3A = ["gradient"];
+  var _excluded$3I = ["gradient"];
   var maskUid = 0;
 
   /**
@@ -6874,7 +6904,7 @@
    */
   var GitRepositoryConnectIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3A);
+      props = _objectWithoutProperties(_ref, _excluded$3I);
     var _useState = React.useState(function () {
         return "git-repository-connect-cut-".concat(++maskUid);
       }),
@@ -6935,7 +6965,7 @@
   GitRepositoryConnectIcon.displayName = "GitRepositoryConnectIcon";
   var GitRepositoryConnectIcon$1 = GitRepositoryConnectIcon;
 
-  var _excluded$3z = ["gradient"];
+  var _excluded$3H = ["gradient"];
 
   /**
    * @component GroupByIcon
@@ -6965,7 +6995,7 @@
    */
   var GroupByIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3z);
+      props = _objectWithoutProperties(_ref, _excluded$3H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6984,7 +7014,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
 
-  var _excluded$3y = ["gradient"];
+  var _excluded$3G = ["gradient"];
 
   /**
    * @component HashtagIcon
@@ -7014,7 +7044,7 @@
    */
   var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3y);
+      props = _objectWithoutProperties(_ref, _excluded$3G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7035,7 +7065,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3x = ["gradient"];
+  var _excluded$3F = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -7065,7 +7095,7 @@
    */
   var HelpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3x);
+      props = _objectWithoutProperties(_ref, _excluded$3F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7085,7 +7115,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$3w = ["gradient"];
+  var _excluded$3E = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -7115,7 +7145,7 @@
    */
   var HistoryOfChangesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3w);
+      props = _objectWithoutProperties(_ref, _excluded$3E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7136,7 +7166,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$3v = ["gradient"];
+  var _excluded$3D = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -7166,7 +7196,7 @@
    */
   var ImageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3v);
+      props = _objectWithoutProperties(_ref, _excluded$3D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7187,7 +7217,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$3u = ["gradient"];
+  var _excluded$3C = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -7217,7 +7247,7 @@
    */
   var InfoSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3u);
+      props = _objectWithoutProperties(_ref, _excluded$3C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -7237,7 +7267,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$3t = ["gradient"];
+  var _excluded$3B = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -7267,7 +7297,7 @@
    */
   var InfoIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3t);
+      props = _objectWithoutProperties(_ref, _excluded$3B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7287,7 +7317,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$3s = ["gradient"];
+  var _excluded$3A = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -7317,7 +7347,7 @@
    */
   var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3s);
+      props = _objectWithoutProperties(_ref, _excluded$3A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7337,7 +7367,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$3r = ["gradient"];
+  var _excluded$3z = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -7367,7 +7397,7 @@
    */
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3r);
+      props = _objectWithoutProperties(_ref, _excluded$3z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7391,7 +7421,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$3q = ["gradient"];
+  var _excluded$3y = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -7421,7 +7451,7 @@
    */
   var InvoicesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3q);
+      props = _objectWithoutProperties(_ref, _excluded$3y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7445,7 +7475,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$3p = ["gradient"];
+  var _excluded$3x = ["gradient"];
 
   /**
    * @component KeyIcon
@@ -7475,7 +7505,7 @@
    */
   var KeyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3p);
+      props = _objectWithoutProperties(_ref, _excluded$3x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7494,7 +7524,7 @@
   KeyIcon.displayName = "KeyIcon";
   var KeyIcon$1 = KeyIcon;
 
-  var _excluded$3o = ["gradient"];
+  var _excluded$3w = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -7524,7 +7554,7 @@
    */
   var LabelsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3o);
+      props = _objectWithoutProperties(_ref, _excluded$3w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7544,7 +7574,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$3n = ["gradient"];
+  var _excluded$3v = ["gradient"];
 
   /**
    * @component LayersIcon
@@ -7574,7 +7604,7 @@
    */
   var LayersIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3n);
+      props = _objectWithoutProperties(_ref, _excluded$3v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7598,7 +7628,7 @@
   LayersIcon.displayName = "LayersIcon";
   var LayersIcon$1 = LayersIcon;
 
-  var _excluded$3m = ["gradient"];
+  var _excluded$3u = ["gradient"];
 
   /**
    * @component LayerBackIcon
@@ -7628,7 +7658,7 @@
    */
   var LayerBackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3m);
+      props = _objectWithoutProperties(_ref, _excluded$3u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7649,7 +7679,7 @@
   LayerBackIcon.displayName = "LayerBackIcon";
   var LayerBackIcon$1 = LayerBackIcon;
 
-  var _excluded$3l = ["gradient"];
+  var _excluded$3t = ["gradient"];
 
   /**
    * @component LayerBackwardIcon
@@ -7679,7 +7709,7 @@
    */
   var LayerBackwardIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3l);
+      props = _objectWithoutProperties(_ref, _excluded$3t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7717,7 +7747,7 @@
   LayerBackwardIcon.displayName = "LayerBackwardIcon";
   var LayerBackwardIcon$1 = LayerBackwardIcon;
 
-  var _excluded$3k = ["gradient"];
+  var _excluded$3s = ["gradient"];
 
   /**
    * @component LayerForwardIcon
@@ -7747,7 +7777,7 @@
    */
   var LayerForwardIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3k);
+      props = _objectWithoutProperties(_ref, _excluded$3s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7785,7 +7815,7 @@
   LayerForwardIcon.displayName = "LayerForwardIcon";
   var LayerForwardIcon$1 = LayerForwardIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3r = ["gradient"];
 
   /**
    * @component LayerFrontIcon
@@ -7815,7 +7845,7 @@
    */
   var LayerFrontIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3j);
+      props = _objectWithoutProperties(_ref, _excluded$3r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7836,7 +7866,7 @@
   LayerFrontIcon.displayName = "LayerFrontIcon";
   var LayerFrontIcon$1 = LayerFrontIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3q = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -7866,7 +7896,7 @@
    */
   var LetterArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3i);
+      props = _objectWithoutProperties(_ref, _excluded$3q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7887,7 +7917,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3p = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -7917,7 +7947,7 @@
    */
   var LetterFastIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3h);
+      props = _objectWithoutProperties(_ref, _excluded$3p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7937,7 +7967,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3o = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -7967,7 +7997,7 @@
    */
   var LetterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7988,7 +8018,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3n = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -8018,7 +8048,7 @@
    */
   var LockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3f);
+      props = _objectWithoutProperties(_ref, _excluded$3n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8038,7 +8068,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component LockIcon
@@ -8068,7 +8098,7 @@
    */
   var LockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3e);
+      props = _objectWithoutProperties(_ref, _excluded$3m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8088,7 +8118,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -8118,7 +8148,7 @@
    */
   var MarkerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3d);
+      props = _objectWithoutProperties(_ref, _excluded$3l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8138,7 +8168,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -8168,7 +8198,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3c);
+      props = _objectWithoutProperties(_ref, _excluded$3k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8187,7 +8217,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -8217,7 +8247,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3b);
+      props = _objectWithoutProperties(_ref, _excluded$3j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8237,7 +8267,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3i = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -8267,7 +8297,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3a);
+      props = _objectWithoutProperties(_ref, _excluded$3i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8287,7 +8317,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3h = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -8317,7 +8347,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$39);
+      props = _objectWithoutProperties(_ref, _excluded$3h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8337,7 +8367,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component MessageStarIcon
@@ -8367,7 +8397,7 @@
    */
   var MessageStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$38);
+      props = _objectWithoutProperties(_ref, _excluded$3g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8390,7 +8420,7 @@
   MessageStarIcon.displayName = "MessageStarIcon";
   var MessageStarIcon$1 = MessageStarIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component MessageIcon
@@ -8420,7 +8450,7 @@
    */
   var MessageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$37);
+      props = _objectWithoutProperties(_ref, _excluded$3f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8440,7 +8470,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component MinusIcon
@@ -8470,7 +8500,7 @@
    */
   var MinusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$36);
+      props = _objectWithoutProperties(_ref, _excluded$3e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8494,7 +8524,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component MobileMenuIcon
@@ -8524,7 +8554,7 @@
    */
   var MobileMenuIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$35);
+      props = _objectWithoutProperties(_ref, _excluded$3d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8545,7 +8575,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component MoneyStackIcon
@@ -8575,7 +8605,7 @@
    */
   var MoneyStackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$34);
+      props = _objectWithoutProperties(_ref, _excluded$3c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8602,7 +8632,7 @@
   MoneyStackIcon.displayName = "MoneyStackIcon";
   var MoneyStackIcon$1 = MoneyStackIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component MoonIcon
@@ -8632,7 +8662,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$33);
+      props = _objectWithoutProperties(_ref, _excluded$3b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 20,
@@ -8653,7 +8683,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -8683,7 +8713,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$32);
+      props = _objectWithoutProperties(_ref, _excluded$3a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -8703,7 +8733,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -8733,7 +8763,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$31);
+      props = _objectWithoutProperties(_ref, _excluded$39);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8754,7 +8784,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -8784,7 +8814,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$30);
+      props = _objectWithoutProperties(_ref, _excluded$38);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8808,7 +8838,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -8838,7 +8868,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2$);
+      props = _objectWithoutProperties(_ref, _excluded$37);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8858,7 +8888,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -8888,7 +8918,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2_);
+      props = _objectWithoutProperties(_ref, _excluded$36);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8908,7 +8938,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -8938,7 +8968,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Z);
+      props = _objectWithoutProperties(_ref, _excluded$35);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8958,7 +8988,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -8988,7 +9018,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Y);
+      props = _objectWithoutProperties(_ref, _excluded$34);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9007,7 +9037,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$2X = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -9037,7 +9067,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2X);
+      props = _objectWithoutProperties(_ref, _excluded$33);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9057,7 +9087,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$2W = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -9087,7 +9117,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2W);
+      props = _objectWithoutProperties(_ref, _excluded$32);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9112,7 +9142,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$2V = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -9142,7 +9172,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2V);
+      props = _objectWithoutProperties(_ref, _excluded$31);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9162,7 +9192,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$2U = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component PaidSmallIcon
@@ -9192,7 +9222,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2U);
+      props = _objectWithoutProperties(_ref, _excluded$30);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9212,7 +9242,7 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
 
-  var _excluded$2T = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -9242,7 +9272,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2T);
+      props = _objectWithoutProperties(_ref, _excluded$2$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9262,7 +9292,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$2S = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -9292,7 +9322,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9312,7 +9342,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -9342,7 +9372,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9362,7 +9392,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2Y = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -9392,7 +9422,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9411,7 +9441,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2X = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -9441,7 +9471,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9460,7 +9490,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2W = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -9490,7 +9520,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9510,7 +9540,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2V = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -9540,7 +9570,7 @@
    */
   var PeopleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9564,7 +9594,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2U = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -9594,7 +9624,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9615,7 +9645,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2T = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -9645,7 +9675,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9665,7 +9695,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2S = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -9695,7 +9725,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9715,7 +9745,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2R = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -9745,7 +9775,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9766,7 +9796,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -9796,7 +9826,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9816,7 +9846,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -9846,7 +9876,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9866,7 +9896,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component PinSmallIcon
@@ -9896,7 +9926,7 @@
    */
   var PinSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9917,7 +9947,7 @@
   PinSmallIcon.displayName = "PinSmallIcon";
   var PinSmallIcon$1 = PinSmallIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component PinIcon
@@ -9947,7 +9977,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9967,7 +9997,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -9997,7 +10027,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10017,7 +10047,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -10047,7 +10077,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10067,7 +10097,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -10097,7 +10127,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10117,7 +10147,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -10147,7 +10177,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10168,7 +10198,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -10198,7 +10228,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10218,7 +10248,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -10248,7 +10278,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10269,7 +10299,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -10299,7 +10329,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2y);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10322,7 +10352,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -10352,7 +10382,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10372,7 +10402,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2w = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -10402,7 +10432,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2w);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10422,7 +10452,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2v = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -10452,7 +10482,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2v);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10472,7 +10502,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2u = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -10502,7 +10532,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2u);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10526,7 +10556,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2t = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component PuzzleIcon
@@ -10556,7 +10586,7 @@
    */
   var PuzzleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2t);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10577,7 +10607,7 @@
   PuzzleIcon.displayName = "PuzzleIcon";
   var PuzzleIcon$1 = PuzzleIcon;
 
-  var _excluded$2s = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -10607,7 +10637,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2s);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10627,7 +10657,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2r = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -10657,7 +10687,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2r);
+      props = _objectWithoutProperties(_ref, _excluded$2z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -10685,7 +10715,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2q = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -10715,7 +10745,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2q);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10735,7 +10765,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2p = ["gradient"];
+  var _excluded$2x = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -10765,7 +10795,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2p);
+      props = _objectWithoutProperties(_ref, _excluded$2x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -10785,7 +10815,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2o = ["gradient"];
+  var _excluded$2w = ["gradient"];
 
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -10815,7 +10845,7 @@
    */
   var RecurringCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2o);
+      props = _objectWithoutProperties(_ref, _excluded$2w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -10835,7 +10865,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
 
-  var _excluded$2n = ["gradient"];
+  var _excluded$2v = ["gradient"];
 
   /**
    * @component RecurringCheckmarkIcon
@@ -10865,7 +10895,7 @@
    */
   var RecurringCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2n);
+      props = _objectWithoutProperties(_ref, _excluded$2v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10885,7 +10915,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
-  var _excluded$2m = ["gradient"];
+  var _excluded$2u = ["gradient"];
 
   /**
    * @component RecurringDollarIcon
@@ -10915,7 +10945,7 @@
    */
   var RecurringDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2m);
+      props = _objectWithoutProperties(_ref, _excluded$2u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10937,7 +10967,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
 
-  var _excluded$2l = ["gradient"];
+  var _excluded$2t = ["gradient"];
 
   /**
    * @component RecurringSmallIcon
@@ -10967,7 +10997,7 @@
    */
   var RecurringSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2l);
+      props = _objectWithoutProperties(_ref, _excluded$2t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -10988,7 +11018,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
 
-  var _excluded$2k = ["gradient"];
+  var _excluded$2s = ["gradient"];
 
   /**
    * @component ReminderIcon
@@ -11018,7 +11048,7 @@
    */
   var ReminderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2k);
+      props = _objectWithoutProperties(_ref, _excluded$2s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -11044,7 +11074,7 @@
   ReminderIcon.displayName = "ReminderIcon";
   var ReminderIcon$1 = ReminderIcon;
 
-  var _excluded$2j = ["gradient"];
+  var _excluded$2r = ["gradient"];
 
   /**
    * @component ReorderIcon
@@ -11074,7 +11104,7 @@
    */
   var ReorderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2j);
+      props = _objectWithoutProperties(_ref, _excluded$2r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11093,7 +11123,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
 
-  var _excluded$2i = ["gradient"];
+  var _excluded$2q = ["gradient"];
 
   /**
    * @component ReportTimeIcon
@@ -11123,7 +11153,7 @@
    */
   var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2i);
+      props = _objectWithoutProperties(_ref, _excluded$2q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11143,7 +11173,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
 
-  var _excluded$2h = ["gradient"];
+  var _excluded$2p = ["gradient"];
 
   /**
    * @component ReportsIcon
@@ -11173,7 +11203,7 @@
    */
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2h);
+      props = _objectWithoutProperties(_ref, _excluded$2p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11197,7 +11227,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
 
-  var _excluded$2g = ["gradient"];
+  var _excluded$2o = ["gradient"];
 
   /**
    * @component RobotIcon
@@ -11227,7 +11257,7 @@
    */
   var RobotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2g);
+      props = _objectWithoutProperties(_ref, _excluded$2o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11250,7 +11280,7 @@
   RobotIcon.displayName = "RobotIcon";
   var RobotIcon$1 = RobotIcon;
 
-  var _excluded$2f = ["gradient"];
+  var _excluded$2n = ["gradient"];
 
   /**
    * @component RocketSmallIcon
@@ -11280,7 +11310,7 @@
    */
   var RocketSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2f);
+      props = _objectWithoutProperties(_ref, _excluded$2n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -11298,7 +11328,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
 
-  var _excluded$2e = ["gradient"];
+  var _excluded$2m = ["gradient"];
 
   /**
    * @component RocketIcon
@@ -11328,7 +11358,7 @@
    */
   var RocketIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2e);
+      props = _objectWithoutProperties(_ref, _excluded$2m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11347,7 +11377,7 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
-  var _excluded$2d = ["gradient"];
+  var _excluded$2l = ["gradient"];
 
   /**
    * @component RoundedRectangleIcon
@@ -11377,7 +11407,7 @@
    */
   var RoundedRectangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2d);
+      props = _objectWithoutProperties(_ref, _excluded$2l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11403,7 +11433,7 @@
   RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
   var RoundedRectangleIcon$1 = RoundedRectangleIcon;
 
-  var _excluded$2c = ["gradient"];
+  var _excluded$2k = ["gradient"];
 
   /**
    * @component SaveIcon
@@ -11433,7 +11463,7 @@
    */
   var SaveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2c);
+      props = _objectWithoutProperties(_ref, _excluded$2k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11454,7 +11484,7 @@
   SaveIcon.displayName = "SaveIcon";
   var SaveIcon$1 = SaveIcon;
 
-  var _excluded$2b = ["gradient"];
+  var _excluded$2j = ["gradient"];
 
   /**
    * @component SearchLargeIcon
@@ -11484,7 +11514,7 @@
    */
   var SearchLargeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2b);
+      props = _objectWithoutProperties(_ref, _excluded$2j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 32,
@@ -11505,7 +11535,7 @@
   SearchLargeIcon.displayName = "SearchLargeIcon";
   var SearchLargeIcon$1 = SearchLargeIcon;
 
-  var _excluded$2a = ["gradient"];
+  var _excluded$2i = ["gradient"];
 
   /**
    * @component SearchPlusIcon
@@ -11535,7 +11565,7 @@
    */
   var SearchPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2a);
+      props = _objectWithoutProperties(_ref, _excluded$2i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11559,7 +11589,7 @@
   SearchPlusIcon.displayName = "SearchPlusIcon";
   var SearchPlusIcon$1 = SearchPlusIcon;
 
-  var _excluded$29 = ["gradient"];
+  var _excluded$2h = ["gradient"];
 
   /**
    * @component SearchIcon
@@ -11589,7 +11619,7 @@
    */
   var SearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$29);
+      props = _objectWithoutProperties(_ref, _excluded$2h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11608,7 +11638,7 @@
   SearchIcon.displayName = "SearchIcon";
   var SearchIcon$1 = SearchIcon;
 
-  var _excluded$28 = ["gradient"];
+  var _excluded$2g = ["gradient"];
 
   /**
    * @component SendBlankIcon
@@ -11638,7 +11668,7 @@
    */
   var SendBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$28);
+      props = _objectWithoutProperties(_ref, _excluded$2g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11657,7 +11687,7 @@
   SendBlankIcon.displayName = "SendBlankIcon";
   var SendBlankIcon$1 = SendBlankIcon;
 
-  var _excluded$27 = ["gradient"];
+  var _excluded$2f = ["gradient"];
 
   /**
    * @component SendFilledIcon
@@ -11687,7 +11717,7 @@
    */
   var SendFilledIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$27);
+      props = _objectWithoutProperties(_ref, _excluded$2f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11706,7 +11736,7 @@
   SendFilledIcon.displayName = "SendFilledIcon";
   var SendFilledIcon$1 = SendFilledIcon;
 
-  var _excluded$26 = ["gradient"];
+  var _excluded$2e = ["gradient"];
 
   /**
    * @component SettingsIcon
@@ -11736,7 +11766,7 @@
    */
   var SettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$26);
+      props = _objectWithoutProperties(_ref, _excluded$2e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11756,7 +11786,7 @@
   SettingsIcon.displayName = "SettingsIcon";
   var SettingsIcon$1 = SettingsIcon;
 
-  var _excluded$25 = ["gradient"];
+  var _excluded$2d = ["gradient"];
 
   /**
    * @component ShapesIcon
@@ -11786,7 +11816,7 @@
    */
   var ShapesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$25);
+      props = _objectWithoutProperties(_ref, _excluded$2d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11806,7 +11836,7 @@
   ShapesIcon.displayName = "ShapesIcon";
   var ShapesIcon$1 = ShapesIcon;
 
-  var _excluded$24 = ["gradient"];
+  var _excluded$2c = ["gradient"];
 
   /**
    * @component ShieldIcon
@@ -11836,7 +11866,7 @@
    */
   var ShieldIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$24);
+      props = _objectWithoutProperties(_ref, _excluded$2c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11857,7 +11887,7 @@
   ShieldIcon.displayName = "ShieldIcon";
   var ShieldIcon$1 = ShieldIcon;
 
-  var _excluded$23 = ["gradient"];
+  var _excluded$2b = ["gradient"];
 
   /**
    * @component SidebarLeftIcon
@@ -11887,7 +11917,7 @@
    */
   var SidebarLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$23);
+      props = _objectWithoutProperties(_ref, _excluded$2b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11912,7 +11942,7 @@
   SidebarLeftIcon.displayName = "SidebarLeftIcon";
   var SidebarLeftIcon$1 = SidebarLeftIcon;
 
-  var _excluded$22 = ["gradient"];
+  var _excluded$2a = ["gradient"];
 
   /**
    * @component SidebarRightIcon
@@ -11942,7 +11972,7 @@
    */
   var SidebarRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$22);
+      props = _objectWithoutProperties(_ref, _excluded$2a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11967,7 +11997,7 @@
   SidebarRightIcon.displayName = "SidebarRightIcon";
   var SidebarRightIcon$1 = SidebarRightIcon;
 
-  var _excluded$21 = ["gradient"];
+  var _excluded$29 = ["gradient"];
 
   /**
    * @component SortGeneralIcon
@@ -11997,7 +12027,7 @@
    */
   var SortGeneralIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$21);
+      props = _objectWithoutProperties(_ref, _excluded$29);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12017,7 +12047,7 @@
   SortGeneralIcon.displayName = "SortGeneralIcon";
   var SortGeneralIcon$1 = SortGeneralIcon;
 
-  var _excluded$20 = ["gradient"];
+  var _excluded$28 = ["gradient"];
 
   /**
    * @component SortIcon
@@ -12047,7 +12077,7 @@
    */
   var SortIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$20);
+      props = _objectWithoutProperties(_ref, _excluded$28);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -12067,7 +12097,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$1$ = ["gradient"];
+  var _excluded$27 = ["gradient"];
 
   /**
    * @component SortListIcon
@@ -12097,7 +12127,7 @@
    */
   var SortListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1$);
+      props = _objectWithoutProperties(_ref, _excluded$27);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 20,
@@ -12117,7 +12147,7 @@
   SortListIcon.displayName = "SortListIcon";
   var SortListIcon$1 = SortListIcon;
 
-  var _excluded$1_ = ["gradient"];
+  var _excluded$26 = ["gradient"];
 
   /**
    * @component SortSmallIcon
@@ -12147,7 +12177,7 @@
    */
   var SortSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1_);
+      props = _objectWithoutProperties(_ref, _excluded$26);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -12168,7 +12198,7 @@
   SortSmallIcon.displayName = "SortSmallIcon";
   var SortSmallIcon$1 = SortSmallIcon;
 
-  var _excluded$1Z = ["gradient"];
+  var _excluded$25 = ["gradient"];
 
   /**
    * @component SparkIcon
@@ -12198,7 +12228,7 @@
    */
   var SparkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Z);
+      props = _objectWithoutProperties(_ref, _excluded$25);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12221,7 +12251,7 @@
   SparkIcon.displayName = "SparkIcon";
   var SparkIcon$1 = SparkIcon;
 
-  var _excluded$1Y = ["gradient"];
+  var _excluded$24 = ["gradient"];
 
   /**
    * @component StarOutlineIcon
@@ -12251,7 +12281,7 @@
    */
   var StarOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Y);
+      props = _objectWithoutProperties(_ref, _excluded$24);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12271,7 +12301,7 @@
   StarOutlineIcon.displayName = "StarOutlineIcon";
   var StarOutlineIcon$1 = StarOutlineIcon;
 
-  var _excluded$1X = ["gradient"];
+  var _excluded$23 = ["gradient"];
 
   /**
    * @component StarIcon
@@ -12301,7 +12331,7 @@
    */
   var StarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1X);
+      props = _objectWithoutProperties(_ref, _excluded$23);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12321,7 +12351,7 @@
   StarIcon.displayName = "StarIcon";
   var StarIcon$1 = StarIcon;
 
-  var _excluded$1W = ["gradient"];
+  var _excluded$22 = ["gradient"];
 
   /**
    * @component StatusIcon
@@ -12351,7 +12381,7 @@
    */
   var StatusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1W);
+      props = _objectWithoutProperties(_ref, _excluded$22);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12376,7 +12406,7 @@
   StatusIcon.displayName = "StatusIcon";
   var StatusIcon$1 = StatusIcon;
 
-  var _excluded$1V = ["gradient"];
+  var _excluded$21 = ["gradient"];
 
   /**
    * @component StickyIcon
@@ -12406,7 +12436,7 @@
    */
   var StickyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1V);
+      props = _objectWithoutProperties(_ref, _excluded$21);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12433,7 +12463,7 @@
   StickyIcon.displayName = "StickyIcon";
   var StickyIcon$1 = StickyIcon;
 
-  var _excluded$1U = ["gradient"];
+  var _excluded$20 = ["gradient"];
 
   /**
    * @component StopIcon
@@ -12463,7 +12493,7 @@
    */
   var StopIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1U);
+      props = _objectWithoutProperties(_ref, _excluded$20);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12482,7 +12512,7 @@
   StopIcon.displayName = "StopIcon";
   var StopIcon$1 = StopIcon;
 
-  var _excluded$1T = ["gradient"];
+  var _excluded$1$ = ["gradient"];
 
   /**
    * @component StopwatchIcon
@@ -12512,7 +12542,7 @@
    */
   var StopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1T);
+      props = _objectWithoutProperties(_ref, _excluded$1$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -12532,7 +12562,7 @@
   StopwatchIcon.displayName = "StopwatchIcon";
   var StopwatchIcon$1 = StopwatchIcon;
 
-  var _excluded$1S = ["gradient"];
+  var _excluded$1_ = ["gradient"];
 
   /**
    * @component SunIcon
@@ -12562,7 +12592,7 @@
    */
   var SunIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1S);
+      props = _objectWithoutProperties(_ref, _excluded$1_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 22,
@@ -12587,7 +12617,7 @@
   SunIcon.displayName = "SunIcon";
   var SunIcon$1 = SunIcon;
 
-  var _excluded$1R = ["gradient"];
+  var _excluded$1Z = ["gradient"];
 
   /**
    * @component SystemSettingsIcon
@@ -12617,7 +12647,7 @@
    */
   var SystemSettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1R);
+      props = _objectWithoutProperties(_ref, _excluded$1Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12638,7 +12668,7 @@
   SystemSettingsIcon.displayName = "SystemSettingsIcon";
   var SystemSettingsIcon$1 = SystemSettingsIcon;
 
-  var _excluded$1Q = ["gradient"];
+  var _excluded$1Y = ["gradient"];
 
   /**
    * @component TaskAddIcon
@@ -12668,7 +12698,7 @@
    */
   var TaskAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Q);
+      props = _objectWithoutProperties(_ref, _excluded$1Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12688,7 +12718,7 @@
   TaskAddIcon.displayName = "TaskAddIcon";
   var TaskAddIcon$1 = TaskAddIcon;
 
-  var _excluded$1P = ["gradient"];
+  var _excluded$1X = ["gradient"];
 
   /**
    * @component TaskListAddIcon
@@ -12718,7 +12748,7 @@
    */
   var TaskListAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1P);
+      props = _objectWithoutProperties(_ref, _excluded$1X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12738,7 +12768,7 @@
   TaskListAddIcon.displayName = "TaskListAddIcon";
   var TaskListAddIcon$1 = TaskListAddIcon;
 
-  var _excluded$1O = ["gradient"];
+  var _excluded$1W = ["gradient"];
 
   /**
    * @component TaskListCompleteIcon
@@ -12768,7 +12798,7 @@
    */
   var TaskListCompleteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1O);
+      props = _objectWithoutProperties(_ref, _excluded$1W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12789,7 +12819,7 @@
   TaskListCompleteIcon.displayName = "TaskListCompleteIcon";
   var TaskListCompleteIcon$1 = TaskListCompleteIcon;
 
-  var _excluded$1N = ["gradient"];
+  var _excluded$1V = ["gradient"];
 
   /**
    * @component TaskListIcon
@@ -12819,7 +12849,7 @@
    */
   var TaskListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1N);
+      props = _objectWithoutProperties(_ref, _excluded$1V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -12840,6 +12870,426 @@
   TaskListIcon.displayName = "TaskListIcon";
   var TaskListIcon$1 = TaskListIcon;
 
+  var _excluded$1U = ["gradient"];
+
+  /**
+   * @component TextAlignCenterIcon
+   * @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 (
+   * <TextAlignCenterIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextAlignCenterIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextAlignCenterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1U);
+    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": "TextAlignCenterIcon",
+      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: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextAlignCenterIcon.displayName = "TextAlignCenterIcon";
+  var TextAlignCenterIcon$1 = TextAlignCenterIcon;
+
+  var _excluded$1T = ["gradient"];
+
+  /**
+   * @component TextAlignJustifyIcon
+   * @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 (
+   * <TextAlignJustifyIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextAlignJustifyIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextAlignJustifyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1T);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "TextAlignJustifyIcon",
+      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: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextAlignJustifyIcon.displayName = "TextAlignJustifyIcon";
+  var TextAlignJustifyIcon$1 = TextAlignJustifyIcon;
+
+  var _excluded$1S = ["gradient"];
+
+  /**
+   * @component TextAlignLeftIcon
+   * @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 (
+   * <TextAlignLeftIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextAlignLeftIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextAlignLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1S);
+    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": "TextAlignLeftIcon",
+      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: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextAlignLeftIcon.displayName = "TextAlignLeftIcon";
+  var TextAlignLeftIcon$1 = TextAlignLeftIcon;
+
+  var _excluded$1R = ["gradient"];
+
+  /**
+   * @component TextAlignRightIcon
+   * @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 (
+   * <TextAlignRightIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextAlignRightIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextAlignRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1R);
+    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": "TextAlignRightIcon",
+      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: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextAlignRightIcon.displayName = "TextAlignRightIcon";
+  var TextAlignRightIcon$1 = TextAlignRightIcon;
+
+  var _excluded$1Q = ["gradient"];
+
+  /**
+   * @component TextStyleBoldIcon
+   * @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 (
+   * <TextStyleBoldIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextStyleBoldIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextStyleBoldIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1Q);
+    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": "TextStyleBoldIcon",
+      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: "M19.53 15.65Q19.53 16.94 19.02 17.86Q18.5 18.79 17.6 19.37Q16.7 19.96 15.5 20.23Q14.31 20.5 12.97 20.5H4.47V3.5H12.25Q13.76 3.5 14.93 3.76Q16.11 4.02 16.92 4.55Q17.72 5.08 18.14 5.88Q18.56 6.69 18.56 7.77Q18.56 9.22 17.76 10.21Q16.95 11.21 15.31 11.56Q17.38 11.8 18.45 12.86Q19.53 13.91 19.53 15.65ZM14.97 8.25Q14.97 7.11 14.24 6.62Q13.51 6.14 12.08 6.14H8.02V10.35H12.1Q13.61 10.35 14.29 9.83Q14.97 9.3 14.97 8.25ZM15.96 15.37Q15.96 14.7 15.7 14.24Q15.43 13.78 14.97 13.5Q14.5 13.22 13.88 13.1Q13.26 12.98 12.54 12.98H8.02V17.86H12.67Q13.37 17.86 13.97 17.74Q14.58 17.63 15.02 17.34Q15.46 17.06 15.71 16.58Q15.96 16.1 15.96 15.37Z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextStyleBoldIcon.displayName = "TextStyleBoldIcon";
+  var TextStyleBoldIcon$1 = TextStyleBoldIcon;
+
+  var _excluded$1P = ["gradient"];
+
+  /**
+   * @component TextStyleItalicIcon
+   * @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 (
+   * <TextStyleItalicIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextStyleItalicIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextStyleItalicIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1P);
+    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": "TextStyleItalicIcon",
+      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: "M8.57 20.5 11.87 3.5H15.43L12.12 20.5Z",
+      clipRule: "evenodd"
+    }));
+  });
+  TextStyleItalicIcon.displayName = "TextStyleItalicIcon";
+  var TextStyleItalicIcon$1 = TextStyleItalicIcon;
+
+  var _excluded$1O = ["gradient"];
+
+  /**
+   * @component TextStyleStrikeIcon
+   * @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 (
+   * <TextStyleStrikeIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextStyleStrikeIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextStyleStrikeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1O);
+    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": "TextStyleStrikeIcon",
+      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: "M19.19 15.51Q19.19 16.63 18.78 17.55Q18.37 18.47 17.51 19.13Q16.65 19.78 15.31 20.14Q13.96 20.5 12.11 20.5Q10.47 20.5 9.22 20.21Q7.96 19.91 7.06 19.34Q6.17 18.76 5.61 17.91Q5.05 17.06 4.81 15.96L8.15 15.41Q8.29 15.96 8.56 16.42Q8.83 16.88 9.3 17.21Q9.78 17.55 10.49 17.73Q11.2 17.91 12.21 17.91Q13.96 17.91 14.9 17.38Q15.83 16.84 15.83 15.7Q15.83 15.02 15.45 14.59Q15.08 14.16 14.46 13.88Q13.83 13.59 13.03 13.41Q12.22 13.22 11.34 13.04Q10.63 12.88 9.93 12.7Q9.23 12.53 8.59 12.28Q7.95 12.04 7.4 11.7Q6.85 11.36 6.44 10.86Q6.04 10.36 5.81 9.69Q5.58 9.02 5.58 8.12Q5.58 6.89 6.07 6.01Q6.57 5.13 7.44 4.57Q8.31 4.02 9.52 3.76Q10.73 3.5 12.16 3.5Q13.78 3.5 14.93 3.75Q16.09 4 16.87 4.52Q17.65 5.04 18.1 5.82Q18.55 6.6 18.76 7.64L15.41 8.1Q15.15 7.03 14.36 6.49Q13.57 5.95 12.09 5.95Q11.17 5.95 10.57 6.11Q9.97 6.27 9.61 6.54Q9.25 6.81 9.1 7.16Q8.95 7.52 8.95 7.92Q8.95 8.53 9.24 8.92Q9.53 9.32 10.06 9.58Q10.59 9.84 11.32 10.02Q12.05 10.21 12.93 10.39Q13.71 10.56 14.47 10.74Q15.23 10.92 15.92 11.17Q16.61 11.41 17.21 11.77Q17.81 12.12 18.25 12.63Q18.69 13.14 18.94 13.84Q19.19 14.54 19.19 15.51Z",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/React__default["default"].createElement("rect", {
+      x: "3",
+      y: "11",
+      width: "18",
+      height: "2",
+      rx: "1"
+    }));
+  });
+  TextStyleStrikeIcon.displayName = "TextStyleStrikeIcon";
+  var TextStyleStrikeIcon$1 = TextStyleStrikeIcon;
+
+  var _excluded$1N = ["gradient"];
+
+  /**
+   * @component TextStyleUnderlineIcon
+   * @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 (
+   * <TextStyleUnderlineIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextStyleUnderlineIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextStyleUnderlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1N);
+    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": "TextStyleUnderlineIcon",
+      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.84 18Q10.45 18 9.3 17.67Q8.14 17.34 7.31 16.64Q6.47 15.94 6.01 14.85Q5.54 13.76 5.54 12.25V3H8.64V12.01Q8.64 12.94 8.87 13.62Q9.1 14.29 9.53 14.73Q9.96 15.17 10.57 15.37Q11.18 15.58 11.92 15.58Q12.68 15.58 13.31 15.36Q13.95 15.14 14.4 14.69Q14.86 14.24 15.11 13.55Q15.36 12.86 15.36 11.9V3H18.46V12.09Q18.46 13.61 17.97 14.72Q17.47 15.84 16.59 16.57Q15.71 17.3 14.5 17.65Q13.29 18 11.84 18Z",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/React__default["default"].createElement("rect", {
+      x: "4",
+      y: "20",
+      width: "16",
+      height: "2",
+      rx: "1"
+    }));
+  });
+  TextStyleUnderlineIcon.displayName = "TextStyleUnderlineIcon";
+  var TextStyleUnderlineIcon$1 = TextStyleUnderlineIcon;
+
   var _excluded$1M = ["gradient"];
 
   /**
@@ -28401,7 +28851,9 @@
   exports.DARK_THEME_MATCH = DARK_THEME_MATCH;
   exports.DARK_THEME_NAMES = DARK_THEME_NAMES;
   exports.DARK_THEME_SELECTOR = DARK_THEME_SELECTOR;
+  exports.DEFAULT_DARK_THEME = DEFAULT_DARK_THEME;
   exports.DEFAULT_KEYBOARD_STEP = DEFAULT_KEYBOARD_STEP;
+  exports.DEFAULT_THEME = DEFAULT_THEME;
   exports.DataTable = DataTable;
   exports.DatePicker = DatePicker;
   exports.DateStepper = DateStepper;
@@ -28506,6 +28958,7 @@
   exports.Item = Item;
   exports.ItemContext = ItemContext;
   exports.KeyIcon = KeyIcon$1;
+  exports.LIGHT_THEME_NAMES = LIGHT_THEME_NAMES;
   exports.Label = Label;
   exports.LabelsIcon = LabelsIcon$1;
   exports.LayerBackIcon = LayerBackIcon$1;
@@ -28679,6 +29132,8 @@
   exports.SunIcon = SunIcon$1;
   exports.SystemSettingsIcon = SystemSettingsIcon$1;
   exports.THEMES = THEMES;
+  exports.THEME_MODE_SINGLE = THEME_MODE_SINGLE;
+  exports.THEME_MODE_SYSTEM = THEME_MODE_SYSTEM;
   exports.THEME_NAMES = THEME_NAMES;
   exports.Table = Table;
   exports.Tag = Tag;
@@ -28687,7 +29142,15 @@
   exports.TaskListCompleteIcon = TaskListCompleteIcon$1;
   exports.TaskListIcon = TaskListIcon$1;
   exports.Tbody = Tbody;
+  exports.TextAlignCenterIcon = TextAlignCenterIcon$1;
+  exports.TextAlignJustifyIcon = TextAlignJustifyIcon$1;
+  exports.TextAlignLeftIcon = TextAlignLeftIcon$1;
+  exports.TextAlignRightIcon = TextAlignRightIcon$1;
   exports.TextIcon = TextIcon$1;
+  exports.TextStyleBoldIcon = TextStyleBoldIcon$1;
+  exports.TextStyleItalicIcon = TextStyleItalicIcon$1;
+  exports.TextStyleStrikeIcon = TextStyleStrikeIcon$1;
+  exports.TextStyleUnderlineIcon = TextStyleUnderlineIcon$1;
   exports.Textarea = Textarea;
   exports.Thead = Thead;
   exports.ThinkingIcon = ThinkingIcon$1;
@@ -28738,6 +29201,7 @@
   exports.makeStart = makeStart;
   exports.measurePercent = measurePercent;
   exports.numberWithSeparator = numberWithSeparator;
+  exports.resolveTheme = resolveTheme;
   exports.signifierTypes = signifierTypes;
   exports.snap = snap;
   exports.toMoment = toMoment;