npm - @activecollab/components - Versions diffs - 2.0.247 → 2.0.249 - Mend

@activecollab/components 2.0.247 → 2.0.249

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/cjs/components/ChooseV2/ChooseV2.js +102 -22
package/dist/cjs/components/ChooseV2/ChooseV2.js.map +1 -1
package/dist/cjs/components/ChooseV2/Styles.js +33 -0
package/dist/cjs/components/ChooseV2/Styles.js.map +1 -0
package/dist/cjs/components/ContentWizard/ContentWizard.js +12 -10
package/dist/cjs/components/ContentWizard/ContentWizard.js.map +1 -1
package/dist/esm/components/ChooseV2/ChooseV2.d.ts +1 -1
package/dist/esm/components/ChooseV2/ChooseV2.d.ts.map +1 -1
package/dist/esm/components/ChooseV2/ChooseV2.js +80 -18
package/dist/esm/components/ChooseV2/ChooseV2.js.map +1 -1
package/dist/esm/components/ChooseV2/Styles.d.ts +6 -0
package/dist/esm/components/ChooseV2/Styles.d.ts.map +1 -0
package/dist/esm/components/ChooseV2/Styles.js +23 -0
package/dist/esm/components/ChooseV2/Styles.js.map +1 -0
package/dist/esm/components/ContentWizard/ContentWizard.d.ts.map +1 -1
package/dist/esm/components/ContentWizard/ContentWizard.js +10 -5
package/dist/esm/components/ContentWizard/ContentWizard.js.map +1 -1
package/dist/index.js +677 -582
package/dist/index.js.map +1 -1
package/dist/index.min.js +1 -1
package/dist/index.min.js.map +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -201,7 +201,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
-  var _excluded$4O = ["children", "active", "variant", "size", "className"];
+  var _excluded$4P = ["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$4O);
+      args = _objectWithoutProperties(_ref, _excluded$4P);
     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$4N = ["gradient"];
+  var _excluded$4O = ["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$4N);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     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$4M = ["className", "disabled"];
+  var _excluded$4N = ["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$4M);
+      rest = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -389,12 +389,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
-  var _excluded$4L = ["children", "className", "invalid"];
+  var _excluded$4M = ["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$4L);
+      rest = _objectWithoutProperties(_ref, _excluded$4M);
     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$4K = ["children", "className"];
+  var _excluded$4L = ["children", "className"];
   var ListItem = /*#__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(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -432,21 +432,21 @@
   });
   ListItem.displayName = "ListItem";
-  var _excluded$4J = ["className"];
+  var _excluded$4K = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
-  var _excluded$4I = ["children", "className"];
+  var _excluded$4J = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4J);
     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$4H = ["children", "className", "variant", "size", "active"];
+  var _excluded$4I = ["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$4H);
+      args = _objectWithoutProperties(_ref, _excluded$4I);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1000,7 +1000,7 @@
   });
   IconButton.displayName = "IconButton";
-  var _excluded$4G = ["gradient"];
+  var _excluded$4H = ["gradient"];
   /**
    * @component AccessLogIcon
@@ -1030,7 +1030,7 @@
    */
   var AccessLogIcon = /*#__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,
@@ -1058,7 +1058,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
-  var _excluded$4F = ["gradient"];
+  var _excluded$4G = ["gradient"];
   /**
    * @component ActivityIcon
@@ -1088,7 +1088,7 @@
    */
   var ActivityIcon = /*#__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,
@@ -1112,7 +1112,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
-  var _excluded$4E = ["gradient"];
+  var _excluded$4F = ["gradient"];
   /**
    * @component AddCrossIcon
@@ -1142,7 +1142,7 @@
    */
   var AddCrossIcon = /*#__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: 10,
       height: 10,
@@ -1162,7 +1162,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
-  var _excluded$4D = ["gradient"];
+  var _excluded$4E = ["gradient"];
   /**
    * @component ArchiveIcon
@@ -1192,7 +1192,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4D);
+      props = _objectWithoutProperties(_ref, _excluded$4E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1213,7 +1213,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
-  var _excluded$4C = ["gradient"];
+  var _excluded$4D = ["gradient"];
   /**
    * @component ArrowBackMobileIcon
@@ -1243,7 +1243,7 @@
    */
   var ArrowBackMobileIcon = /*#__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,
@@ -1264,7 +1264,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
-  var _excluded$4B = ["gradient"];
+  var _excluded$4C = ["gradient"];
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1294,7 +1294,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__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,
@@ -1314,7 +1314,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
-  var _excluded$4A = ["gradient"];
+  var _excluded$4B = ["gradient"];
   /**
    * @component ArrowDownLongIcon
@@ -1344,7 +1344,7 @@
    */
   var ArrowDownLongIcon = /*#__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,
@@ -1364,7 +1364,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
-  var _excluded$4z = ["gradient"];
+  var _excluded$4A = ["gradient"];
   /**
    * @component ArrowDownSmallIcon
@@ -1394,7 +1394,7 @@
    */
   var ArrowDownSmallIcon = /*#__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: 16,
       height: 16,
@@ -1414,7 +1414,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
-  var _excluded$4y = ["gradient"];
+  var _excluded$4z = ["gradient"];
   /**
    * @component ArrowDownIcon
@@ -1444,7 +1444,7 @@
    */
   var ArrowDownIcon = /*#__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,
@@ -1463,7 +1463,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
-  var _excluded$4x = ["gradient"];
+  var _excluded$4y = ["gradient"];
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1493,7 +1493,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__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,
@@ -1513,7 +1513,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
-  var _excluded$4w = ["gradient"];
+  var _excluded$4x = ["gradient"];
   /**
    * @component ArrowLeftBoxIcon
@@ -1543,7 +1543,7 @@
    */
   var ArrowLeftBoxIcon = /*#__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,
@@ -1563,7 +1563,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
-  var _excluded$4v = ["gradient"];
+  var _excluded$4w = ["gradient"];
   /**
    * @component ArrowLeftIcon
@@ -1593,7 +1593,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1613,7 +1613,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
-  var _excluded$4u = ["gradient"];
+  var _excluded$4v = ["gradient"];
   /**
    * @component ArrowRefreshIcon
@@ -1643,7 +1643,7 @@
    */
   var ArrowRefreshIcon = /*#__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,
@@ -1664,7 +1664,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
-  var _excluded$4t = ["gradient"];
+  var _excluded$4u = ["gradient"];
   /**
    * @component ArrowRestoreIcon
@@ -1694,7 +1694,7 @@
    */
   var ArrowRestoreIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1714,7 +1714,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
-  var _excluded$4s = ["gradient"];
+  var _excluded$4t = ["gradient"];
   /**
    * @component ArrowRightIcon
@@ -1744,7 +1744,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1764,7 +1764,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
-  var _excluded$4r = ["gradient"];
+  var _excluded$4s = ["gradient"];
   /**
    * @component ArrowUpLongIcon
@@ -1794,7 +1794,7 @@
    */
   var ArrowUpLongIcon = /*#__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,
@@ -1814,7 +1814,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
-  var _excluded$4q = ["gradient"];
+  var _excluded$4r = ["gradient"];
   /**
    * @component ArrowUpIcon
@@ -1844,7 +1844,7 @@
    */
   var ArrowUpIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1863,7 +1863,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
-  var _excluded$4p = ["gradient"];
+  var _excluded$4q = ["gradient"];
   /**
    * @component AssignIcon
@@ -1893,7 +1893,7 @@
    */
   var AssignIcon = /*#__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,
@@ -1913,7 +1913,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
-  var _excluded$4o = ["gradient"];
+  var _excluded$4p = ["gradient"];
   /**
    * @component AttachmentIcon
@@ -1943,7 +1943,7 @@
    */
   var AttachmentIcon = /*#__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,
@@ -1963,7 +1963,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
-  var _excluded$4n = ["gradient"];
+  var _excluded$4o = ["gradient"];
   /**
    * @component BellOffSmallIcon
@@ -1993,7 +1993,7 @@
    */
   var BellOffSmallIcon = /*#__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: 12,
       height: 12,
@@ -2013,7 +2013,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
-  var _excluded$4m = ["gradient"];
+  var _excluded$4n = ["gradient"];
   /**
    * @component BellOffIcon
@@ -2043,7 +2043,7 @@
    */
   var BellOffIcon = /*#__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,
@@ -2063,7 +2063,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
-  var _excluded$4l = ["gradient"];
+  var _excluded$4m = ["gradient"];
   /**
    * @component BillingIcon
@@ -2093,7 +2093,7 @@
    */
   var BillingIcon = /*#__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,
@@ -2114,7 +2114,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
-  var _excluded$4k = ["gradient"];
+  var _excluded$4l = ["gradient"];
   /**
    * @component BudgetAlertIcon
@@ -2144,7 +2144,7 @@
    */
   var BudgetAlertIcon = /*#__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,
@@ -2164,7 +2164,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
-  var _excluded$4j = ["gradient"];
+  var _excluded$4k = ["gradient"];
   /**
    * @component CalendarAddXIcon
@@ -2194,7 +2194,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4j);
+      props = _objectWithoutProperties(_ref, _excluded$4k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2214,7 +2214,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
-  var _excluded$4i = ["gradient"];
+  var _excluded$4j = ["gradient"];
   /**
    * @component CalendarImportIcon
@@ -2244,7 +2244,7 @@
    */
   var CalendarImportIcon = /*#__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: 18,
       height: 18,
@@ -2267,7 +2267,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
-  var _excluded$4h = ["gradient"];
+  var _excluded$4i = ["gradient"];
   /**
    * @component CalendarIcon
@@ -2297,7 +2297,7 @@
    */
   var CalendarIcon = /*#__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,
@@ -2317,7 +2317,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
-  var _excluded$4g = ["gradient"];
+  var _excluded$4h = ["gradient"];
   /**
    * @component CancelCrossIcon
@@ -2347,7 +2347,7 @@
    */
   var CancelCrossIcon = /*#__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,
@@ -2367,7 +2367,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
-  var _excluded$4f = ["gradient"];
+  var _excluded$4g = ["gradient"];
   /**
    * @component CaretLeftIcon
@@ -2397,7 +2397,7 @@
    */
   var CaretLeftIcon = /*#__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: 18,
       height: 18,
@@ -2417,7 +2417,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
-  var _excluded$4e = ["gradient"];
+  var _excluded$4f = ["gradient"];
   /**
    * @component CaretRightIcon
@@ -2447,7 +2447,7 @@
    */
   var CaretRightIcon = /*#__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: 18,
       height: 18,
@@ -2467,7 +2467,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
-  var _excluded$4d = ["gradient"];
+  var _excluded$4e = ["gradient"];
   /**
    * @component ChatIcon
@@ -2497,7 +2497,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4d);
+      props = _objectWithoutProperties(_ref, _excluded$4e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2517,7 +2517,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
-  var _excluded$4c = ["gradient"];
+  var _excluded$4d = ["gradient"];
   /**
    * @component CheckIcon
@@ -2547,7 +2547,7 @@
    */
   var CheckIcon = /*#__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,
@@ -2567,7 +2567,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
-  var _excluded$4b = ["gradient"];
+  var _excluded$4c = ["gradient"];
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2597,7 +2597,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__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,
@@ -2617,7 +2617,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
-  var _excluded$4a = ["gradient"];
+  var _excluded$4b = ["gradient"];
   /**
    * @component CheckboxCircleArrowIcon
@@ -2647,7 +2647,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__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,
@@ -2667,7 +2667,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
-  var _excluded$49 = ["gradient"];
+  var _excluded$4a = ["gradient"];
   /**
    * @component CheckboxDocumentsIcon
@@ -2697,7 +2697,7 @@
    */
   var CheckboxDocumentsIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2717,7 +2717,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
-  var _excluded$48 = ["gradient"];
+  var _excluded$49 = ["gradient"];
   /**
    * @component CheckboxIcon
@@ -2747,7 +2747,7 @@
    */
   var CheckboxIcon$2 = /*#__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: 16,
       height: 16,
@@ -2777,7 +2777,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
-  var _excluded$47 = ["gradient"];
+  var _excluded$48 = ["gradient"];
   /**
    * @component ChecklistSmallIcon
@@ -2807,7 +2807,7 @@
    */
   var ChecklistSmallIcon = /*#__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: 12,
       height: 12,
@@ -2827,7 +2827,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
-  var _excluded$46 = ["gradient"];
+  var _excluded$47 = ["gradient"];
   /**
    * @component ChecklistIcon
@@ -2857,7 +2857,7 @@
    */
   var ChecklistIcon = /*#__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: 24,
       height: 24,
@@ -2877,7 +2877,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
-  var _excluded$45 = ["gradient"];
+  var _excluded$46 = ["gradient"];
   /**
    * @component CircleMultipleIcon
@@ -2907,7 +2907,7 @@
    */
   var CircleMultipleIcon = /*#__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,
@@ -2927,7 +2927,7 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
-  var _excluded$44 = ["gradient"];
+  var _excluded$45 = ["gradient"];
   /**
    * @component ClockAddIcon
@@ -2957,7 +2957,7 @@
    */
   var ClockAddIcon = /*#__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: 24,
       height: 24,
@@ -2977,7 +2977,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
-  var _excluded$43 = ["gradient"];
+  var _excluded$44 = ["gradient"];
   /**
    * @component ClockDollarIcon
@@ -3007,7 +3007,7 @@
    */
   var ClockDollarIcon = /*#__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,
@@ -3030,7 +3030,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
-  var _excluded$42 = ["gradient"];
+  var _excluded$43 = ["gradient"];
   /**
    * @component ClockSmallIcon
@@ -3060,7 +3060,7 @@
    */
   var ClockSmallIcon = /*#__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: 12,
       height: 12,
@@ -3080,7 +3080,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
-  var _excluded$41 = ["gradient"];
+  var _excluded$42 = ["gradient"];
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3110,7 +3110,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__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,
@@ -3131,7 +3131,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
-  var _excluded$40 = ["gradient"];
+  var _excluded$41 = ["gradient"];
   /**
    * @component ClockStopwatchSmallIcon
@@ -3161,7 +3161,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__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({
       width: 12,
       height: 12,
@@ -3181,7 +3181,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
-  var _excluded$3$ = ["gradient"];
+  var _excluded$40 = ["gradient"];
   /**
    * @component ClockStopwatchIcon
@@ -3211,7 +3211,7 @@
    */
   var ClockStopwatchIcon = /*#__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,
@@ -3231,7 +3231,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
-  var _excluded$3_ = ["gradient"];
+  var _excluded$3$ = ["gradient"];
   /**
    * @component ClockIcon
@@ -3261,7 +3261,7 @@
    */
   var ClockIcon = /*#__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,
@@ -3281,7 +3281,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3_ = ["gradient"];
   /**
    * @component CloseCircleIcon
@@ -3311,7 +3311,7 @@
    */
   var CloseCircleIcon = /*#__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: 24,
       height: 24,
@@ -3332,7 +3332,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3Z = ["gradient"];
   /**
    * @component CloseDocumentIcon
@@ -3362,7 +3362,7 @@
    */
   var CloseDocumentIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3382,7 +3382,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Y = ["gradient"];
   /**
    * @component CloseSmallIcon
@@ -3412,7 +3412,7 @@
    */
   var CloseSmallIcon = /*#__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,
@@ -3432,7 +3432,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
-  var _excluded$3W = ["gradient"];
+  var _excluded$3X = ["gradient"];
   /**
    * @component CloseIcon
@@ -3462,7 +3462,7 @@
    */
   var CloseIcon = /*#__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,
@@ -3483,7 +3483,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
-  var _excluded$3V = ["gradient"];
+  var _excluded$3W = ["gradient"];
   /**
    * @component CollapsIcon
@@ -3513,7 +3513,7 @@
    */
   var CollapsIcon = /*#__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: 6,
       height: 9,
@@ -3533,7 +3533,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
-  var _excluded$3U = ["gradient"];
+  var _excluded$3V = ["gradient"];
   /**
    * @component CollapseAllIcon
@@ -3563,7 +3563,7 @@
    */
   var CollapseAllIcon = /*#__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,
@@ -3583,7 +3583,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
-  var _excluded$3T = ["gradient"];
+  var _excluded$3U = ["gradient"];
   /**
    * @component CollapseExpandSingleIcon
@@ -3613,7 +3613,7 @@
    */
   var CollapseExpandSingleIcon = /*#__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,
@@ -3633,7 +3633,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
-  var _excluded$3S = ["gradient"];
+  var _excluded$3T = ["gradient"];
   /**
    * @component CompanyAddIcon
@@ -3663,7 +3663,7 @@
    */
   var CompanyAddIcon = /*#__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: 18,
       height: 20,
@@ -3684,7 +3684,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
-  var _excluded$3R = ["gradient"];
+  var _excluded$3S = ["gradient"];
   /**
    * @component CompanyIcon
@@ -3714,7 +3714,7 @@
    */
   var CompanyIcon = /*#__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,
@@ -3735,7 +3735,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3R = ["gradient"];
   /**
    * @component ComputerIcon
@@ -3765,7 +3765,7 @@
    */
   var ComputerIcon = /*#__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,
@@ -3785,7 +3785,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
-  var _excluded$3P = ["gradient"];
+  var _excluded$3Q = ["gradient"];
   /**
    * @component CopyIcon
@@ -3815,7 +3815,7 @@
    */
   var CopyIcon = /*#__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,
@@ -3835,7 +3835,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
-  var _excluded$3O = ["gradient"];
+  var _excluded$3P = ["gradient"];
   /**
    * @component CrownBlankIcon
@@ -3865,7 +3865,7 @@
    */
   var CrownBlankIcon = /*#__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: 24,
       height: 24,
@@ -3885,7 +3885,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
-  var _excluded$3N = ["gradient"];
+  var _excluded$3O = ["gradient"];
   /**
    * @component CrownSelectedIcon
@@ -3915,7 +3915,7 @@
    */
   var CrownSelectedIcon = /*#__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,
@@ -3935,7 +3935,7 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
-  var _excluded$3M = ["gradient"];
+  var _excluded$3N = ["gradient"];
   /**
    * @component DependencySmallIcon
@@ -3965,7 +3965,7 @@
    */
   var DependencySmallIcon = /*#__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,
@@ -3985,7 +3985,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
-  var _excluded$3L = ["gradient"];
+  var _excluded$3M = ["gradient"];
   /**
    * @component DependencyIcon
@@ -4015,7 +4015,7 @@
    */
   var DependencyIcon = /*#__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,
@@ -4035,7 +4035,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
-  var _excluded$3K = ["gradient"];
+  var _excluded$3L = ["gradient"];
   /**
    * @component DescriptionSmallIcon
@@ -4065,7 +4065,7 @@
    */
   var DescriptionSmallIcon = /*#__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: 18,
       height: 18,
@@ -4086,7 +4086,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
-  var _excluded$3J = ["gradient"];
+  var _excluded$3K = ["gradient"];
   /**
    * @component DescriptionIcon
@@ -4116,7 +4116,7 @@
    */
   var DescriptionIcon = /*#__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,
@@ -4136,7 +4136,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
-  var _excluded$3I = ["gradient"];
+  var _excluded$3J = ["gradient"];
   /**
    * @component DiscussionAddIcon
@@ -4166,7 +4166,7 @@
    */
   var DiscussionAddIcon = /*#__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,
@@ -4186,7 +4186,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
-  var _excluded$3H = ["gradient"];
+  var _excluded$3I = ["gradient"];
   /**
    * @component DiscussionIcon
@@ -4216,7 +4216,7 @@
    */
   var DiscussionIcon = /*#__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,
@@ -4237,7 +4237,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
-  var _excluded$3G = ["gradient"];
+  var _excluded$3H = ["gradient"];
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4267,7 +4267,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__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: 12,
       height: 12,
@@ -4287,7 +4287,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
-  var _excluded$3F = ["gradient"];
+  var _excluded$3G = ["gradient"];
   /**
    * @component DollarCheckmarkIcon
@@ -4317,7 +4317,7 @@
    */
   var DollarCheckmarkIcon = /*#__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,
@@ -4337,7 +4337,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
-  var _excluded$3E = ["gradient"];
+  var _excluded$3F = ["gradient"];
   /**
    * @component DollarClockSmallIcon
@@ -4367,7 +4367,7 @@
    */
   var DollarClockSmallIcon = /*#__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,
@@ -4387,7 +4387,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
-  var _excluded$3D = ["gradient"];
+  var _excluded$3E = ["gradient"];
   /**
    * @component DollarClockIcon
@@ -4417,7 +4417,7 @@
    */
   var DollarClockIcon = /*#__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,
@@ -4437,7 +4437,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
-  var _excluded$3C = ["gradient"];
+  var _excluded$3D = ["gradient"];
   /**
    * @component DollarDocumentPlusIcon
@@ -4467,7 +4467,7 @@
    */
   var DollarDocumentPlusIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4487,7 +4487,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
-  var _excluded$3B = ["gradient"];
+  var _excluded$3C = ["gradient"];
   /**
    * @component DollarDocumentIcon
@@ -4517,7 +4517,7 @@
    */
   var DollarDocumentIcon = /*#__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,
@@ -4538,7 +4538,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
-  var _excluded$3A = ["gradient"];
+  var _excluded$3B = ["gradient"];
   /**
    * @component DollarOffSmallIcon
@@ -4568,7 +4568,7 @@
    */
   var DollarOffSmallIcon = /*#__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: 12,
       height: 12,
@@ -4588,7 +4588,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
-  var _excluded$3z = ["gradient"];
+  var _excluded$3A = ["gradient"];
   /**
    * @component DollarOffIcon
@@ -4618,7 +4618,7 @@
    */
   var DollarOffIcon = /*#__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,
@@ -4638,7 +4638,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
-  var _excluded$3y = ["gradient"];
+  var _excluded$3z = ["gradient"];
   /**
    * @component DollarSmallIcon
@@ -4668,7 +4668,7 @@
    */
   var DollarSmallIcon = /*#__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: 12,
       height: 12,
@@ -4688,7 +4688,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
-  var _excluded$3x = ["gradient"];
+  var _excluded$3y = ["gradient"];
   /**
    * @component DollarIcon
@@ -4718,7 +4718,7 @@
    */
   var DollarIcon = /*#__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,
@@ -4738,7 +4738,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
-  var _excluded$3w = ["gradient"];
+  var _excluded$3x = ["gradient"];
   /**
    * @component DownloadIcon
@@ -4768,7 +4768,7 @@
    */
   var DownloadIcon = /*#__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,
@@ -4788,7 +4788,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
-  var _excluded$3v = ["gradient"];
+  var _excluded$3w = ["gradient"];
   /**
    * @component DriveIcon
@@ -4818,7 +4818,7 @@
    */
   var DriveIcon = /*#__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,
@@ -4838,7 +4838,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
-  var _excluded$3u = ["gradient"];
+  var _excluded$3v = ["gradient"];
   /**
    * @component DropboxIcon
@@ -4868,7 +4868,7 @@
    */
   var DropboxIcon = /*#__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,
@@ -4888,7 +4888,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
-  var _excluded$3t = ["gradient"];
+  var _excluded$3u = ["gradient"];
   /**
    * @component DuplicateIcon
@@ -4918,7 +4918,7 @@
    */
   var DuplicateIcon = /*#__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,
@@ -4938,7 +4938,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
-  var _excluded$3s = ["gradient"];
+  var _excluded$3t = ["gradient"];
   /**
    * @component EditMultipleIcon
@@ -4968,7 +4968,7 @@
    */
   var EditMultipleIcon = /*#__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,
@@ -4988,7 +4988,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
-  var _excluded$3r = ["gradient"];
+  var _excluded$3s = ["gradient"];
   /**
    * @component EditIcon
@@ -5018,7 +5018,7 @@
    */
   var EditIcon = /*#__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,
@@ -5038,7 +5038,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
-  var _excluded$3q = ["gradient"];
+  var _excluded$3r = ["gradient"];
   /**
    * @component EmojiIcon
@@ -5068,7 +5068,7 @@
    */
   var EmojiIcon = /*#__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,
@@ -5088,7 +5088,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
-  var _excluded$3p = ["gradient"];
+  var _excluded$3q = ["gradient"];
   /**
    * @component EstimatePlusIcon
@@ -5118,7 +5118,7 @@
    */
   var EstimatePlusIcon = /*#__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,
@@ -5139,7 +5139,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
-  var _excluded$3o = ["gradient"];
+  var _excluded$3p = ["gradient"];
   /**
    * @component EstimatesIcon
@@ -5169,7 +5169,7 @@
    */
   var EstimatesIcon = /*#__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: 24,
       height: 24,
@@ -5193,7 +5193,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
-  var _excluded$3n = ["gradient"];
+  var _excluded$3o = ["gradient"];
   /**
    * @component ExpandAllIcon
@@ -5223,7 +5223,7 @@
    */
   var ExpandAllIcon = /*#__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,
@@ -5243,7 +5243,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
-  var _excluded$3m = ["gradient"];
+  var _excluded$3n = ["gradient"];
   /**
    * @component ExpenseAddIcon
@@ -5273,7 +5273,7 @@
    */
   var ExpenseAddIcon = /*#__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,
@@ -5293,7 +5293,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
-  var _excluded$3l = ["gradient"];
+  var _excluded$3m = ["gradient"];
   /**
    * @component ExpensePlusIcon
@@ -5323,7 +5323,7 @@
    */
   var ExpensePlusIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5345,7 +5345,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
-  var _excluded$3k = ["gradient"];
+  var _excluded$3l = ["gradient"];
   /**
    * @component EyeOffSmallIcon
@@ -5375,7 +5375,7 @@
    */
   var EyeOffSmallIcon = /*#__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,
@@ -5395,7 +5395,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
-  var _excluded$3j = ["gradient"];
+  var _excluded$3k = ["gradient"];
   /**
    * @component EyeOffIcon
@@ -5425,7 +5425,7 @@
    */
   var EyeOffIcon = /*#__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,
@@ -5445,7 +5445,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
-  var _excluded$3i = ["gradient"];
+  var _excluded$3j = ["gradient"];
   /**
    * @component EyeSmallIcon
@@ -5475,7 +5475,7 @@
    */
   var EyeSmallIcon = /*#__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,
@@ -5495,7 +5495,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
-  var _excluded$3h = ["gradient"];
+  var _excluded$3i = ["gradient"];
   /**
    * @component EyeIcon
@@ -5525,7 +5525,7 @@
    */
   var EyeIcon = /*#__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,
@@ -5545,7 +5545,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
-  var _excluded$3g = ["gradient"];
+  var _excluded$3h = ["gradient"];
   /**
    * @component FilterIcon
@@ -5575,7 +5575,7 @@
    */
   var FilterIcon = /*#__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,
@@ -5595,7 +5595,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
-  var _excluded$3f = ["gradient"];
+  var _excluded$3g = ["gradient"];
   /**
    * @component FolderMoveIcon
@@ -5625,7 +5625,7 @@
    */
   var FolderMoveIcon = /*#__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,
@@ -5645,7 +5645,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
-  var _excluded$3e = ["gradient"];
+  var _excluded$3f = ["gradient"];
   /**
    * @component FolderOutlineIcon
@@ -5675,7 +5675,7 @@
    */
   var FolderOutlineIcon = /*#__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,
@@ -5695,7 +5695,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
-  var _excluded$3d = ["gradient"];
+  var _excluded$3e = ["gradient"];
   /**
    * @component GiftIcon
@@ -5725,7 +5725,7 @@
    */
   var GiftIcon = /*#__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,
@@ -5746,7 +5746,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
-  var _excluded$3c = ["gradient"];
+  var _excluded$3d = ["gradient"];
   /**
    * @component GroupByIcon
@@ -5776,7 +5776,7 @@
    */
   var GroupByIcon = /*#__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,
@@ -5795,7 +5795,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
-  var _excluded$3b = ["gradient"];
+  var _excluded$3c = ["gradient"];
   /**
    * @component HashtagIcon
@@ -5825,7 +5825,7 @@
    */
   var HashtagIcon = /*#__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,
@@ -5846,7 +5846,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
-  var _excluded$3a = ["gradient"];
+  var _excluded$3b = ["gradient"];
   /**
    * @component HelpIcon
@@ -5876,7 +5876,7 @@
    */
   var HelpIcon = /*#__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,
@@ -5896,7 +5896,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
-  var _excluded$39 = ["gradient"];
+  var _excluded$3a = ["gradient"];
   /**
    * @component HistoryOfChangesIcon
@@ -5926,7 +5926,7 @@
    */
   var HistoryOfChangesIcon = /*#__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,
@@ -5947,7 +5947,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
-  var _excluded$38 = ["gradient"];
+  var _excluded$39 = ["gradient"];
   /**
    * @component ImageIcon
@@ -5977,7 +5977,7 @@
    */
   var ImageIcon = /*#__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,
@@ -5998,7 +5998,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
-  var _excluded$37 = ["gradient"];
+  var _excluded$38 = ["gradient"];
   /**
    * @component InfoSmallIcon
@@ -6028,7 +6028,7 @@
    */
   var InfoSmallIcon = /*#__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: 15,
       height: 15,
@@ -6048,7 +6048,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
-  var _excluded$36 = ["gradient"];
+  var _excluded$37 = ["gradient"];
   /**
    * @component InfoIcon
@@ -6078,7 +6078,7 @@
    */
   var InfoIcon = /*#__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,
@@ -6098,7 +6098,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
-  var _excluded$35 = ["gradient"];
+  var _excluded$36 = ["gradient"];
   /**
    * @component InsertLinkIcon
@@ -6128,7 +6128,7 @@
    */
   var InsertLinkIcon = /*#__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,
@@ -6148,7 +6148,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
-  var _excluded$34 = ["gradient"];
+  var _excluded$35 = ["gradient"];
   /**
    * @component IntegrationsIcon
@@ -6178,7 +6178,7 @@
    */
   var IntegrationsIcon = /*#__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({
       width: 24,
       height: 24,
@@ -6202,7 +6202,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
-  var _excluded$33 = ["gradient"];
+  var _excluded$34 = ["gradient"];
   /**
    * @component InvoicesIcon
@@ -6232,7 +6232,7 @@
    */
   var InvoicesIcon = /*#__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,
@@ -6256,7 +6256,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
-  var _excluded$32 = ["gradient"];
+  var _excluded$33 = ["gradient"];
   /**
    * @component LabelsIcon
@@ -6286,7 +6286,7 @@
    */
   var LabelsIcon = /*#__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: 24,
       height: 24,
@@ -6306,7 +6306,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
-  var _excluded$31 = ["gradient"];
+  var _excluded$32 = ["gradient"];
   /**
    * @component LetterArrowRightIcon
@@ -6336,7 +6336,7 @@
    */
   var LetterArrowRightIcon = /*#__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,
@@ -6357,7 +6357,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
-  var _excluded$30 = ["gradient"];
+  var _excluded$31 = ["gradient"];
   /**
    * @component LetterFastIcon
@@ -6387,7 +6387,7 @@
    */
   var LetterFastIcon = /*#__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({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6407,7 +6407,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
-  var _excluded$2$ = ["gradient"];
+  var _excluded$30 = ["gradient"];
   /**
    * @component LetterIcon
@@ -6437,7 +6437,7 @@
    */
   var LetterIcon = /*#__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,
@@ -6458,7 +6458,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
-  var _excluded$2_ = ["gradient"];
+  var _excluded$2$ = ["gradient"];
   /**
    * @component LockSmallIcon
@@ -6488,7 +6488,7 @@
    */
   var LockSmallIcon = /*#__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: 12,
       height: 12,
@@ -6508,7 +6508,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
-  var _excluded$2Z = ["gradient"];
+  var _excluded$2_ = ["gradient"];
   /**
    * @component LockIcon
@@ -6538,7 +6538,7 @@
    */
   var LockIcon = /*#__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: 24,
       height: 24,
@@ -6558,7 +6558,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2Z = ["gradient"];
   /**
    * @component MarkerIcon
@@ -6588,7 +6588,7 @@
    */
   var MarkerIcon = /*#__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({
       width: 24,
       height: 24,
@@ -6608,7 +6608,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
-  var _excluded$2X = ["gradient"];
+  var _excluded$2Y = ["gradient"];
   /**
    * @component MessageAddIcon
@@ -6638,7 +6638,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2X);
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6657,7 +6657,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
-  var _excluded$2W = ["gradient"];
+  var _excluded$2X = ["gradient"];
   /**
    * @component MessageEmptyIcon
@@ -6687,7 +6687,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2W);
+      props = _objectWithoutProperties(_ref, _excluded$2X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6707,7 +6707,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
-  var _excluded$2V = ["gradient"];
+  var _excluded$2W = ["gradient"];
   /**
    * @component MessageSmallIcon
@@ -6737,7 +6737,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2V);
+      props = _objectWithoutProperties(_ref, _excluded$2W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -6757,7 +6757,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
-  var _excluded$2U = ["gradient"];
+  var _excluded$2V = ["gradient"];
   /**
    * @component MessageSolidIcon
@@ -6787,7 +6787,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2U);
+      props = _objectWithoutProperties(_ref, _excluded$2V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6807,7 +6807,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
-  var _excluded$2T = ["gradient"];
+  var _excluded$2U = ["gradient"];
   /**
    * @component MessageIcon
@@ -6837,7 +6837,7 @@
    */
   var MessageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2T);
+      props = _objectWithoutProperties(_ref, _excluded$2U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6857,7 +6857,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
-  var _excluded$2S = ["gradient"];
+  var _excluded$2T = ["gradient"];
   /**
    * @component MinusIcon
@@ -6887,7 +6887,7 @@
    */
   var MinusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6911,7 +6911,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
-  var _excluded$2R = ["gradient"];
+  var _excluded$2S = ["gradient"];
   /**
    * @component MobileMenuIcon
@@ -6941,7 +6941,7 @@
    */
   var MobileMenuIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6962,7 +6962,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2R = ["gradient"];
   /**
    * @component MoonIcon
@@ -6992,7 +6992,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 20,
       height: 20,
@@ -7013,7 +7013,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
-  var _excluded$2P = ["gradient"];
+  var _excluded$2Q = ["gradient"];
   /**
    * @component MoveTriggerIcon
@@ -7043,7 +7043,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -7063,7 +7063,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
-  var _excluded$2O = ["gradient"];
+  var _excluded$2P = ["gradient"];
   /**
    * @component MoveIcon
@@ -7093,7 +7093,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7114,7 +7114,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
-  var _excluded$2N = ["gradient"];
+  var _excluded$2O = ["gradient"];
   /**
    * @component MyWorkIcon
@@ -7144,7 +7144,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7168,7 +7168,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
-  var _excluded$2M = ["gradient"];
+  var _excluded$2N = ["gradient"];
   /**
    * @component NoteAddIcon
@@ -7198,7 +7198,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7218,7 +7218,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
-  var _excluded$2L = ["gradient"];
+  var _excluded$2M = ["gradient"];
   /**
    * @component NoteIcon
@@ -7248,7 +7248,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7268,7 +7268,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
-  var _excluded$2K = ["gradient"];
+  var _excluded$2L = ["gradient"];
   /**
    * @component NotebookIcon
@@ -7298,7 +7298,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7318,7 +7318,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
-  var _excluded$2J = ["gradient"];
+  var _excluded$2K = ["gradient"];
   /**
    * @component NotificationBellIcon
@@ -7348,7 +7348,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7367,7 +7367,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
-  var _excluded$2I = ["gradient"];
+  var _excluded$2J = ["gradient"];
   /**
    * @component OpenExpandedIcon
@@ -7397,7 +7397,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7417,7 +7417,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
-  var _excluded$2H = ["gradient"];
+  var _excluded$2I = ["gradient"];
   /**
    * @component OpenSheetIcon
@@ -7447,7 +7447,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7472,7 +7472,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
-  var _excluded$2G = ["gradient"];
+  var _excluded$2H = ["gradient"];
   /**
    * @component OrderFirstIcon
@@ -7502,7 +7502,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7522,7 +7522,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
-  var _excluded$2F = ["gradient"];
+  var _excluded$2G = ["gradient"];
   /**
    * @component PaidSmallIcon
@@ -7552,7 +7552,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7572,7 +7572,7 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
-  var _excluded$2E = ["gradient"];
+  var _excluded$2F = ["gradient"];
   /**
    * @component PauseCircleOutlineIcon
@@ -7602,7 +7602,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7622,7 +7622,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
-  var _excluded$2D = ["gradient"];
+  var _excluded$2E = ["gradient"];
   /**
    * @component PauseIcon
@@ -7652,7 +7652,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7672,7 +7672,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
-  var _excluded$2C = ["gradient"];
+  var _excluded$2D = ["gradient"];
   /**
    * @component PauseSmallIcon
@@ -7702,7 +7702,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7722,7 +7722,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
-  var _excluded$2B = ["gradient"];
+  var _excluded$2C = ["gradient"];
   /**
    * @component PencilSmallIcon
@@ -7752,7 +7752,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7771,7 +7771,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
-  var _excluded$2A = ["gradient"];
+  var _excluded$2B = ["gradient"];
   /**
    * @component PencilIcon
@@ -7801,7 +7801,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7820,7 +7820,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
-  var _excluded$2z = ["gradient"];
+  var _excluded$2A = ["gradient"];
   /**
    * @component PendingPaymentSmallIcon
@@ -7850,7 +7850,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7870,7 +7870,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
-  var _excluded$2y = ["gradient"];
+  var _excluded$2z = ["gradient"];
   /**
    * @component PeopleIcon
@@ -7900,7 +7900,7 @@
    */
   var PeopleIcon = /*#__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({
       width: 24,
       height: 24,
@@ -7924,7 +7924,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
-  var _excluded$2x = ["gradient"];
+  var _excluded$2y = ["gradient"];
   /**
    * @component PersonArrowOutCircleIcon
@@ -7954,7 +7954,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7975,7 +7975,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
-  var _excluded$2w = ["gradient"];
+  var _excluded$2x = ["gradient"];
   /**
    * @component PersonCircleOffIcon
@@ -8005,7 +8005,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2w);
+      props = _objectWithoutProperties(_ref, _excluded$2x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8025,7 +8025,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
-  var _excluded$2v = ["gradient"];
+  var _excluded$2w = ["gradient"];
   /**
    * @component PersonCircleIcon
@@ -8055,7 +8055,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2v);
+      props = _objectWithoutProperties(_ref, _excluded$2w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8075,7 +8075,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
-  var _excluded$2u = ["gradient"];
+  var _excluded$2v = ["gradient"];
   /**
    * @component PersonListIcon
@@ -8105,7 +8105,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2u);
+      props = _objectWithoutProperties(_ref, _excluded$2v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8126,7 +8126,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
-  var _excluded$2t = ["gradient"];
+  var _excluded$2u = ["gradient"];
   /**
    * @component PersonPlusIcon
@@ -8156,7 +8156,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2t);
+      props = _objectWithoutProperties(_ref, _excluded$2u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8176,7 +8176,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
-  var _excluded$2s = ["gradient"];
+  var _excluded$2t = ["gradient"];
   /**
    * @component PersonIcon
@@ -8206,7 +8206,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2s);
+      props = _objectWithoutProperties(_ref, _excluded$2t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8226,7 +8226,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
-  var _excluded$2r = ["gradient"];
+  var _excluded$2s = ["gradient"];
   /**
    * @component PinIcon
@@ -8256,7 +8256,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2r);
+      props = _objectWithoutProperties(_ref, _excluded$2s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8276,7 +8276,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
-  var _excluded$2q = ["gradient"];
+  var _excluded$2r = ["gradient"];
   /**
    * @component PlayCircleOutlineIcon
@@ -8306,7 +8306,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2q);
+      props = _objectWithoutProperties(_ref, _excluded$2r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8326,7 +8326,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
-  var _excluded$2p = ["gradient"];
+  var _excluded$2q = ["gradient"];
   /**
    * @component PlayIcon
@@ -8356,7 +8356,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2p);
+      props = _objectWithoutProperties(_ref, _excluded$2q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8376,7 +8376,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
-  var _excluded$2o = ["gradient"];
+  var _excluded$2p = ["gradient"];
   /**
    * @component PlaySmallIcon
@@ -8406,7 +8406,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2o);
+      props = _objectWithoutProperties(_ref, _excluded$2p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8426,7 +8426,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
-  var _excluded$2n = ["gradient"];
+  var _excluded$2o = ["gradient"];
   /**
    * @component PriorityLowIcon
@@ -8456,7 +8456,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2n);
+      props = _objectWithoutProperties(_ref, _excluded$2o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8477,7 +8477,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
-  var _excluded$2m = ["gradient"];
+  var _excluded$2n = ["gradient"];
   /**
    * @component ProjectAddIcon
@@ -8507,7 +8507,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2m);
+      props = _objectWithoutProperties(_ref, _excluded$2n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8527,7 +8527,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
-  var _excluded$2l = ["gradient"];
+  var _excluded$2m = ["gradient"];
   /**
    * @component ProjectSearchIcon
@@ -8557,7 +8557,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2l);
+      props = _objectWithoutProperties(_ref, _excluded$2m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8578,7 +8578,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
-  var _excluded$2k = ["gradient"];
+  var _excluded$2l = ["gradient"];
   /**
    * @component ProjectStarIcon
@@ -8608,7 +8608,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2k);
+      props = _objectWithoutProperties(_ref, _excluded$2l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8631,7 +8631,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
-  var _excluded$2j = ["gradient"];
+  var _excluded$2k = ["gradient"];
   /**
    * @component ProjectTemplateAddIcon
@@ -8661,7 +8661,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2j);
+      props = _objectWithoutProperties(_ref, _excluded$2k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8681,7 +8681,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
-  var _excluded$2i = ["gradient"];
+  var _excluded$2j = ["gradient"];
   /**
    * @component ProjectTemplateConvertIcon
@@ -8711,7 +8711,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2i);
+      props = _objectWithoutProperties(_ref, _excluded$2j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8731,7 +8731,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
-  var _excluded$2h = ["gradient"];
+  var _excluded$2i = ["gradient"];
   /**
    * @component ProjectTemplateIcon
@@ -8761,7 +8761,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2h);
+      props = _objectWithoutProperties(_ref, _excluded$2i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8781,7 +8781,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
-  var _excluded$2g = ["gradient"];
+  var _excluded$2h = ["gradient"];
   /**
    * @component ProjectsIcon
@@ -8811,7 +8811,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2g);
+      props = _objectWithoutProperties(_ref, _excluded$2h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8835,7 +8835,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
-  var _excluded$2f = ["gradient"];
+  var _excluded$2g = ["gradient"];
   /**
    * @component RadioBlankIcon
@@ -8865,7 +8865,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2f);
+      props = _objectWithoutProperties(_ref, _excluded$2g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8885,7 +8885,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
-  var _excluded$2e = ["gradient"];
+  var _excluded$2f = ["gradient"];
   /**
    * @component RadioButtonIcon
@@ -8915,7 +8915,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2e);
+      props = _objectWithoutProperties(_ref, _excluded$2f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -8943,7 +8943,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
-  var _excluded$2d = ["gradient"];
+  var _excluded$2e = ["gradient"];
   /**
    * @component RearangeIcon
@@ -8973,7 +8973,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2d);
+      props = _objectWithoutProperties(_ref, _excluded$2e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8993,7 +8993,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
-  var _excluded$2c = ["gradient"];
+  var _excluded$2d = ["gradient"];
   /**
    * @component RearrangeSmallIcon
@@ -9023,7 +9023,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2c);
+      props = _objectWithoutProperties(_ref, _excluded$2d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9043,7 +9043,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
-  var _excluded$2b = ["gradient"];
+  var _excluded$2c = ["gradient"];
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -9073,7 +9073,7 @@
    */
   var RecurringCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2b);
+      props = _objectWithoutProperties(_ref, _excluded$2c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9093,7 +9093,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
-  var _excluded$2a = ["gradient"];
+  var _excluded$2b = ["gradient"];
   /**
    * @component RecurringCheckmarkIcon
@@ -9123,7 +9123,7 @@
    */
   var RecurringCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2a);
+      props = _objectWithoutProperties(_ref, _excluded$2b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9143,7 +9143,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
-  var _excluded$29 = ["gradient"];
+  var _excluded$2a = ["gradient"];
   /**
    * @component RecurringDollarIcon
@@ -9173,7 +9173,7 @@
    */
   var RecurringDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$29);
+      props = _objectWithoutProperties(_ref, _excluded$2a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9195,7 +9195,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
-  var _excluded$28 = ["gradient"];
+  var _excluded$29 = ["gradient"];
   /**
    * @component RecurringSmallIcon
@@ -9225,7 +9225,7 @@
    */
   var RecurringSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$28);
+      props = _objectWithoutProperties(_ref, _excluded$29);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9246,7 +9246,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
-  var _excluded$27 = ["gradient"];
+  var _excluded$28 = ["gradient"];
   /**
    * @component ReorderIcon
@@ -9276,7 +9276,7 @@
    */
   var ReorderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$27);
+      props = _objectWithoutProperties(_ref, _excluded$28);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9295,7 +9295,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
-  var _excluded$26 = ["gradient"];
+  var _excluded$27 = ["gradient"];
   /**
    * @component ReportTimeIcon
@@ -9325,7 +9325,7 @@
    */
   var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$26);
+      props = _objectWithoutProperties(_ref, _excluded$27);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9345,7 +9345,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
-  var _excluded$25 = ["gradient"];
+  var _excluded$26 = ["gradient"];
   /**
    * @component ReportsIcon
@@ -9375,7 +9375,7 @@
    */
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$25);
+      props = _objectWithoutProperties(_ref, _excluded$26);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9399,7 +9399,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
-  var _excluded$24 = ["gradient"];
+  var _excluded$25 = ["gradient"];
   /**
    * @component RocketSmallIcon
@@ -9429,7 +9429,7 @@
    */
   var RocketSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$24);
+      props = _objectWithoutProperties(_ref, _excluded$25);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -9447,7 +9447,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
-  var _excluded$23 = ["gradient"];
+  var _excluded$24 = ["gradient"];
   /**
    * @component RocketIcon
@@ -9477,7 +9477,7 @@
    */
   var RocketIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$23);
+      props = _objectWithoutProperties(_ref, _excluded$24);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9496,7 +9496,7 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
-  var _excluded$22 = ["gradient"];
+  var _excluded$23 = ["gradient"];
   /**
    * @component SaveIcon
@@ -9526,7 +9526,7 @@
    */
   var SaveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$22);
+      props = _objectWithoutProperties(_ref, _excluded$23);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9547,7 +9547,7 @@
   SaveIcon.displayName = "SaveIcon";
   var SaveIcon$1 = SaveIcon;
-  var _excluded$21 = ["gradient"];
+  var _excluded$22 = ["gradient"];
   /**
    * @component SearchLargeIcon
@@ -9577,7 +9577,7 @@
    */
   var SearchLargeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$21);
+      props = _objectWithoutProperties(_ref, _excluded$22);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 32,
       height: 32,
@@ -9598,7 +9598,7 @@
   SearchLargeIcon.displayName = "SearchLargeIcon";
   var SearchLargeIcon$1 = SearchLargeIcon;
-  var _excluded$20 = ["gradient"];
+  var _excluded$21 = ["gradient"];
   /**
    * @component SearchIcon
@@ -9628,7 +9628,7 @@
    */
   var SearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$20);
+      props = _objectWithoutProperties(_ref, _excluded$21);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9647,7 +9647,7 @@
   SearchIcon.displayName = "SearchIcon";
   var SearchIcon$1 = SearchIcon;
-  var _excluded$1$ = ["gradient"];
+  var _excluded$20 = ["gradient"];
   /**
    * @component SendBlankIcon
@@ -9677,7 +9677,7 @@
    */
   var SendBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1$);
+      props = _objectWithoutProperties(_ref, _excluded$20);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9696,7 +9696,7 @@
   SendBlankIcon.displayName = "SendBlankIcon";
   var SendBlankIcon$1 = SendBlankIcon;
-  var _excluded$1_ = ["gradient"];
+  var _excluded$1$ = ["gradient"];
   /**
    * @component SendFilledIcon
@@ -9726,7 +9726,7 @@
    */
   var SendFilledIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1_);
+      props = _objectWithoutProperties(_ref, _excluded$1$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9745,7 +9745,7 @@
   SendFilledIcon.displayName = "SendFilledIcon";
   var SendFilledIcon$1 = SendFilledIcon;
-  var _excluded$1Z = ["gradient"];
+  var _excluded$1_ = ["gradient"];
   /**
    * @component SettingsIcon
@@ -9775,7 +9775,7 @@
    */
   var SettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Z);
+      props = _objectWithoutProperties(_ref, _excluded$1_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9795,7 +9795,7 @@
   SettingsIcon.displayName = "SettingsIcon";
   var SettingsIcon$1 = SettingsIcon;
-  var _excluded$1Y = ["gradient"];
+  var _excluded$1Z = ["gradient"];
   /**
    * @component ShieldIcon
@@ -9825,7 +9825,7 @@
    */
   var ShieldIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Y);
+      props = _objectWithoutProperties(_ref, _excluded$1Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9846,7 +9846,7 @@
   ShieldIcon.displayName = "ShieldIcon";
   var ShieldIcon$1 = ShieldIcon;
-  var _excluded$1X = ["gradient"];
+  var _excluded$1Y = ["gradient"];
   /**
    * @component SortGeneralIcon
@@ -9876,7 +9876,7 @@
    */
   var SortGeneralIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1X);
+      props = _objectWithoutProperties(_ref, _excluded$1Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9896,7 +9896,7 @@
   SortGeneralIcon.displayName = "SortGeneralIcon";
   var SortGeneralIcon$1 = SortGeneralIcon;
-  var _excluded$1W = ["gradient"];
+  var _excluded$1X = ["gradient"];
   /**
    * @component SortIcon
@@ -9926,7 +9926,7 @@
    */
   var SortIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1W);
+      props = _objectWithoutProperties(_ref, _excluded$1X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -9946,7 +9946,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
-  var _excluded$1V = ["gradient"];
+  var _excluded$1W = ["gradient"];
   /**
    * @component SortListIcon
@@ -9976,7 +9976,7 @@
    */
   var SortListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1V);
+      props = _objectWithoutProperties(_ref, _excluded$1W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 20,
       height: 18,
@@ -9996,7 +9996,7 @@
   SortListIcon.displayName = "SortListIcon";
   var SortListIcon$1 = SortListIcon;
-  var _excluded$1U = ["gradient"];
+  var _excluded$1V = ["gradient"];
   /**
    * @component SortSmallIcon
@@ -10026,7 +10026,7 @@
    */
   var SortSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1U);
+      props = _objectWithoutProperties(_ref, _excluded$1V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -10047,7 +10047,7 @@
   SortSmallIcon.displayName = "SortSmallIcon";
   var SortSmallIcon$1 = SortSmallIcon;
-  var _excluded$1T = ["gradient"];
+  var _excluded$1U = ["gradient"];
   /**
    * @component SparkIcon
@@ -10077,7 +10077,7 @@
    */
   var SparkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1T);
+      props = _objectWithoutProperties(_ref, _excluded$1U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10100,7 +10100,7 @@
   SparkIcon.displayName = "SparkIcon";
   var SparkIcon$1 = SparkIcon;
-  var _excluded$1S = ["gradient"];
+  var _excluded$1T = ["gradient"];
   /**
    * @component StarOutlineIcon
@@ -10130,7 +10130,7 @@
    */
   var StarOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1S);
+      props = _objectWithoutProperties(_ref, _excluded$1T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10150,7 +10150,7 @@
   StarOutlineIcon.displayName = "StarOutlineIcon";
   var StarOutlineIcon$1 = StarOutlineIcon;
-  var _excluded$1R = ["gradient"];
+  var _excluded$1S = ["gradient"];
   /**
    * @component StarIcon
@@ -10180,7 +10180,7 @@
    */
   var StarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1R);
+      props = _objectWithoutProperties(_ref, _excluded$1S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10200,7 +10200,7 @@
   StarIcon.displayName = "StarIcon";
   var StarIcon$1 = StarIcon;
-  var _excluded$1Q = ["gradient"];
+  var _excluded$1R = ["gradient"];
   /**
    * @component StatusIcon
@@ -10230,7 +10230,7 @@
    */
   var StatusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Q);
+      props = _objectWithoutProperties(_ref, _excluded$1R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10255,7 +10255,7 @@
   StatusIcon.displayName = "StatusIcon";
   var StatusIcon$1 = StatusIcon;
-  var _excluded$1P = ["gradient"];
+  var _excluded$1Q = ["gradient"];
   /**
    * @component StopwatchIcon
@@ -10285,7 +10285,7 @@
    */
   var StopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1P);
+      props = _objectWithoutProperties(_ref, _excluded$1Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -10305,7 +10305,7 @@
   StopwatchIcon.displayName = "StopwatchIcon";
   var StopwatchIcon$1 = StopwatchIcon;
-  var _excluded$1O = ["gradient"];
+  var _excluded$1P = ["gradient"];
   /**
    * @component SunIcon
@@ -10335,7 +10335,7 @@
    */
   var SunIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1O);
+      props = _objectWithoutProperties(_ref, _excluded$1P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 22,
       height: 22,
@@ -10360,7 +10360,7 @@
   SunIcon.displayName = "SunIcon";
   var SunIcon$1 = SunIcon;
-  var _excluded$1N = ["gradient"];
+  var _excluded$1O = ["gradient"];
   /**
    * @component SystemSettingsIcon
@@ -10390,7 +10390,7 @@
    */
   var SystemSettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1N);
+      props = _objectWithoutProperties(_ref, _excluded$1O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10411,7 +10411,7 @@
   SystemSettingsIcon.displayName = "SystemSettingsIcon";
   var SystemSettingsIcon$1 = SystemSettingsIcon;
-  var _excluded$1M = ["gradient"];
+  var _excluded$1N = ["gradient"];
   /**
    * @component TaskAddIcon
@@ -10441,7 +10441,7 @@
    */
   var TaskAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1M);
+      props = _objectWithoutProperties(_ref, _excluded$1N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10461,7 +10461,7 @@
   TaskAddIcon.displayName = "TaskAddIcon";
   var TaskAddIcon$1 = TaskAddIcon;
-  var _excluded$1L = ["gradient"];
+  var _excluded$1M = ["gradient"];
   /**
    * @component TaskListAddIcon
@@ -10491,7 +10491,7 @@
    */
   var TaskListAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1L);
+      props = _objectWithoutProperties(_ref, _excluded$1M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10511,7 +10511,7 @@
   TaskListAddIcon.displayName = "TaskListAddIcon";
   var TaskListAddIcon$1 = TaskListAddIcon;
-  var _excluded$1K = ["gradient"];
+  var _excluded$1L = ["gradient"];
   /**
    * @component TaskListCompleteIcon
@@ -10541,7 +10541,7 @@
    */
   var TaskListCompleteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1K);
+      props = _objectWithoutProperties(_ref, _excluded$1L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10562,7 +10562,7 @@
   TaskListCompleteIcon.displayName = "TaskListCompleteIcon";
   var TaskListCompleteIcon$1 = TaskListCompleteIcon;
-  var _excluded$1J = ["gradient"];
+  var _excluded$1K = ["gradient"];
   /**
    * @component TaskListIcon
@@ -10592,7 +10592,7 @@
    */
   var TaskListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1J);
+      props = _objectWithoutProperties(_ref, _excluded$1K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10613,7 +10613,7 @@
   TaskListIcon.displayName = "TaskListIcon";
   var TaskListIcon$1 = TaskListIcon;
-  var _excluded$1I = ["gradient"];
+  var _excluded$1J = ["gradient"];
   /**
    * @component ThumbUpOutlineIcon
@@ -10643,7 +10643,7 @@
    */
   var ThumbUpOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1I);
+      props = _objectWithoutProperties(_ref, _excluded$1J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 14,
       height: 14,
@@ -10663,7 +10663,7 @@
   ThumbUpOutlineIcon.displayName = "ThumbUpOutlineIcon";
   var ThumbUpOutlineIcon$1 = ThumbUpOutlineIcon;
-  var _excluded$1H = ["gradient"];
+  var _excluded$1I = ["gradient"];
   /**
    * @component TrashIcon
@@ -10693,7 +10693,7 @@
    */
   var TrashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1H);
+      props = _objectWithoutProperties(_ref, _excluded$1I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10717,7 +10717,7 @@
   TrashIcon.displayName = "TrashIcon";
   var TrashIcon$1 = TrashIcon;
-  var _excluded$1G = ["gradient"];
+  var _excluded$1H = ["gradient"];
   /**
    * @component TreeDotsIcon
@@ -10747,7 +10747,7 @@
    */
   var TreeDotsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1G);
+      props = _objectWithoutProperties(_ref, _excluded$1H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10767,7 +10767,7 @@
   TreeDotsIcon.displayName = "TreeDotsIcon";
   var TreeDotsIcon$1 = TreeDotsIcon;
-  var _excluded$1F = ["gradient"];
+  var _excluded$1G = ["gradient"];
   /**
    * @component UploadIcon
@@ -10797,7 +10797,7 @@
    */
   var UploadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1F);
+      props = _objectWithoutProperties(_ref, _excluded$1G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10817,7 +10817,7 @@
   UploadIcon.displayName = "UploadIcon";
   var UploadIcon$1 = UploadIcon;
-  var _excluded$1E = ["gradient"];
+  var _excluded$1F = ["gradient"];
   /**
    * @component ViewDayIcon
@@ -10847,7 +10847,7 @@
    */
   var ViewDayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1E);
+      props = _objectWithoutProperties(_ref, _excluded$1F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10866,7 +10866,7 @@
   ViewDayIcon.displayName = "ViewDayIcon";
   var ViewDayIcon$1 = ViewDayIcon;
-  var _excluded$1D = ["gradient"];
+  var _excluded$1E = ["gradient"];
   /**
    * @component ViewGridIcon
@@ -10896,7 +10896,7 @@
    */
   var ViewGridIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1D);
+      props = _objectWithoutProperties(_ref, _excluded$1E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10916,7 +10916,7 @@
   ViewGridIcon.displayName = "ViewGridIcon";
   var ViewGridIcon$1 = ViewGridIcon;
-  var _excluded$1C = ["gradient"];
+  var _excluded$1D = ["gradient"];
   /**
    * @component ViewListIcon
@@ -10946,7 +10946,7 @@
    */
   var ViewListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1C);
+      props = _objectWithoutProperties(_ref, _excluded$1D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10966,7 +10966,7 @@
   ViewListIcon.displayName = "ViewListIcon";
   var ViewListIcon$1 = ViewListIcon;
-  var _excluded$1B = ["gradient"];
+  var _excluded$1C = ["gradient"];
   /**
    * @component ViewTimelineIcon
@@ -10996,7 +10996,7 @@
    */
   var ViewTimelineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1B);
+      props = _objectWithoutProperties(_ref, _excluded$1C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11016,7 +11016,7 @@
   ViewTimelineIcon.displayName = "ViewTimelineIcon";
   var ViewTimelineIcon$1 = ViewTimelineIcon;
-  var _excluded$1A = ["gradient"];
+  var _excluded$1B = ["gradient"];
   /**
    * @component VolumeHighIcon
@@ -11046,7 +11046,7 @@
    */
   var VolumeHighIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1A);
+      props = _objectWithoutProperties(_ref, _excluded$1B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11066,7 +11066,7 @@
   VolumeHighIcon.displayName = "VolumeHighIcon";
   var VolumeHighIcon$1 = VolumeHighIcon;
-  var _excluded$1z = ["gradient"];
+  var _excluded$1A = ["gradient"];
   /**
    * @component WarningTriangleSmallIcon
@@ -11096,7 +11096,7 @@
    */
   var WarningTriangleSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1z);
+      props = _objectWithoutProperties(_ref, _excluded$1A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -11116,7 +11116,7 @@
   WarningTriangleSmallIcon.displayName = "WarningTriangleSmallIcon";
   var WarningTriangleSmallIcon$1 = WarningTriangleSmallIcon;
-  var _excluded$1y = ["gradient"];
+  var _excluded$1z = ["gradient"];
   /**
    * @component WarningTriangleIcon
@@ -11146,7 +11146,7 @@
    */
   var WarningTriangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1y);
+      props = _objectWithoutProperties(_ref, _excluded$1z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11166,7 +11166,7 @@
   WarningTriangleIcon.displayName = "WarningTriangleIcon";
   var WarningTriangleIcon$1 = WarningTriangleIcon;
-  var _excluded$1x = ["gradient"];
+  var _excluded$1y = ["gradient"];
   /**
    * @component WarningIcon
@@ -11196,7 +11196,7 @@
    */
   var WarningIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1x);
+      props = _objectWithoutProperties(_ref, _excluded$1y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11216,7 +11216,7 @@
   WarningIcon.displayName = "WarningIcon";
   var WarningIcon$1 = WarningIcon;
-  var _excluded$1w = ["gradient"];
+  var _excluded$1x = ["gradient"];
   /**
    * @component WorkloadIcon
@@ -11246,7 +11246,7 @@
    */
   var WorkloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1w);
+      props = _objectWithoutProperties(_ref, _excluded$1x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11270,7 +11270,7 @@
   WorkloadIcon.displayName = "WorkloadIcon";
   var WorkloadIcon$1 = WorkloadIcon;
-  var _excluded$1v = ["gradient"];
+  var _excluded$1w = ["gradient"];
   /**
    * @component ReminderIcon
@@ -11300,7 +11300,7 @@
    */
   var ReminderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1v);
+      props = _objectWithoutProperties(_ref, _excluded$1w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -11353,7 +11353,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
-  var _excluded$1u = ["children", "className", "innerRef", "style"];
+  var _excluded$1v = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -11361,7 +11361,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1u);
+      rest = _objectWithoutProperties(_ref, _excluded$1v);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -11422,12 +11422,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
-  var _excluded$1t = ["className", "disableBackgroundColor"];
+  var _excluded$1u = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
       _ref$disableBackgroun = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      rest = _objectWithoutProperties(_ref, _excluded$1t);
+      rest = _objectWithoutProperties(_ref, _excluded$1u);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -11440,7 +11440,7 @@
     componentId: "sc-1hgjasy-0"
   })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);
-  var _excluded$1s = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1t = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -11454,7 +11454,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1s);
+      rest = _objectWithoutProperties(_ref, _excluded$1t);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -11601,7 +11601,7 @@
   };
   var LayerContext$1 = LayerContext;
-  var _excluded$1r = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1s = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -11618,7 +11618,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1r);
+      rest = _objectWithoutProperties(_ref, _excluded$1s);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -11929,7 +11929,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
-  var _excluded$1q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1r = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -11960,7 +11960,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1q);
+      props = _objectWithoutProperties(_ref, _excluded$1r);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -11983,13 +11983,13 @@
   });
   Typography.displayName = "Typography";
-  var _excluded$1p = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1q = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       className = _ref.className,
       leftElement = _ref.leftElement,
       rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded$1p);
+      props = _objectWithoutProperties(_ref, _excluded$1q);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -12014,11 +12014,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
-  var _excluded$1o = ["children", "className"];
+  var _excluded$1p = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1o);
+      props = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -12026,14 +12026,14 @@
   });
   MenuFooter.displayName = "MenuFooter";
-  var _excluded$1n = ["children", "className", "separator"];
+  var _excluded$1o = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
     var children = _ref.children,
       className = _ref.className,
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded$1n);
+      rest = _objectWithoutProperties(_ref, _excluded$1o);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -12211,12 +12211,12 @@
     }, value && value > 100 ? 99 + "+" : value);
   };
-  var _excluded$1m = ["weight", "children"];
+  var _excluded$1n = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1m);
+      props = _objectWithoutProperties(_ref, _excluded$1n);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -12326,10 +12326,10 @@
   };
   FromElement.displayName = "FromElement";
-  var _excluded$1l = ["children"];
+  var _excluded$1m = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -12404,7 +12404,7 @@
   });
   Tooltip.displayName = "Tooltip";
-  var _excluded$1k = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
+  var _excluded$1l = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -12417,7 +12417,7 @@
       labelClassName = _ref.labelClassName,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$1k);
+      args = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -12584,13 +12584,13 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
-  var _excluded$1j = ["className", "children"];
+  var _excluded$1k = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     // useDialogContext();
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
@@ -12599,13 +12599,13 @@
   };
   DialogActions.displayName = "DialogActions";
-  var _excluded$1i = ["className", "children"];
+  var _excluded$1j = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     // useDialogContext();
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
@@ -12626,10 +12626,10 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
-  var _excluded$1h = ["children"];
+  var _excluded$1i = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1h);
+      props = _objectWithoutProperties(_ref, _excluded$1i);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -12638,7 +12638,7 @@
   });
   Header3.displayName = "Header3";
-  var _excluded$1g = ["children", "className", "disableDefaultHeading"];
+  var _excluded$1h = ["children", "className", "disableDefaultHeading"];
   // import { useDialogContext } from "./DialogContext";
   var DialogTitle = function DialogTitle(_ref) {
@@ -12646,7 +12646,7 @@
       className = _ref.className,
       _ref$disableDefaultHe = _ref.disableDefaultHeading,
       disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$1g);
+      rest = _objectWithoutProperties(_ref, _excluded$1h);
     // useDialogContext();
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
@@ -12675,7 +12675,7 @@
     function () {});
   }
-  var _excluded$1f = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
+  var _excluded$1g = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
   };
@@ -12695,7 +12695,7 @@
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
       onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$1f);
+      rest = _objectWithoutProperties(_ref, _excluded$1g);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -12763,7 +12763,7 @@
   });
   Modal.displayName = "Modal";
-  var _excluded$1e = ["in", "children", "style", "timeout"];
+  var _excluded$1f = ["in", "children", "style", "timeout"];
   var defaultStyle$2 = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in-out"),
@@ -12791,7 +12791,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1e);
+      rest = _objectWithoutProperties(_ref, _excluded$1f);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -12806,7 +12806,7 @@
   };
   Fade.displayName = "Fade";
-  var _excluded$1d = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$1e = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
@@ -12816,7 +12816,7 @@
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       _ref$initialDirection = _ref.initialDirection,
       initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
-      rest = _objectWithoutProperties(_ref, _excluded$1d);
+      rest = _objectWithoutProperties(_ref, _excluded$1e);
     var directionSign;
     switch (initialDirection) {
       case "right":
@@ -12922,12 +12922,12 @@
     return props.$direction === "right" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
   });
-  var _excluded$1c = ["children", "direction"];
+  var _excluded$1d = ["children", "direction"];
   var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
     var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded$1c);
+      props = _objectWithoutProperties(_ref, _excluded$1d);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
       classNames: "c-slide",
@@ -12970,7 +12970,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
-  var _excluded$1b = ["in", "children", "style", "timeout"];
+  var _excluded$1c = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in"),
@@ -13004,7 +13004,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1b);
+      rest = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -13054,7 +13054,7 @@
   };
   Scale.displayName = "Scale";
-  var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
+  var _excluded$1b = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$open = _ref.open,
@@ -13070,7 +13070,7 @@
       onClickOutside = _ref.onClickOutside,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      rest = _objectWithoutProperties(_ref, _excluded$1a);
+      rest = _objectWithoutProperties(_ref, _excluded$1b);
     var animateDialog = function animateDialog() {
       switch (animate) {
         case "fade":
@@ -14508,10 +14508,10 @@
     componentId: "sc-1n0a2yl-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
-  var _excluded$19 = ["className"];
+  var _excluded$1a = ["className"];
   var SkeletonLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$19);
+      rest = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledSkeletonLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -14525,10 +14525,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
-  var _excluded$18 = ["className"];
+  var _excluded$19 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -14550,7 +14550,7 @@
     return props.$activeColorPercentage === "75%" && styled.css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor);
   });
-  var _excluded$17 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$18 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 10 : _ref$radius,
@@ -14565,7 +14565,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -14604,7 +14604,7 @@
   });
   StyledLinearLoader.displayName = "StyledLinearLoader";
-  var _excluded$16 = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
+  var _excluded$17 = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 4 : _ref$height,
@@ -14616,7 +14616,7 @@
       activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
       _ref$animationDuratio = _ref.animationDuration,
       animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       $height: height,
@@ -14628,7 +14628,7 @@
   });
   LinearLoader.displayName = "LinearLoader";
-  var _excluded$15 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$16 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   var SortDirection = /*#__PURE__*/function (SortDirection) {
     SortDirection["None"] = "none";
     SortDirection["Asc"] = "asc";
@@ -14678,7 +14678,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$15);
+      args = _objectWithoutProperties(_ref, _excluded$16);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -15038,7 +15038,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
-  var _excluded$14 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$15 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
   var CompleteCheckbox = function CompleteCheckbox(_ref) {
     var _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -15051,7 +15051,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$14);
+      rest = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -15086,7 +15086,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
-  var _excluded$13 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$14 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -15099,7 +15099,7 @@
       hover = _ref$hover === void 0 ? false : _ref$hover,
       _ref$useOptimizedShad = _ref.useOptimizedShadow,
       useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -15155,7 +15155,7 @@
   });
   StyledCard.displayName = "StyledCard";
-  var _excluded$12 = ["children", "className", "hoverable", "variant", "onClick"];
+  var _excluded$13 = ["children", "className", "hoverable", "variant", "onClick"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -15164,7 +15164,7 @@
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$12);
+      rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: variant,
       className: classNames__default["default"]("c-card", className),
@@ -15245,12 +15245,12 @@
   });
   EntityCard$1.displayName = "EntityCard";
-  var _excluded$11 = ["weight", "children"];
+  var _excluded$12 = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$11);
+      props = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -15259,12 +15259,12 @@
   });
   Title1.displayName = "Title1";
-  var _excluded$10 = ["weight", "children"];
+  var _excluded$11 = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -15273,10 +15273,10 @@
   });
   Title2.displayName = "Title2";
-  var _excluded$$ = ["children"];
+  var _excluded$10 = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -15285,12 +15285,12 @@
   });
   Header2.displayName = "Header2";
-  var _excluded$_ = ["weight", "children"];
+  var _excluded$$ = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -15299,12 +15299,12 @@
   });
   Body1.displayName = "Body1";
-  var _excluded$Z = ["weight", "children"];
+  var _excluded$_ = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -15313,12 +15313,12 @@
   });
   Caption1.displayName = "Caption1";
-  var _excluded$Y = ["weight", "children"];
+  var _excluded$Z = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -15530,7 +15530,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
-  var _excluded$X = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$Y = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -15565,7 +15565,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$X);
+      rest = _objectWithoutProperties(_ref, _excluded$Y);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -15606,13 +15606,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
-  var _excluded$W = ["color", "size", "className"];
+  var _excluded$X = ["color", "size", "className"];
   var Dot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var color = _ref.color,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 8 : _ref$size,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$W);
+      rest = _objectWithoutProperties(_ref, _excluded$X);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -15649,7 +15649,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
-  var _excluded$V = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$W = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -15658,7 +15658,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$V);
+      rest = _objectWithoutProperties(_ref, _excluded$W);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -15770,7 +15770,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
-  var _excluded$U = ["children", "active", "disabled", "className", "role"];
+  var _excluded$V = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -15779,7 +15779,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$U);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
@@ -15827,11 +15827,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
-  var _excluded$T = ["expanded"];
+  var _excluded$U = ["expanded"];
   var ExpandSingle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
       expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      rest = _objectWithoutProperties(_ref, _excluded$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -16007,7 +16007,7 @@
   };
   OptionContent.displayName = "OptionContent";
-  var _excluded$S = ["mixed", "data-testid"];
+  var _excluded$T = ["mixed", "data-testid"];
   /**
    * @component CheckboxIcon
@@ -16031,7 +16031,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var mixed = _ref.mixed,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$S);
+      props = _objectWithoutProperties(_ref, _excluded$T);
     // const [animate, setAnimate] = useState(false);
     // const mountRef = useRef(false);
@@ -16125,7 +16125,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
-  var _excluded$R = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
+  var _excluded$S = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
   /**
    * Checkbox component
    */
@@ -16139,7 +16139,7 @@
       checked = _ref.checked,
       onChange = _ref.onChange,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$S);
     var _useState = React.useState(mixed && !checked),
       _useState2 = _slicedToArray(_useState, 2),
       indeterminate = _useState2[0],
@@ -16314,7 +16314,7 @@
   })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;display:flex;justify-items:center;align-items:center;"]);
   StyledOptionWrapper.displayName = "StyledOptionWrapper";
-  var _excluded$Q = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
+  var _excluded$R = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -16333,7 +16333,7 @@
       wrapperClick = _ref.wrapperClick,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$Q);
+      rest = _objectWithoutProperties(_ref, _excluded$R);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -16390,14 +16390,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
-  var _excluded$P = ["className", "id", "hover"];
+  var _excluded$Q = ["className", "id", "hover"];
   var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "radio" : _ref$id,
       hover = _ref.hover,
-      props = _objectWithoutProperties(_ref, _excluded$P);
+      props = _objectWithoutProperties(_ref, _excluded$Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -16545,7 +16545,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
-  var _excluded$O = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$P = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -16559,7 +16559,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$O);
+      rest = _objectWithoutProperties(_ref, _excluded$P);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -16964,7 +16964,7 @@
     };
   };
-  var _excluded$N = ["as", "className", "invert", "style"];
+  var _excluded$O = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
       as = _ref$as === void 0 ? "div" : _ref$as,
@@ -16972,7 +16972,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$N);
+      rest = _objectWithoutProperties(_ref, _excluded$O);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -17747,7 +17747,7 @@
     componentId: "sc-9x4q7e-0"
   })(["cursor:auto"]);
-  var _excluded$M = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput", "disableVirtualization"];
+  var _excluded$N = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput", "disableVirtualization"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "single" : _ref$type,
@@ -17786,7 +17786,7 @@
       _ref$focusInput = _ref.focusInput,
       focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
       disableVirtualization = _ref.disableVirtualization,
-      prop = _objectWithoutProperties(_ref, _excluded$M);
+      prop = _objectWithoutProperties(_ref, _excluded$N);
     if (disableSearch && (startAdornment || endAdornment)) {
       console.warn("Adornments are not visible when search bar is hidden");
     }
@@ -18094,7 +18094,7 @@
   };
   Nav.displayName = "Nav";
-  var _excluded$L = ["children", "as", "disablePointerEvents"];
+  var _excluded$M = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -18113,7 +18113,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$L);
+      rest = _objectWithoutProperties(_ref, _excluded$M);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -18351,7 +18351,7 @@
     };
   };
-  var _excluded$K = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
+  var _excluded$L = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
   var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var defaultValue = _ref.value,
       onCancel = _ref.onCancel,
@@ -18371,7 +18371,7 @@
       externalOnClick = _ref.onClick,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "center" : _ref$align,
-      rest = _objectWithoutProperties(_ref, _excluded$K);
+      rest = _objectWithoutProperties(_ref, _excluded$L);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -18410,7 +18410,7 @@
   });
   InputHours.displayName = "InputHours";
-  var _excluded$J = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max", "onBlur", "update", "shortenThreshold"];
+  var _excluded$K = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max", "onBlur", "update", "shortenThreshold"];
   var InputNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -18444,7 +18444,7 @@
       update = _ref$update === void 0 ? false : _ref$update,
       _ref$shortenThreshold = _ref.shortenThreshold,
       shortenThreshold = _ref$shortenThreshold === void 0 ? 1000 : _ref$shortenThreshold,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputNumber = useInputNumber({
@@ -18496,14 +18496,14 @@
   });
   InputNumber.displayName = "InputNumber";
-  var _excluded$I = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
+  var _excluded$J = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
       startAdornment = _ref.startAdornment,
       endAdornment = _ref.endAdornment,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
         return "Header 2";
@@ -18536,7 +18536,7 @@
   });
   InputCurrency.displayName = "InputCurrency";
-  var _excluded$H = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
+  var _excluded$I = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
   var transform = {
     biggest: "big",
     regular: "small",
@@ -18629,7 +18629,7 @@
       errorMessage = _ref2.errorMessage,
       invalid = _ref2.invalid,
       onChange = _ref2.onChange,
-      rest = _objectWithoutProperties(_ref2, _excluded$H);
+      rest = _objectWithoutProperties(_ref2, _excluded$I);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(show),
@@ -18750,7 +18750,7 @@
     componentId: "sc-1lmb5y-0"
   })(["flex-shrink:0"]);
-  var _excluded$G = ["size", "disabled", "value", "onChange", "scheme"];
+  var _excluded$H = ["size", "disabled", "value", "onChange", "scheme"];
   var defaultOptions = [{
     id: "https://",
     name: "https://"
@@ -18766,7 +18766,7 @@
       defaultValue = _ref$value === void 0 ? "" : _ref$value,
       onChange = _ref.onChange,
       scheme = _ref.scheme,
-      rest = _objectWithoutProperties(_ref, _excluded$G);
+      rest = _objectWithoutProperties(_ref, _excluded$H);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var options = React.useMemo(function () {
@@ -18894,7 +18894,7 @@
   });
   InputUrl.displayName = "InputUrl";
-  var _excluded$F = ["size", "disabled", "value", "onChange", "defaultCountry"];
+  var _excluded$G = ["size", "disabled", "value", "onChange", "defaultCountry"];
   var renderOption$2 = function renderOption(option, data) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionFlag, null, countryExplorer.getCountryFlag(option.id)), /*#__PURE__*/React__default["default"].createElement(StyledOptionName, null, option.name)), /*#__PURE__*/React__default["default"].createElement(StyledOptionRowEnd, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionCode, null, option.additionalInfo), /*#__PURE__*/React__default["default"].createElement(RadioButton, {
       checked: data.checked,
@@ -18910,7 +18910,7 @@
       onChange = _ref.onChange,
       _ref$defaultCountry = _ref.defaultCountry,
       defaultCountry = _ref$defaultCountry === void 0 ? "US" : _ref$defaultCountry,
-      rest = _objectWithoutProperties(_ref, _excluded$F);
+      rest = _objectWithoutProperties(_ref, _excluded$G);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(defaultCountry),
@@ -19139,12 +19139,12 @@
     [ref, handler]);
   }
-  var _excluded$E = ["children", "type"];
+  var _excluded$F = ["children", "type"];
   var Trigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? "button" : _ref$type,
-      rest = _objectWithoutProperties(_ref, _excluded$E);
+      rest = _objectWithoutProperties(_ref, _excluded$F);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends({
       ref: ref,
       role: "button",
@@ -19199,7 +19199,7 @@
   })(["color:var(--color-theme-700);"]);
   ChipCloseIcon.displayName = "ChipCloseIcon";
-  var _excluded$D = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
+  var _excluded$E = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var startAdornment = _ref.startAdornment,
       label = _ref.label,
@@ -19210,7 +19210,7 @@
       backgroundColor = _ref.backgroundColor,
       closeClassName = _ref.closeClassName,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$D);
+      rest = _objectWithoutProperties(_ref, _excluded$E);
     var showClose = typeof onClose === "function";
     var variant = React.useMemo(function () {
       switch (size) {
@@ -19243,7 +19243,7 @@
   });
   Chip.displayName = "Chip";
-  var _excluded$C = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
+  var _excluded$D = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
   var sizeMap = {
     small: 18,
     regular: 24,
@@ -19296,7 +19296,7 @@
       hideClearButton = _ref$hideClearButton === void 0 ? false : _ref$hideClearButton,
       errorMessage = _ref.errorMessage,
       onCancel = _ref.onCancel,
-      prop = _objectWithoutProperties(_ref, _excluded$C);
+      prop = _objectWithoutProperties(_ref, _excluded$D);
     var selectedName = React.useMemo(function () {
       var value = "";
       if (!selected) {
@@ -19721,7 +19721,7 @@
     componentId: "sc-uvsz9l-4"
   })(["display:flex;justify-content:center;"]);
-  var _excluded$B = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
+  var _excluded$C = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
   nlp__default["default"].plugin(plg__default["default"]);
   var StyledInputTimeWrapper = styled__default["default"].div.withConfig({
     displayName: "InputTime__StyledInputTimeWrapper",
@@ -19754,7 +19754,7 @@
       enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza,
       _ref$addCustomTimeLab = _ref.addCustomTimeLabel,
       addCustomTimeLabel = _ref$addCustomTimeLab === void 0 ? "Add" : _ref$addCustomTimeLab,
-      rest = _objectWithoutProperties(_ref, _excluded$B);
+      rest = _objectWithoutProperties(_ref, _excluded$C);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
@@ -19893,7 +19893,7 @@
     })));
   };
-  var _excluded$A = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "shortenThreshold"];
+  var _excluded$B = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "shortenThreshold"];
   var DisplayNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -19915,7 +19915,7 @@
       as = _ref$as === void 0 ? "span" : _ref$as,
       _ref$shortenThreshold = _ref.shortenThreshold,
       shortenThreshold = _ref$shortenThreshold === void 0 ? 1000 : _ref$shortenThreshold,
-      rest = _objectWithoutProperties(_ref, _excluded$A);
+      rest = _objectWithoutProperties(_ref, _excluded$B);
     var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, format, shortenThreshold);
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
     if (format === "short") {
@@ -19938,7 +19938,7 @@
   });
   DisplayNumber.displayName = "DisplayNumber";
-  var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
+  var _excluded$A = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
   var DisplayCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -19963,7 +19963,7 @@
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
       currencyClassName = _ref.currencyClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$z);
+      rest = _objectWithoutProperties(_ref, _excluded$A);
     var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
     if (format === "short") {
@@ -19994,7 +19994,7 @@
   });
   DisplayCurrency.displayName = "DisplayCurrency";
-  var _excluded$y = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
+  var _excluded$z = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
   var DisplayHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -20017,7 +20017,7 @@
       withLeadingZero = _ref.withLeadingZero,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded$y);
+      rest = _objectWithoutProperties(_ref, _excluded$z);
     var shouldDisplayShort = format === "short" && value >= 1000;
     var longValue = formatHours(value, withLeadingZero, trimZeroMinutes, "long");
     var shortValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
@@ -20041,11 +20041,11 @@
   });
   DisplayHours.displayName = "DisplayHours";
-  var _excluded$x = ["expanded"];
+  var _excluded$y = ["expanded"];
   var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
       expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      rest = _objectWithoutProperties(_ref, _excluded$x);
+      rest = _objectWithoutProperties(_ref, _excluded$y);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
       viewBox: "0 0 24 24"
@@ -20167,7 +20167,7 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
-  var _excluded$w = ["className", "disabled", "invalid", "mode"];
+  var _excluded$x = ["className", "disabled", "invalid", "mode"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -20176,7 +20176,7 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$w);
+      rest = _objectWithoutProperties(_ref, _excluded$x);
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       $invalid: invalid,
       ref: ref,
@@ -20282,7 +20282,7 @@
   })(["@media (min-width:640px){display:none;}"]);
   StyledHeader$1.displayName = "StyledHeader";
-  var _excluded$v = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+  var _excluded$w = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
   var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       onClose = _ref.onClose,
@@ -20306,7 +20306,7 @@
       bodyClassName = _ref.bodyClassName,
       _ref$disableBackgroun2 = _ref.disableBackgroundClick,
       disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      rest = _objectWithoutProperties(_ref, _excluded$v);
+      rest = _objectWithoutProperties(_ref, _excluded$w);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -20426,13 +20426,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
-  var _excluded$u = ["className", "size", "children"];
+  var _excluded$v = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "small" : _ref$size,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$u);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classNames__default["default"]("c-header", className),
@@ -20448,7 +20448,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
-  var _excluded$t = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
+  var _excluded$u = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -20466,7 +20466,7 @@
       value = _ref.value,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$t);
+      rest = _objectWithoutProperties(_ref, _excluded$u);
     var innerRef = React.useRef(null);
     var _useState = React.useState(minRows),
       _useState2 = _slicedToArray(_useState, 2),
@@ -20743,7 +20743,7 @@
   });
   StyledChoose$1.displayName = "StyledChoose";
-  var _excluded$s = ["children", "disabled", "active", "className"];
+  var _excluded$t = ["children", "disabled", "active", "className"];
   /**
    * Choose component
    */
@@ -20754,7 +20754,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$s);
+      args = _objectWithoutProperties(_ref, _excluded$t);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose$1, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-choose", className),
@@ -20764,12 +20764,31 @@
   Choose.displayName = "Choose";
   var StyledChoose = styled__default["default"](Choose).withConfig({
-    displayName: "ChooseV2__StyledChoose",
-    componentId: "sc-142e30o-0"
-  })(["", ""], function (props) {
+    displayName: "Styles__StyledChoose",
+    componentId: "sc-uv67fb-0"
+  })(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
     return !props.active && styled.css(["background-color:transparent !important;"]);
   });
-  var ChooseV2 = function ChooseV2(_ref) {
+  StyledChoose.displayName = "StyledChoose";
+  var StyledVerticalContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledVerticalContainer",
+    componentId: "sc-uv67fb-1"
+  })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
+  StyledVerticalContainer.displayName = "StyledVerticalContainer";
+  var StyledRadioOption = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledRadioOption",
+    componentId: "sc-uv67fb-2"
+  })(["display:flex;align-items:center;gap:6px;cursor:pointer;&:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"]);
+  StyledRadioOption.displayName = "StyledRadioOption";
+  var StyledFlexContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledFlexContainer",
+    componentId: "sc-uv67fb-3"
+  })(["display:flex;width:100%;"]);
+  StyledFlexContainer.displayName = "StyledFlexContainer";
+  var _excluded$s = ["required", "multiple", "invalid", "options", "selected", "onChange"];
+  var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var _parentSize$width, _flexSize$width;
     var _ref$required = _ref.required,
       required = _ref$required === void 0 ? false : _ref$required,
       _ref$multiple = _ref.multiple,
@@ -20778,25 +20797,98 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       options = _ref.options,
       selected = _ref.selected,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded$s);
+    var internalRef = React.useRef(null);
+    var flexContainerRef = React.useRef(null);
+    var handleRef = useForkRef(ref, internalRef);
+    var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      useVerticalLayout = _useState2[0],
+      setUseVerticalLayout = _useState2[1];
+    var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isReady = _useState4[0],
+      setIsReady = _useState4[1];
+    var parentSize = useResizeObserver$1(internalRef);
+    var flexSize = useResizeObserver$1(flexContainerRef);
+    var parentWidth = (_parentSize$width = parentSize === null || parentSize === void 0 ? void 0 : parentSize.width) !== null && _parentSize$width !== void 0 ? _parentSize$width : 0;
+    var flexWidth = (_flexSize$width = flexSize === null || flexSize === void 0 ? void 0 : flexSize.width) !== null && _flexSize$width !== void 0 ? _flexSize$width : 0;
+    React.useEffect(function () {
+      if (parentWidth === 0) return;
+      var measure = function measure() {
+        var temp = document.createElement("div");
+        temp.style.display = "inline-flex";
+        temp.style.visibility = "hidden";
+        temp.style.position = "absolute";
+        temp.style.whiteSpace = "nowrap";
+        temp.style.pointerEvents = "none";
+        document.body.appendChild(temp);
+        options.forEach(function (option) {
+          var button = document.createElement("button");
+          button.textContent = option.name;
+          button.style.padding = "6px 12px";
+          button.style.border = "1px solid transparent";
+          button.style.marginRight = "4px";
+          temp.appendChild(button);
+        });
+        var totalWidth = temp.offsetWidth + 8;
+        document.body.removeChild(temp);
+        setUseVerticalLayout(totalWidth > parentWidth);
+        setIsReady(true);
+      };
+      requestAnimationFrame(measure);
+    }, [parentWidth, options, flexWidth]);
     var handleSelect = function handleSelect(id) {
       if (multiple) {
         var newSelected = selected.includes(id) ? selected.filter(function (s) {
           return s !== id;
         }) : [...selected, id];
-        if (required && newSelected.length === 0) {
-          return;
-        }
+        if (required && newSelected.length === 0) return;
         onChange(newSelected);
       } else {
-        if (required && selected.includes(id)) {
-          return;
-        }
         var _newSelected = selected.includes(id) ? [] : [id];
+        if (required && _newSelected.length === 0) return;
         onChange(_newSelected);
       }
     };
-    return /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
+    var handleRadioChange = function handleRadioChange(id) {
+      if (multiple) handleSelect(id);else onChange([id]);
+    };
+    if (!isReady) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        ref: handleRef,
+        style: {
+          width: "100%",
+          minHeight: "32px"
+        }
+      });
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+      ref: handleRef
+    }, rest, {
+      style: {
+        display: "flex",
+        width: "100%"
+      }
+    }), useVerticalLayout ? /*#__PURE__*/React__default["default"].createElement(StyledVerticalContainer, null, options.map(function (option) {
+      return /*#__PURE__*/React__default["default"].createElement(StyledRadioOption, {
+        key: option.id,
+        "data-disabled": option.disabled,
+        onClick: function onClick() {
+          return !option.disabled && handleRadioChange(option.id);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(RadioButton, {
+        checked: selected.includes(option.id),
+        disabled: option.disabled,
+        onChange: function onChange() {
+          return !option.disabled && handleRadioChange(option.id);
+        },
+        name: multiple ? "choose-v2-".concat(option.id) : "choose-v2-group"
+      }), /*#__PURE__*/React__default["default"].createElement(Body2, null, option.name));
+    })) : /*#__PURE__*/React__default["default"].createElement(StyledFlexContainer, {
+      ref: flexContainerRef
+    }, /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
       invalid: invalid
     }, options.map(function (option) {
       return /*#__PURE__*/React__default["default"].createElement(StyledChoose, {
@@ -20807,8 +20899,9 @@
           return handleSelect(option.id);
         }
       }, option.name);
-    }));
-  };
+    }))));
+  });
+  ChooseV2.displayName = "ChooseV2";
   var StyledLinkElement = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledLinkElement",
@@ -23448,22 +23541,24 @@
       _useState4 = _slicedToArray(_useState3, 2),
       enteredStep = _useState4[0],
       setEnteredStep = _useState4[1];
-    var _useState5 = React.useState(true),
+    var _useState5 = React.useState("auto"),
       _useState6 = _slicedToArray(_useState5, 2),
-      isLeft = _useState6[0],
-      setIsLeft = _useState6[1];
-    var _useState7 = React.useState("auto"),
-      _useState8 = _slicedToArray(_useState7, 2),
-      height = _useState8[0],
-      setHeight = _useState8[1];
+      height = _useState6[0],
+      setHeight = _useState6[1];
+    var previousStepRef = React.useRef(0);
     // Use controlled step if provided, otherwise use internal state
     var activeStep = controlledStep !== undefined ? controlledStep : internalStep;
+    // Calculate direction synchronously based on step change
+    var isLeft = React.useMemo(function () {
+      var prevStep = previousStepRef.current;
+      var direction = activeStep > prevStep;
+      previousStepRef.current = activeStep;
+      return direction;
+    }, [activeStep]);
     var setActiveStep = React.useCallback(function (newStep) {
       if (newStep === activeStep) return;
-      // Determine direction: if going to higher index, slide left
-      setIsLeft(newStep > activeStep);
       if (controlledStep === undefined) {
         setInternalStep(newStep);
       }