@activecollab/components 2.0.257 → 2.0.259

package/dist/index.js

@@ -201,7 +201,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$4Q = ["children", "active", "variant", "size", "className"];
+  var _excluded$4R = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -231,7 +231,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$4Q);
+      args = _objectWithoutProperties(_ref, _excluded$4R);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -296,7 +296,7 @@
     })));
   };
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -326,7 +326,7 @@
    */
   var AddCrossTinyIcon = /*#__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: 24,
       height: 24,
@@ -346,12 +346,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$4O = ["className", "disabled"];
+  var _excluded$4P = ["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$4O);
+      rest = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -389,12 +389,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$4N = ["children", "className", "invalid"];
+  var _excluded$4O = ["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$4N);
+      rest = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -419,11 +419,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$4M = ["children", "className"];
+  var _excluded$4N = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4M);
+      props = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -432,21 +432,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$4L = ["className"];
+  var _excluded$4M = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4L);
+      props = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$4K = ["children", "className"];
+  var _excluded$4L = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -959,7 +959,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$4J = ["children", "className", "variant", "size", "active"];
+  var _excluded$4K = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -989,7 +989,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$4J);
+      args = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1000,6 +1000,57 @@
   });
   IconButton.displayName = "IconButton";
 
+  var _excluded$4J = ["gradient"];
+
+  /**
+   * @component RecurringIcon
+   * @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 (
+   * <RecurringIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <RecurringIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$4J);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RecurringIcon",
+      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", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15.364 2.636l.225.233.214.238a8.862 8.862 0 012.04 4.216l.043.25c.071.44.109.886.114 1.332h-.007l.001.095h-2.008a6.95 6.95 0 00-1.43-4.26l-.095-.12a7 7 0 00-10.238-.738l-.173.168 1.414 1.414-4.872.63.63-4.872 1.414 1.414A8.976 8.976 0 019.361.007c2.1.084 4.175.898 5.813 2.444l.19.185zM2.636 15.364a8.892 8.892 0 01-2.498-4.789A9.016 9.016 0 010 9.01h.006V9h2.008a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0z"
+    }));
+  });
+  RecurringIcon.displayName = "RecurringIcon";
+  var RecurringIcon$1 = RecurringIcon;
+
   var _excluded$4I = ["gradient"];
 
   /**
@@ -6964,6 +7015,63 @@
 
   var _excluded$2S = ["gradient"];
 
+  /**
+   * @component MoneyStackIcon
+   * @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 (
+   * <MoneyStackIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <MoneyStackIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var MoneyStackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$2S);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MoneyStackIcon",
+      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: "M15 12h1v1h-2v.5h1.5a.5.5 0 01.497.442L16 14v1.5a.5.5 0 01-.442.496L15.5 16H15v.5h-1V16h-1v-1h2v-.5h-1.5a.5.5 0 01-.497-.442L13 14v-1.5a.5.5 0 01.442-.496L13.5 12h.5v-.5h1v.5z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M20.5 9c.828 0 1.5.56 1.5 1.25v7.5c0 .69-.672 1.25-1.5 1.25h-12c-.828 0-1.5-.56-1.5-1.25v-7.5C7 9.56 7.672 9 8.5 9h12zm-12 8.75h12v-7.5h-12v7.5z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M18 6.5c.828 0 1.5.56 1.5 1.25H6v8.75l-.154-.007C5.09 16.43 4.5 15.897 4.5 15.25v-7.5c0-.69.672-1.25 1.5-1.25h12z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M15.5 4c.828 0 1.5.56 1.5 1.25H3.5V14l-.154-.007C2.59 13.93 2 13.397 2 12.75v-7.5C2 4.56 2.672 4 3.5 4h12z"
+    }));
+  });
+  MoneyStackIcon.displayName = "MoneyStackIcon";
+  var MoneyStackIcon$1 = MoneyStackIcon;
+
+  var _excluded$2R = ["gradient"];
+
   /**
    * @component MoonIcon
    * @description
@@ -6992,7 +7100,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 20,
       height: 20,
@@ -7013,7 +7121,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -7043,7 +7151,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -7063,7 +7171,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -7093,7 +7201,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7114,7 +7222,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -7144,7 +7252,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7168,7 +7276,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -7198,7 +7306,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7218,7 +7326,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -7248,7 +7356,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7268,7 +7376,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -7298,7 +7406,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7318,7 +7426,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -7348,7 +7456,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7367,7 +7475,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -7397,7 +7505,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7417,7 +7525,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -7447,7 +7555,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7472,7 +7580,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -7502,7 +7610,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7522,7 +7630,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component PaidSmallIcon
@@ -7552,7 +7660,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7572,7 +7680,7 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -7602,7 +7710,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7622,7 +7730,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -7652,7 +7760,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7672,7 +7780,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -7702,7 +7810,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7722,7 +7830,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -7752,7 +7860,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7771,7 +7879,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -7801,7 +7909,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7820,7 +7928,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -7850,7 +7958,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7870,7 +7978,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -7900,7 +8008,7 @@
    */
   var PeopleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7924,7 +8032,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -7954,7 +8062,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7975,7 +8083,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2x = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -8005,7 +8113,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2y);
+      props = _objectWithoutProperties(_ref, _excluded$2x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8025,7 +8133,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2w = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -8055,7 +8163,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8075,7 +8183,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$2w = ["gradient"];
+  var _excluded$2v = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -8105,7 +8213,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2w);
+      props = _objectWithoutProperties(_ref, _excluded$2v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8126,7 +8234,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$2v = ["gradient"];
+  var _excluded$2u = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -8156,7 +8264,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2v);
+      props = _objectWithoutProperties(_ref, _excluded$2u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8176,7 +8284,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$2u = ["gradient"];
+  var _excluded$2t = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -8206,7 +8314,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2u);
+      props = _objectWithoutProperties(_ref, _excluded$2t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8226,7 +8334,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$2t = ["gradient"];
+  var _excluded$2s = ["gradient"];
 
   /**
    * @component PinIcon
@@ -8256,7 +8364,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2t);
+      props = _objectWithoutProperties(_ref, _excluded$2s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8276,7 +8384,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$2s = ["gradient"];
+  var _excluded$2r = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -8306,7 +8414,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2s);
+      props = _objectWithoutProperties(_ref, _excluded$2r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8326,7 +8434,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2r = ["gradient"];
+  var _excluded$2q = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -8356,7 +8464,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2r);
+      props = _objectWithoutProperties(_ref, _excluded$2q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8376,7 +8484,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2q = ["gradient"];
+  var _excluded$2p = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -8406,7 +8514,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2q);
+      props = _objectWithoutProperties(_ref, _excluded$2p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8426,7 +8534,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2p = ["gradient"];
+  var _excluded$2o = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -8456,7 +8564,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2p);
+      props = _objectWithoutProperties(_ref, _excluded$2o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8477,7 +8585,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2o = ["gradient"];
+  var _excluded$2n = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -8507,7 +8615,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2o);
+      props = _objectWithoutProperties(_ref, _excluded$2n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8527,7 +8635,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2n = ["gradient"];
+  var _excluded$2m = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -8557,7 +8665,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2n);
+      props = _objectWithoutProperties(_ref, _excluded$2m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8578,7 +8686,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2m = ["gradient"];
+  var _excluded$2l = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -8608,7 +8716,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2m);
+      props = _objectWithoutProperties(_ref, _excluded$2l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8631,7 +8739,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2l = ["gradient"];
+  var _excluded$2k = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -8661,7 +8769,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2l);
+      props = _objectWithoutProperties(_ref, _excluded$2k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8681,7 +8789,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2k = ["gradient"];
+  var _excluded$2j = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -8711,7 +8819,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2k);
+      props = _objectWithoutProperties(_ref, _excluded$2j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8731,7 +8839,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2j = ["gradient"];
+  var _excluded$2i = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -8761,7 +8869,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2j);
+      props = _objectWithoutProperties(_ref, _excluded$2i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8781,7 +8889,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2i = ["gradient"];
+  var _excluded$2h = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -8811,7 +8919,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2i);
+      props = _objectWithoutProperties(_ref, _excluded$2h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8835,7 +8943,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2h = ["gradient"];
+  var _excluded$2g = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -8865,7 +8973,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2h);
+      props = _objectWithoutProperties(_ref, _excluded$2g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8885,7 +8993,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2g = ["gradient"];
+  var _excluded$2f = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -8915,7 +9023,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2g);
+      props = _objectWithoutProperties(_ref, _excluded$2f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -8943,7 +9051,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2f = ["gradient"];
+  var _excluded$2e = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -8973,7 +9081,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2f);
+      props = _objectWithoutProperties(_ref, _excluded$2e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8993,7 +9101,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2e = ["gradient"];
+  var _excluded$2d = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -9023,7 +9131,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2e);
+      props = _objectWithoutProperties(_ref, _excluded$2d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9043,57 +9151,6 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2d = ["gradient"];
-
-  /**
-   * @component RecurringIcon
-   * @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 (
-   * <RecurringIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
-   * )
-   *
-   * @example
-   * return (
-   *   <RecurringIcon className="mr-2" />
-   * )
-   *
-   * @see
-   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
-   * @see
-   * https://design.activecollab.com/docs/foundations/icons
-   */
-  var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
-    var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2d);
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 18,
-      height: 18,
-      viewBox: "0 0 18 18",
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-testid": "RecurringIcon",
-      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", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M15.364 2.636l.225.233.214.238a8.862 8.862 0 012.04 4.216l.043.25c.071.44.109.886.114 1.332h-.007l.001.095h-2.008a6.95 6.95 0 00-1.43-4.26l-.095-.12a7 7 0 00-10.238-.738l-.173.168 1.414 1.414-4.872.63.63-4.872 1.414 1.414A8.976 8.976 0 019.361.007c2.1.084 4.175.898 5.813 2.444l.19.185zM2.636 15.364a8.892 8.892 0 01-2.498-4.789A9.016 9.016 0 010 9.01h.006V9h2.008a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0z"
-    }));
-  });
-  RecurringIcon.displayName = "RecurringIcon";
-  var RecurringIcon$1 = RecurringIcon;
-
   var _excluded$2c = ["gradient"];
 
   /**
@@ -17121,9 +17178,9 @@
       var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
       var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
       var afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
-      return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, beforeHighlighted.replace(/ /g, "\u00a0"), /*#__PURE__*/React__default["default"].createElement(StyledHiglightedText, {
+      return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", null, beforeHighlighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React__default["default"].createElement(StyledHiglightedText, {
         className: "c-option--text__highlight"
-      }, highLighted.replace(/ /g, "\u00a0")), afterHighlighted.replace(/ /g, "\u00a0"));
+      }, highLighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React__default["default"].createElement("span", null, afterHighlighted.replace(/ /g, "\u00a0")));
     }
     return text;
   };
@@ -24883,6 +24940,7 @@
   exports.MinusIcon = MinusIcon$1;
   exports.MobileMenuIcon = MobileMenuIcon$1;
   exports.Modal = Modal;
+  exports.MoneyStackIcon = MoneyStackIcon$1;
   exports.MoonIcon = MoonIcon$1;
   exports.MoveIcon = MoveIcon$1;
   exports.MoveTriggerIcon = MoveTriggerIcon$1;