@activecollab/components 2.0.381 → 2.0.382

package/dist/index.js

@@ -189,7 +189,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$5F = ["children", "active", "variant", "size", "className"];
+  var _excluded$5G = ["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$5F);
+      args = _objectWithoutProperties(_ref, _excluded$5G);
     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$5E = ["gradient"];
+  var _excluded$5F = ["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$5E);
+      props = _objectWithoutProperties(_ref, _excluded$5F);
     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$5D = ["className", "disabled"];
+  var _excluded$5E = ["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$5D);
+      rest = _objectWithoutProperties(_ref, _excluded$5E);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -377,12 +377,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$5C = ["children", "className", "invalid"];
+  var _excluded$5D = ["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$5C);
+      rest = _objectWithoutProperties(_ref, _excluded$5D);
     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$5B = ["children", "className"];
+  var _excluded$5C = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5B);
+      props = _objectWithoutProperties(_ref, _excluded$5C);
     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$5A = ["className"];
+  var _excluded$5B = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5A);
+      props = _objectWithoutProperties(_ref, _excluded$5B);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$5z = ["children", "className"];
+  var _excluded$5A = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$5z);
+      props = _objectWithoutProperties(_ref, _excluded$5A);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -1033,7 +1033,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$5y = ["children", "className", "variant", "size", "active"];
+  var _excluded$5z = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -1063,7 +1063,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$5y);
+      args = _objectWithoutProperties(_ref, _excluded$5z);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1074,7 +1074,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$5x = ["gradient"];
+  var _excluded$5y = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1104,7 +1104,7 @@
    */
   var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5x);
+      props = _objectWithoutProperties(_ref, _excluded$5y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -1125,7 +1125,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$5w = ["gradient"];
+  var _excluded$5x = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1155,7 +1155,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5w);
+      props = _objectWithoutProperties(_ref, _excluded$5x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1183,7 +1183,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$5v = ["gradient"];
+  var _excluded$5w = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1213,7 +1213,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5v);
+      props = _objectWithoutProperties(_ref, _excluded$5w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1237,7 +1237,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$5u = ["gradient"];
+  var _excluded$5v = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1267,7 +1267,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5u);
+      props = _objectWithoutProperties(_ref, _excluded$5v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -1287,7 +1287,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$5t = ["gradient"];
+  var _excluded$5u = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1317,7 +1317,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5t);
+      props = _objectWithoutProperties(_ref, _excluded$5u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1338,7 +1338,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$5s = ["gradient"];
+  var _excluded$5t = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1368,7 +1368,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5s);
+      props = _objectWithoutProperties(_ref, _excluded$5t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1389,7 +1389,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$5r = ["gradient"];
+  var _excluded$5s = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1419,7 +1419,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5r);
+      props = _objectWithoutProperties(_ref, _excluded$5s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1439,7 +1439,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$5q = ["gradient"];
+  var _excluded$5r = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1469,7 +1469,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5q);
+      props = _objectWithoutProperties(_ref, _excluded$5r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1489,7 +1489,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$5p = ["gradient"];
+  var _excluded$5q = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1519,7 +1519,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5p);
+      props = _objectWithoutProperties(_ref, _excluded$5q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -1539,7 +1539,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$5o = ["gradient"];
+  var _excluded$5p = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1569,7 +1569,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5o);
+      props = _objectWithoutProperties(_ref, _excluded$5p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1588,7 +1588,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$5n = ["gradient"];
+  var _excluded$5o = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1618,7 +1618,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5n);
+      props = _objectWithoutProperties(_ref, _excluded$5o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1638,7 +1638,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$5m = ["gradient"];
+  var _excluded$5n = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1668,7 +1668,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5m);
+      props = _objectWithoutProperties(_ref, _excluded$5n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1688,7 +1688,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$5l = ["gradient"];
+  var _excluded$5m = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1718,7 +1718,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5l);
+      props = _objectWithoutProperties(_ref, _excluded$5m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1738,7 +1738,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$5k = ["gradient"];
+  var _excluded$5l = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1768,7 +1768,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5k);
+      props = _objectWithoutProperties(_ref, _excluded$5l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1789,7 +1789,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$5j = ["gradient"];
+  var _excluded$5k = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1819,7 +1819,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5j);
+      props = _objectWithoutProperties(_ref, _excluded$5k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1839,7 +1839,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$5i = ["gradient"];
+  var _excluded$5j = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1869,7 +1869,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5i);
+      props = _objectWithoutProperties(_ref, _excluded$5j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1889,7 +1889,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$5h = ["gradient"];
+  var _excluded$5i = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1919,7 +1919,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5h);
+      props = _objectWithoutProperties(_ref, _excluded$5i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1939,7 +1939,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$5g = ["gradient"];
+  var _excluded$5h = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1969,7 +1969,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5g);
+      props = _objectWithoutProperties(_ref, _excluded$5h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1988,7 +1988,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$5f = ["gradient"];
+  var _excluded$5g = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -2018,7 +2018,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5f);
+      props = _objectWithoutProperties(_ref, _excluded$5g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2038,7 +2038,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$5e = ["gradient"];
+  var _excluded$5f = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -2068,7 +2068,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5e);
+      props = _objectWithoutProperties(_ref, _excluded$5f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2088,7 +2088,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$5d = ["gradient"];
+  var _excluded$5e = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2118,7 +2118,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5d);
+      props = _objectWithoutProperties(_ref, _excluded$5e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -2138,7 +2138,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$5c = ["gradient"];
+  var _excluded$5d = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2168,7 +2168,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5c);
+      props = _objectWithoutProperties(_ref, _excluded$5d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2188,7 +2188,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$5b = ["gradient"];
+  var _excluded$5c = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2218,7 +2218,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5b);
+      props = _objectWithoutProperties(_ref, _excluded$5c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2241,7 +2241,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$5a = ["gradient"];
+  var _excluded$5b = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2271,7 +2271,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$5a);
+      props = _objectWithoutProperties(_ref, _excluded$5b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2291,7 +2291,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$59 = ["gradient"];
+  var _excluded$5a = ["gradient"];
 
   /**
    * @component BulbIcon
@@ -2321,7 +2321,7 @@
    */
   var BulbIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$59);
+      props = _objectWithoutProperties(_ref, _excluded$5a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2340,7 +2340,7 @@
   BulbIcon.displayName = "BulbIcon";
   var BulbIcon$1 = BulbIcon;
 
-  var _excluded$58 = ["gradient"];
+  var _excluded$59 = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2370,7 +2370,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$58);
+      props = _objectWithoutProperties(_ref, _excluded$59);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2390,7 +2390,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$57 = ["gradient"];
+  var _excluded$58 = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2420,7 +2420,7 @@
    */
   var CalendarImportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$57);
+      props = _objectWithoutProperties(_ref, _excluded$58);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2443,7 +2443,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$56 = ["gradient"];
+  var _excluded$57 = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2473,7 +2473,7 @@
    */
   var CalendarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$56);
+      props = _objectWithoutProperties(_ref, _excluded$57);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2493,7 +2493,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$55 = ["gradient"];
+  var _excluded$56 = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2523,7 +2523,7 @@
    */
   var CancelCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$55);
+      props = _objectWithoutProperties(_ref, _excluded$56);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2543,7 +2543,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$54 = ["gradient"];
+  var _excluded$55 = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2573,7 +2573,7 @@
    */
   var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$54);
+      props = _objectWithoutProperties(_ref, _excluded$55);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2593,7 +2593,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$53 = ["gradient"];
+  var _excluded$54 = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2623,7 +2623,7 @@
    */
   var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$53);
+      props = _objectWithoutProperties(_ref, _excluded$54);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2643,7 +2643,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$52 = ["gradient"];
+  var _excluded$53 = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2673,7 +2673,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$52);
+      props = _objectWithoutProperties(_ref, _excluded$53);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2693,7 +2693,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$51 = ["gradient"];
+  var _excluded$52 = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2723,7 +2723,7 @@
    */
   var CheckIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$51);
+      props = _objectWithoutProperties(_ref, _excluded$52);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2743,7 +2743,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$50 = ["gradient"];
+  var _excluded$51 = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2773,7 +2773,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$50);
+      props = _objectWithoutProperties(_ref, _excluded$51);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2793,7 +2793,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$4$ = ["gradient"];
+  var _excluded$50 = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2823,7 +2823,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4$);
+      props = _objectWithoutProperties(_ref, _excluded$50);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2843,7 +2843,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$4_ = ["gradient"];
+  var _excluded$4$ = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2873,7 +2873,7 @@
    */
   var CheckboxCircleBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4_);
+      props = _objectWithoutProperties(_ref, _excluded$4$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -2894,7 +2894,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$4Z = ["gradient"];
+  var _excluded$4_ = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2924,7 +2924,7 @@
    */
   var CheckboxDocumentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Z);
+      props = _objectWithoutProperties(_ref, _excluded$4_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2944,7 +2944,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$4Y = ["gradient"];
+  var _excluded$4Z = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2974,7 +2974,7 @@
    */
   var CheckboxIcon$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Y);
+      props = _objectWithoutProperties(_ref, _excluded$4Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -3004,7 +3004,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$4X = ["gradient"];
+  var _excluded$4Y = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -3034,7 +3034,7 @@
    */
   var ChecklistSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4X);
+      props = _objectWithoutProperties(_ref, _excluded$4Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3054,7 +3054,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$4W = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -3084,7 +3084,7 @@
    */
   var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4W);
+      props = _objectWithoutProperties(_ref, _excluded$4X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3104,7 +3104,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$4V = ["gradient"];
+  var _excluded$4W = ["gradient"];
 
   /**
    * @component CircleDotIcon
@@ -3134,7 +3134,7 @@
    */
   var CircleDotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4V);
+      props = _objectWithoutProperties(_ref, _excluded$4W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3157,7 +3157,7 @@
   CircleDotIcon.displayName = "CircleDotIcon";
   var CircleDotIcon$1 = CircleDotIcon;
 
-  var _excluded$4U = ["gradient"];
+  var _excluded$4V = ["gradient"];
 
   /**
    * @component CircleIcon
@@ -3187,7 +3187,7 @@
    */
   var CircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4U);
+      props = _objectWithoutProperties(_ref, _excluded$4V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3206,6 +3206,61 @@
   CircleIcon.displayName = "CircleIcon";
   var CircleIcon$1 = CircleIcon;
 
+  var _excluded$4U = ["gradient"];
+
+  /**
+   * @component CircleSlashIcon
+   * @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.
+   *
+   * A ring (based on CircleIcon) crossed by a single diagonal line at 45 degrees,
+   * running from the bottom-left to the top-right. The slash matches the ring's
+   * stroke weight (~2.222 units).
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <CircleSlashIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <CircleSlashIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var CircleSlashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$4U);
+    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": "CircleSlashIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M12 4.222a7.778 7.778 0 1 0 0 15.556 7.778 7.778 0 0 0 0-15.556M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M5.716 19.856 19.856 5.716l-1.571-1.571L4.144 18.284z"
+    }));
+  });
+  CircleSlashIcon.displayName = "CircleSlashIcon";
+  var CircleSlashIcon$1 = CircleSlashIcon;
+
   var _excluded$4T = ["gradient"];
 
   /**
@@ -28817,6 +28872,7 @@
   exports.CircleDotIcon = CircleDotIcon$1;
   exports.CircleIcon = CircleIcon$1;
   exports.CircleMultipleIcon = CircleMultipleIcon$1;
+  exports.CircleSlashIcon = CircleSlashIcon$1;
   exports.ClockAddIcon = ClockAddIcon$1;
   exports.ClockDollarIcon = ClockDollarIcon$1;
   exports.ClockIcon = ClockIcon$1;