@activecollab/components 2.0.298 → 2.0.300

package/dist/index.js

@@ -189,7 +189,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$4X = ["children", "active", "variant", "size", "className"];
+  var _excluded$4Y = ["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$4X);
+      args = _objectWithoutProperties(_ref, _excluded$4Y);
     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$4W = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -314,7 +314,7 @@
    */
   var AddCrossTinyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4W);
+      props = _objectWithoutProperties(_ref, _excluded$4X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -334,12 +334,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$4V = ["className", "disabled"];
+  var _excluded$4W = ["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$4V);
+      rest = _objectWithoutProperties(_ref, _excluded$4W);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -377,12 +377,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$4U = ["children", "className", "invalid"];
+  var _excluded$4V = ["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$4U);
+      rest = _objectWithoutProperties(_ref, _excluded$4V);
     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$4T = ["children", "className"];
+  var _excluded$4U = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4T);
+      props = _objectWithoutProperties(_ref, _excluded$4U);
     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$4S = ["className"];
+  var _excluded$4T = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4S);
+      props = _objectWithoutProperties(_ref, _excluded$4T);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$4R = ["children", "className"];
+  var _excluded$4S = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4R);
+      props = _objectWithoutProperties(_ref, _excluded$4S);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -708,10 +708,13 @@
       absoluteNumber /= 1000;
       scale++;
     }
-    var formattedNum = scale === 0 ? fixedDecimalSpaces(absoluteNumber, decimalSpaces) : parseFloat(absoluteNumber.toFixed(1));
-    if (formattedNum === 1000 && scale > 0 && scale < 4) {
-      formattedNum = 1;
-      scale++;
+    var formattedNum = scale === 0 ? trimDecimals ? fixedDecimalSpaces(absoluteNumber, decimalSpaces) : absoluteNumber : trimDecimals ? parseFloat(absoluteNumber.toFixed(1)) : absoluteNumber;
+    if (scale > 0 && scale < 4) {
+      var checkValue = trimDecimals ? formattedNum : parseFloat(formattedNum.toFixed(decimalSpaces));
+      if (checkValue >= 1000) {
+        formattedNum = checkValue / 1000;
+        scale++;
+      }
     }
     var result = numberWithSeparator(trimDecimals ? formattedNum : formattedNum.toFixed(decimalSpaces), thousandSeparator, decimalSeperator);
     return isNegative ? "-".concat(result).concat(suffixes[scale]) : "".concat(result).concat(suffixes[scale]);
@@ -947,7 +950,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$4Q = ["children", "className", "variant", "size", "active"];
+  var _excluded$4R = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -977,7 +980,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$4Q);
+      args = _objectWithoutProperties(_ref, _excluded$4R);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -988,7 +991,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1018,7 +1021,7 @@
    */
   var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4P);
+      props = _objectWithoutProperties(_ref, _excluded$4Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -1039,7 +1042,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$4O = ["gradient"];
+  var _excluded$4P = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1069,7 +1072,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4O);
+      props = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1097,7 +1100,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4O = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1127,7 +1130,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4N);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1151,7 +1154,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$4M = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1181,7 +1184,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4M);
+      props = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -1201,7 +1204,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1231,7 +1234,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4L);
+      props = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1252,7 +1255,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1282,7 +1285,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1303,7 +1306,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1333,7 +1336,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1353,7 +1356,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1383,7 +1386,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1403,7 +1406,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1433,7 +1436,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4H);
+      props = _objectWithoutProperties(_ref, _excluded$4I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -1453,7 +1456,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1483,7 +1486,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4G);
+      props = _objectWithoutProperties(_ref, _excluded$4H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1502,7 +1505,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1532,7 +1535,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4F);
+      props = _objectWithoutProperties(_ref, _excluded$4G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1552,7 +1555,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1582,7 +1585,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4E);
+      props = _objectWithoutProperties(_ref, _excluded$4F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1602,7 +1605,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1632,7 +1635,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4D);
+      props = _objectWithoutProperties(_ref, _excluded$4E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1652,7 +1655,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1682,7 +1685,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4C);
+      props = _objectWithoutProperties(_ref, _excluded$4D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1703,7 +1706,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1733,7 +1736,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4B);
+      props = _objectWithoutProperties(_ref, _excluded$4C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1753,7 +1756,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1783,7 +1786,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4A);
+      props = _objectWithoutProperties(_ref, _excluded$4B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1803,7 +1806,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1833,7 +1836,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4z);
+      props = _objectWithoutProperties(_ref, _excluded$4A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1853,7 +1856,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1883,7 +1886,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     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: 24,
@@ -1902,7 +1905,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -1932,7 +1935,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4x);
+      props = _objectWithoutProperties(_ref, _excluded$4y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1952,7 +1955,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -1982,7 +1985,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4w);
+      props = _objectWithoutProperties(_ref, _excluded$4x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2002,7 +2005,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2032,7 +2035,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -2052,7 +2055,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2082,7 +2085,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4u);
+      props = _objectWithoutProperties(_ref, _excluded$4v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2102,7 +2105,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2132,7 +2135,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4t);
+      props = _objectWithoutProperties(_ref, _excluded$4u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2155,7 +2158,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2185,7 +2188,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2205,6 +2208,55 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
+  var _excluded$4s = ["gradient"];
+
+  /**
+   * @component BulbIcon
+   * @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 (
+   * <BulbIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <BulbIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var BulbIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$4s);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BulbIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M9.132 13.6a.533.533 0 110 1.067H6.865a.533.533 0 010-1.067h2.267zM10.132 11.667a.533.533 0 010 1.066H5.865a.533.533 0 010-1.066h4.267zM7.999 1.333a4.667 4.667 0 012.666 8.495v.839H9.332v-.521c0-.663.421-1.236.91-1.682a3.333 3.333 0 10-4.488 0c.49.446.911 1.02.911 1.682v.52H5.332v-.838a4.667 4.667 0 012.667-8.495z"
+    }));
+  });
+  BulbIcon.displayName = "BulbIcon";
+  var BulbIcon$1 = BulbIcon;
+
   var _excluded$4r = ["gradient"];
 
   /**
@@ -25297,6 +25349,7 @@
   exports.Breadcrumbs = Breadcrumbs;
   exports.Bubble = Bubble;
   exports.BudgetAlertIcon = BudgetAlertIcon$1;
+  exports.BulbIcon = BulbIcon$1;
   exports.Button = Button;
   exports.ButtonGroup = ButtonGroup;
   exports.CalendarAddXIcon = CalendarAddXIcon$1;