@activecollab/components 2.0.286 → 2.0.288

package/dist/index.js

@@ -189,7 +189,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$4U = ["children", "active", "variant", "size", "className"];
+  var _excluded$4V = ["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$4U);
+      args = _objectWithoutProperties(_ref, _excluded$4V);
     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$4T = ["gradient"];
+  var _excluded$4U = ["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$4T);
+      props = _objectWithoutProperties(_ref, _excluded$4U);
     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$4S = ["className", "disabled"];
+  var _excluded$4T = ["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$4S);
+      rest = _objectWithoutProperties(_ref, _excluded$4T);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -377,12 +377,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$4R = ["children", "className", "invalid"];
+  var _excluded$4S = ["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$4R);
+      rest = _objectWithoutProperties(_ref, _excluded$4S);
     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$4Q = ["children", "className"];
+  var _excluded$4R = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4Q);
+      props = _objectWithoutProperties(_ref, _excluded$4R);
     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$4P = ["className"];
+  var _excluded$4Q = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4P);
+      props = _objectWithoutProperties(_ref, _excluded$4Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$4O = ["children", "className"];
+  var _excluded$4P = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4O);
+      props = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -947,7 +947,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$4N = ["children", "className", "variant", "size", "active"];
+  var _excluded$4O = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -977,7 +977,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$4N);
+      args = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -988,7 +988,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$4M = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1018,7 +1018,7 @@
    */
   var RecurringIcon = /*#__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: 18,
       height: 18,
@@ -1039,7 +1039,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1069,7 +1069,7 @@
    */
   var AccessLogIcon = /*#__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,
@@ -1097,7 +1097,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1127,7 +1127,7 @@
    */
   var ActivityIcon = /*#__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,
@@ -1151,7 +1151,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1181,7 +1181,7 @@
    */
   var AddCrossIcon = /*#__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: 10,
       height: 10,
@@ -1201,7 +1201,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1231,7 +1231,7 @@
    */
   var ArchiveIcon = /*#__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,
@@ -1252,7 +1252,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1282,7 +1282,7 @@
    */
   var ArrowBackMobileIcon = /*#__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: 24,
       height: 24,
@@ -1303,7 +1303,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1333,7 +1333,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__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({
       width: 24,
       height: 24,
@@ -1353,7 +1353,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1383,7 +1383,7 @@
    */
   var ArrowDownLongIcon = /*#__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,
@@ -1403,7 +1403,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1433,7 +1433,7 @@
    */
   var ArrowDownSmallIcon = /*#__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: 16,
       height: 16,
@@ -1453,7 +1453,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1483,7 +1483,7 @@
    */
   var ArrowDownIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1502,7 +1502,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1532,7 +1532,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__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,
@@ -1552,7 +1552,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1582,7 +1582,7 @@
    */
   var ArrowLeftBoxIcon = /*#__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({
       width: 24,
       height: 24,
@@ -1602,7 +1602,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1632,7 +1632,7 @@
    */
   var ArrowLeftIcon = /*#__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,
@@ -1652,7 +1652,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1682,7 +1682,7 @@
    */
   var ArrowRefreshIcon = /*#__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,
@@ -1703,7 +1703,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1733,7 +1733,7 @@
    */
   var ArrowRestoreIcon = /*#__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,
@@ -1753,7 +1753,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1783,7 +1783,7 @@
    */
   var ArrowRightIcon = /*#__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,
@@ -1803,7 +1803,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1833,7 +1833,7 @@
    */
   var ArrowUpLongIcon = /*#__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,
@@ -1853,7 +1853,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1883,7 +1883,7 @@
    */
   var ArrowUpIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1902,7 +1902,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -1932,7 +1932,7 @@
    */
   var AssignIcon = /*#__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,
@@ -1952,7 +1952,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -1982,7 +1982,7 @@
    */
   var AttachmentIcon = /*#__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,
@@ -2002,7 +2002,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2032,7 +2032,7 @@
    */
   var BellOffSmallIcon = /*#__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: 12,
       height: 12,
@@ -2052,7 +2052,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2082,7 +2082,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4r);
+      props = _objectWithoutProperties(_ref, _excluded$4s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2102,7 +2102,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2132,7 +2132,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4q);
+      props = _objectWithoutProperties(_ref, _excluded$4r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2155,7 +2155,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2185,7 +2185,7 @@
    */
   var BudgetAlertIcon = /*#__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,
@@ -2205,7 +2205,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2235,7 +2235,7 @@
    */
   var CalendarAddXIcon = /*#__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,
@@ -2255,7 +2255,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2285,7 +2285,7 @@
    */
   var CalendarImportIcon = /*#__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: 18,
       height: 18,
@@ -2308,7 +2308,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2338,7 +2338,7 @@
    */
   var CalendarIcon = /*#__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: 24,
       height: 24,
@@ -2358,7 +2358,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2388,7 +2388,7 @@
    */
   var CancelCrossIcon = /*#__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,
@@ -2408,7 +2408,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2438,7 +2438,7 @@
    */
   var CaretLeftIcon = /*#__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: 18,
       height: 18,
@@ -2458,7 +2458,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4k = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2488,7 +2488,7 @@
    */
   var CaretRightIcon = /*#__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: 18,
       height: 18,
@@ -2508,7 +2508,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2538,7 +2538,7 @@
    */
   var ChatIcon = /*#__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,
@@ -2558,7 +2558,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2588,7 +2588,7 @@
    */
   var CheckIcon = /*#__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: 24,
       height: 24,
@@ -2608,7 +2608,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2638,7 +2638,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__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({
       width: 24,
       height: 24,
@@ -2658,7 +2658,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2688,7 +2688,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__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,
@@ -2708,7 +2708,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2738,7 +2738,7 @@
    */
   var CheckboxCircleBlankIcon = /*#__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: 15,
       height: 15,
@@ -2759,7 +2759,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2789,7 +2789,7 @@
    */
   var CheckboxDocumentsIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2809,7 +2809,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2839,7 +2839,7 @@
    */
   var CheckboxIcon$2 = /*#__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: 16,
       height: 16,
@@ -2869,7 +2869,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4c = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -2899,7 +2899,7 @@
    */
   var ChecklistSmallIcon = /*#__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({
       width: 12,
       height: 12,
@@ -2919,7 +2919,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -2949,7 +2949,7 @@
    */
   var ChecklistIcon = /*#__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,
@@ -2969,7 +2969,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -2999,7 +2999,7 @@
    */
   var CircleMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$49);
+      props = _objectWithoutProperties(_ref, _excluded$4a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3019,7 +3019,7 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component ClockAddIcon
@@ -3049,7 +3049,7 @@
    */
   var ClockAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$48);
+      props = _objectWithoutProperties(_ref, _excluded$49);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3069,7 +3069,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3099,7 +3099,7 @@
    */
   var ClockDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$47);
+      props = _objectWithoutProperties(_ref, _excluded$48);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3122,7 +3122,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3152,7 +3152,7 @@
    */
   var ClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$46);
+      props = _objectWithoutProperties(_ref, _excluded$47);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -3172,7 +3172,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3202,7 +3202,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$45);
+      props = _objectWithoutProperties(_ref, _excluded$46);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3223,7 +3223,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3253,7 +3253,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$44);
+      props = _objectWithoutProperties(_ref, _excluded$45);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -3273,7 +3273,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3303,7 +3303,7 @@
    */
   var ClockStopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$43);
+      props = _objectWithoutProperties(_ref, _excluded$44);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3323,7 +3323,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3353,7 +3353,7 @@
    */
   var ClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$42);
+      props = _objectWithoutProperties(_ref, _excluded$43);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3373,7 +3373,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3403,7 +3403,7 @@
    */
   var CloseCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$41);
+      props = _objectWithoutProperties(_ref, _excluded$42);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3424,7 +3424,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$41 = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3454,7 +3454,7 @@
    */
   var CloseDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$40);
+      props = _objectWithoutProperties(_ref, _excluded$41);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3474,7 +3474,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$40 = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3504,7 +3504,7 @@
    */
   var CloseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3$);
+      props = _objectWithoutProperties(_ref, _excluded$40);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3524,7 +3524,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3554,7 +3554,7 @@
    */
   var CloseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3_);
+      props = _objectWithoutProperties(_ref, _excluded$3$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3575,7 +3575,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -3605,7 +3605,7 @@
    */
   var CollapsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Z);
+      props = _objectWithoutProperties(_ref, _excluded$3_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 6,
       height: 9,
@@ -3625,7 +3625,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -3655,7 +3655,7 @@
    */
   var CollapseAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Y);
+      props = _objectWithoutProperties(_ref, _excluded$3Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3675,7 +3675,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -3705,7 +3705,7 @@
    */
   var CollapseExpandSingleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3X);
+      props = _objectWithoutProperties(_ref, _excluded$3Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3725,7 +3725,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -3755,7 +3755,7 @@
    */
   var CompanyAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3W);
+      props = _objectWithoutProperties(_ref, _excluded$3X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 20,
@@ -3776,7 +3776,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -3806,7 +3806,7 @@
    */
   var CompanyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3V);
+      props = _objectWithoutProperties(_ref, _excluded$3W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3827,7 +3827,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -3857,7 +3857,7 @@
    */
   var ComputerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3U);
+      props = _objectWithoutProperties(_ref, _excluded$3V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3877,7 +3877,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3U = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -3907,7 +3907,7 @@
    */
   var CopyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3T);
+      props = _objectWithoutProperties(_ref, _excluded$3U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3927,7 +3927,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -3957,7 +3957,7 @@
    */
   var CrownBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3S);
+      props = _objectWithoutProperties(_ref, _excluded$3T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3977,7 +3977,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -4007,7 +4007,7 @@
    */
   var CrownSelectedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3R);
+      props = _objectWithoutProperties(_ref, _excluded$3S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4027,7 +4027,7 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component DependencySmallIcon
@@ -4057,7 +4057,7 @@
    */
   var DependencySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Q);
+      props = _objectWithoutProperties(_ref, _excluded$3R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4077,7 +4077,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4107,7 +4107,7 @@
    */
   var DependencyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3P);
+      props = _objectWithoutProperties(_ref, _excluded$3Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4127,7 +4127,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4157,7 +4157,7 @@
    */
   var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3O);
+      props = _objectWithoutProperties(_ref, _excluded$3P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -4178,7 +4178,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4208,7 +4208,7 @@
    */
   var DescriptionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3N);
+      props = _objectWithoutProperties(_ref, _excluded$3O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4228,7 +4228,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4258,7 +4258,7 @@
    */
   var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3M);
+      props = _objectWithoutProperties(_ref, _excluded$3N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4278,7 +4278,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4308,7 +4308,7 @@
    */
   var DiscussionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3L);
+      props = _objectWithoutProperties(_ref, _excluded$3M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4329,7 +4329,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4359,7 +4359,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3K);
+      props = _objectWithoutProperties(_ref, _excluded$3L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4379,7 +4379,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4409,7 +4409,7 @@
    */
   var DollarCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3J);
+      props = _objectWithoutProperties(_ref, _excluded$3K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4429,7 +4429,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4459,7 +4459,7 @@
    */
   var DollarClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3I);
+      props = _objectWithoutProperties(_ref, _excluded$3J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4479,7 +4479,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$3H = ["gradient"];
+  var _excluded$3I = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -4509,7 +4509,7 @@
    */
   var DollarClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3H);
+      props = _objectWithoutProperties(_ref, _excluded$3I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4529,7 +4529,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$3G = ["gradient"];
+  var _excluded$3H = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -4559,7 +4559,7 @@
    */
   var DollarDocumentPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3G);
+      props = _objectWithoutProperties(_ref, _excluded$3H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4579,7 +4579,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$3F = ["gradient"];
+  var _excluded$3G = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -4609,7 +4609,7 @@
    */
   var DollarDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3F);
+      props = _objectWithoutProperties(_ref, _excluded$3G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4630,7 +4630,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$3E = ["gradient"];
+  var _excluded$3F = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -4660,7 +4660,7 @@
    */
   var DollarOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3E);
+      props = _objectWithoutProperties(_ref, _excluded$3F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4680,7 +4680,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$3D = ["gradient"];
+  var _excluded$3E = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -4710,7 +4710,7 @@
    */
   var DollarOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3D);
+      props = _objectWithoutProperties(_ref, _excluded$3E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4730,7 +4730,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$3C = ["gradient"];
+  var _excluded$3D = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -4760,7 +4760,7 @@
    */
   var DollarSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3C);
+      props = _objectWithoutProperties(_ref, _excluded$3D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4780,7 +4780,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$3B = ["gradient"];
+  var _excluded$3C = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -4810,7 +4810,7 @@
    */
   var DollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3B);
+      props = _objectWithoutProperties(_ref, _excluded$3C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4830,7 +4830,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$3A = ["gradient"];
+  var _excluded$3B = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -4860,7 +4860,7 @@
    */
   var DownloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3A);
+      props = _objectWithoutProperties(_ref, _excluded$3B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4880,7 +4880,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
-  var _excluded$3z = ["gradient"];
+  var _excluded$3A = ["gradient"];
 
   /**
    * @component DriveIcon
@@ -4910,7 +4910,7 @@
    */
   var DriveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3z);
+      props = _objectWithoutProperties(_ref, _excluded$3A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4930,7 +4930,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
 
-  var _excluded$3y = ["gradient"];
+  var _excluded$3z = ["gradient"];
 
   /**
    * @component DropboxIcon
@@ -4960,7 +4960,7 @@
    */
   var DropboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3y);
+      props = _objectWithoutProperties(_ref, _excluded$3z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4980,7 +4980,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
 
-  var _excluded$3x = ["gradient"];
+  var _excluded$3y = ["gradient"];
 
   /**
    * @component DuplicateIcon
@@ -5010,7 +5010,7 @@
    */
   var DuplicateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3x);
+      props = _objectWithoutProperties(_ref, _excluded$3y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5030,7 +5030,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
 
-  var _excluded$3w = ["gradient"];
+  var _excluded$3x = ["gradient"];
 
   /**
    * @component EditMultipleIcon
@@ -5060,7 +5060,7 @@
    */
   var EditMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3w);
+      props = _objectWithoutProperties(_ref, _excluded$3x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5080,7 +5080,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
 
-  var _excluded$3v = ["gradient"];
+  var _excluded$3w = ["gradient"];
 
   /**
    * @component EditIcon
@@ -5110,7 +5110,7 @@
    */
   var EditIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3v);
+      props = _objectWithoutProperties(_ref, _excluded$3w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5130,7 +5130,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
 
-  var _excluded$3u = ["gradient"];
+  var _excluded$3v = ["gradient"];
 
   /**
    * @component EmojiIcon
@@ -5160,7 +5160,7 @@
    */
   var EmojiIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3u);
+      props = _objectWithoutProperties(_ref, _excluded$3v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5180,7 +5180,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
-  var _excluded$3t = ["gradient"];
+  var _excluded$3u = ["gradient"];
 
   /**
    * @component EstimatePlusIcon
@@ -5210,7 +5210,7 @@
    */
   var EstimatePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3t);
+      props = _objectWithoutProperties(_ref, _excluded$3u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5231,7 +5231,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
 
-  var _excluded$3s = ["gradient"];
+  var _excluded$3t = ["gradient"];
 
   /**
    * @component EstimatesIcon
@@ -5261,7 +5261,7 @@
    */
   var EstimatesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3s);
+      props = _objectWithoutProperties(_ref, _excluded$3t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5285,7 +5285,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
-  var _excluded$3r = ["gradient"];
+  var _excluded$3s = ["gradient"];
 
   /**
    * @component ExpandAllIcon
@@ -5315,7 +5315,7 @@
    */
   var ExpandAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3r);
+      props = _objectWithoutProperties(_ref, _excluded$3s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5335,7 +5335,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
 
-  var _excluded$3q = ["gradient"];
+  var _excluded$3r = ["gradient"];
 
   /**
    * @component ExpenseAddIcon
@@ -5365,7 +5365,7 @@
    */
   var ExpenseAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3q);
+      props = _objectWithoutProperties(_ref, _excluded$3r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5385,7 +5385,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
 
-  var _excluded$3p = ["gradient"];
+  var _excluded$3q = ["gradient"];
 
   /**
    * @component ExpensePlusIcon
@@ -5415,7 +5415,7 @@
    */
   var ExpensePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3p);
+      props = _objectWithoutProperties(_ref, _excluded$3q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5437,7 +5437,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
 
-  var _excluded$3o = ["gradient"];
+  var _excluded$3p = ["gradient"];
 
   /**
    * @component EyeOffSmallIcon
@@ -5467,7 +5467,7 @@
    */
   var EyeOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3o);
+      props = _objectWithoutProperties(_ref, _excluded$3p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -5487,7 +5487,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
 
-  var _excluded$3n = ["gradient"];
+  var _excluded$3o = ["gradient"];
 
   /**
    * @component EyeOffIcon
@@ -5517,7 +5517,7 @@
    */
   var EyeOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3n);
+      props = _objectWithoutProperties(_ref, _excluded$3o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5537,7 +5537,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
 
-  var _excluded$3m = ["gradient"];
+  var _excluded$3n = ["gradient"];
 
   /**
    * @component EyeSmallIcon
@@ -5567,7 +5567,7 @@
    */
   var EyeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3m);
+      props = _objectWithoutProperties(_ref, _excluded$3n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -5587,7 +5587,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
 
-  var _excluded$3l = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component EyeIcon
@@ -5617,7 +5617,7 @@
    */
   var EyeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3l);
+      props = _objectWithoutProperties(_ref, _excluded$3m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5637,7 +5637,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
 
-  var _excluded$3k = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component FilterIcon
@@ -5667,7 +5667,7 @@
    */
   var FilterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3k);
+      props = _objectWithoutProperties(_ref, _excluded$3l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5687,7 +5687,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component FolderMoveIcon
@@ -5717,7 +5717,7 @@
    */
   var FolderMoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3j);
+      props = _objectWithoutProperties(_ref, _excluded$3k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5737,7 +5737,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component FolderOutlineIcon
@@ -5767,7 +5767,7 @@
    */
   var FolderOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3i);
+      props = _objectWithoutProperties(_ref, _excluded$3j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5787,7 +5787,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3i = ["gradient"];
 
   /**
    * @component GiftIcon
@@ -5817,7 +5817,7 @@
    */
   var GiftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3h);
+      props = _objectWithoutProperties(_ref, _excluded$3i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5838,7 +5838,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3h = ["gradient"];
 
   /**
    * @component GroupByIcon
@@ -5868,7 +5868,7 @@
    */
   var GroupByIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5887,7 +5887,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component HashtagIcon
@@ -5917,7 +5917,7 @@
    */
   var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3f);
+      props = _objectWithoutProperties(_ref, _excluded$3g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5938,7 +5938,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -5968,7 +5968,7 @@
    */
   var HelpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3e);
+      props = _objectWithoutProperties(_ref, _excluded$3f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5988,7 +5988,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -6018,7 +6018,7 @@
    */
   var HistoryOfChangesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3d);
+      props = _objectWithoutProperties(_ref, _excluded$3e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6039,7 +6039,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -6069,7 +6069,7 @@
    */
   var ImageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3c);
+      props = _objectWithoutProperties(_ref, _excluded$3d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6090,7 +6090,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -6120,7 +6120,7 @@
    */
   var InfoSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3b);
+      props = _objectWithoutProperties(_ref, _excluded$3c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 15,
       height: 15,
@@ -6140,7 +6140,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -6170,7 +6170,7 @@
    */
   var InfoIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3a);
+      props = _objectWithoutProperties(_ref, _excluded$3b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6190,7 +6190,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -6220,7 +6220,7 @@
    */
   var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$39);
+      props = _objectWithoutProperties(_ref, _excluded$3a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6240,7 +6240,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -6270,7 +6270,7 @@
    */
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$38);
+      props = _objectWithoutProperties(_ref, _excluded$39);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6294,7 +6294,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -6324,7 +6324,7 @@
    */
   var InvoicesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$37);
+      props = _objectWithoutProperties(_ref, _excluded$38);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6348,7 +6348,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -6378,7 +6378,7 @@
    */
   var LabelsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$36);
+      props = _objectWithoutProperties(_ref, _excluded$37);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6398,7 +6398,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -6428,7 +6428,7 @@
    */
   var LetterArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$35);
+      props = _objectWithoutProperties(_ref, _excluded$36);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6449,7 +6449,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -6479,7 +6479,7 @@
    */
   var LetterFastIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$34);
+      props = _objectWithoutProperties(_ref, _excluded$35);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6499,7 +6499,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -6529,7 +6529,7 @@
    */
   var LetterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$33);
+      props = _objectWithoutProperties(_ref, _excluded$34);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6550,7 +6550,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -6580,7 +6580,7 @@
    */
   var LockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$32);
+      props = _objectWithoutProperties(_ref, _excluded$33);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -6600,7 +6600,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component LockIcon
@@ -6630,7 +6630,7 @@
    */
   var LockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$31);
+      props = _objectWithoutProperties(_ref, _excluded$32);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6650,7 +6650,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -6680,7 +6680,7 @@
    */
   var MarkerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$30);
+      props = _objectWithoutProperties(_ref, _excluded$31);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6700,7 +6700,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -6730,7 +6730,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2$);
+      props = _objectWithoutProperties(_ref, _excluded$30);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6749,7 +6749,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -6779,7 +6779,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2_);
+      props = _objectWithoutProperties(_ref, _excluded$2$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6799,7 +6799,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -6829,7 +6829,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Z);
+      props = _objectWithoutProperties(_ref, _excluded$2_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -6849,7 +6849,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -6879,7 +6879,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Y);
+      props = _objectWithoutProperties(_ref, _excluded$2Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6899,6 +6899,59 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
+  var _excluded$2Y = ["gradient"];
+
+  /**
+   * @component MessageStarIcon
+   * @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 (
+   * <MessageStarIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <MessageStarIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var MessageStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
+    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": "MessageStarIcon",
+      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: "M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M17.069 9.783l-2.145 1.128a.408.408 0 01-.591-.43l.41-2.388-1.736-1.691a.408.408 0 01.226-.696l2.398-.348 1.072-2.173a.408.408 0 01.732 0l1.072 2.173 2.398.348a.408.408 0 01.226.696l-1.735 1.691.41 2.388a.408.408 0 01-.592.43l-2.145-1.128z"
+    }));
+  });
+  MessageStarIcon.displayName = "MessageStarIcon";
+  var MessageStarIcon$1 = MessageStarIcon;
+
   var _excluded$2X = ["gradient"];
 
   /**
@@ -21072,7 +21125,7 @@
   });
   StyledChoose$1.displayName = "StyledChoose";
 
-  var _excluded$t = ["children", "disabled", "active", "className"];
+  var _excluded$t = ["children", "disabled", "active", "className", "type"];
   /**
    * Choose component
    */
@@ -21083,11 +21136,14 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "button" : _ref$type,
       args = _objectWithoutProperties(_ref, _excluded$t);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose$1, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-choose", className),
-      active: active
+      active: active,
+      type: type
     }, args), children);
   };
   Choose.displayName = "Choose";
@@ -21152,7 +21208,7 @@
   })(["display:flex;width:100%;"]);
   StyledFlexContainer.displayName = "StyledFlexContainer";
 
-  var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange"];
+  var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange", "type"];
   var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _parentSize$width, _flexSize$width;
     var _ref$required = _ref.required,
@@ -21164,6 +21220,8 @@
       options = _ref.options,
       selected = _ref.selected,
       onChange = _ref.onChange,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "button" : _ref$type,
       rest = _objectWithoutProperties(_ref, _excluded$r);
     var internalRef = React.useRef(null);
     var flexContainerRef = React.useRef(null);
@@ -21271,7 +21329,8 @@
         disabled: option.disabled,
         onClick: function onClick() {
           return handleSelect(option.id);
-        }
+        },
+        type: type
       }, option.name);
     }))));
   });
@@ -25249,6 +25308,7 @@
   exports.MessageIcon = MessageIcon$1;
   exports.MessageSmallIcon = MessageSmallIcon$1;
   exports.MessageSolidIcon = MessageSolidIcon$1;
+  exports.MessageStarIcon = MessageStarIcon$1;
   exports.MinusIcon = MinusIcon$1;
   exports.MobileMenuIcon = MobileMenuIcon$1;
   exports.Modal = Modal;