suada-components 1.11.2 → 1.13.0

package/dist/icons/index.esm.js

@@ -1,56 +1,76 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-var ActivityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+var _excluded$2A = ["className", "onClick"];
+var ActivityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2A);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -59,7 +79,7 @@ var ActivityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M10 1.25C5.1675 1.25 1.25 5.1675 1.25 10C1.25 14.8325 5.1675 18.75 10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.1675 14.8325 1.25 10 1.25ZM10 17.5C6.2725 17.5 3.125 14.3525 3.125 10.625C3.125 6.8975 6.2725 3.75 10 3.75C13.7275 3.75 16.875 6.8975 16.875 10.625C16.875 14.3525 13.7275 17.5 10 17.5ZM10 5.625C9.585 5.625 9.25 5.96 9.25 6.375V10.625C9.25 11.04 9.585 11.375 10 11.375C10.415 11.375 10.75 11.04 10.75 10.625V6.375C10.75 5.96 10.415 5.625 10 5.625ZM10 12.5C9.585 12.5 9.25 12.835 9.25 13.25C9.25 13.665 9.585 14 10 14C10.415 14 10.75 13.665 10.75 13.25C10.75 12.835 10.415 12.5 10 12.5Z',
       fill: '#68707A'
@@ -68,11 +88,12 @@ var ActivityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ActivityIcon.displayName = 'ActivityIcon';
 
-var VideoCheckmarkIcon = function VideoCheckmarkIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2z = ["className", "onClick"];
+var VideoCheckmarkIcon = function VideoCheckmarkIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2z);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -80,7 +101,7 @@ var VideoCheckmarkIcon = function VideoCheckmarkIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M9.75 18L3 11.25L4.0605 10.1895L9.75 15.8782L19.9395 5.68945L21 6.74995L9.75 18Z',
       fill: '#020210'
@@ -88,12 +109,13 @@ var VideoCheckmarkIcon = function VideoCheckmarkIcon(_a) {
   }));
 };
 
-var HeartIcon = function HeartIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    active = _a.active,
-    props = __rest(_a, ["className", "onClick", "active"]);
-  return active ? jsx("svg", __assign({
+var _excluded$2y = ["className", "onClick", "active"];
+var HeartIcon = function HeartIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    active = _ref.active,
+    props = _objectWithoutProperties(_ref, _excluded$2y);
+  return active ? jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -101,12 +123,12 @@ var HeartIcon = function HeartIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M16.8754 3C15.3754 3 13.9504 3.6 12.9004 4.65L12.0004 5.55L11.1754 4.725C9.00039 2.475 5.40039 2.475 3.22539 4.65L3.15039 4.725C0.900391 6.975 0.900391 10.575 3.15039 12.825L12.0004 21.75L20.8504 12.825C23.1004 10.575 23.1004 6.975 20.8504 4.725C19.8004 3.6 18.3754 3 16.8754 3Z',
       fill: 'white'
     })
-  })) : jsx("svg", __assign({
+  })) : jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -114,7 +136,7 @@ var HeartIcon = function HeartIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M16.8375 4.5C17.3835 4.49954 17.9242 4.6081 18.4278 4.81931C18.9313 5.03052 19.3876 5.34014 19.77 5.73C20.5578 6.52979 20.9994 7.60737 20.9994 8.73C20.9994 9.85264 20.5578 10.9302 19.77 11.73L12 19.5975L4.22998 11.73C3.44217 10.9302 3.00058 9.85264 3.00058 8.73C3.00058 7.60737 3.44217 6.52979 4.22998 5.73C4.61255 5.34042 5.06892 5.03096 5.57242 4.81972C6.07592 4.60848 6.61646 4.49968 7.16248 4.49968C7.7085 4.49968 8.24905 4.60848 8.75255 4.81972C9.25605 5.03096 9.71241 5.34042 10.095 5.73L12 7.68L13.8975 5.745C14.2787 5.35049 14.7355 5.0369 15.2406 4.82298C15.7458 4.60906 16.2889 4.49921 16.8375 4.5ZM16.8375 3C16.0917 2.99937 15.3533 3.14764 14.6656 3.43613C13.9778 3.72461 13.3546 4.1475 12.8325 4.68L12 5.52L11.1675 4.68C10.6447 4.14846 10.0213 3.72631 9.33372 3.43814C8.64612 3.14998 7.90803 3.00157 7.16248 3.00157C6.41694 3.00157 5.67885 3.14998 4.99124 3.43814C4.30364 3.72631 3.68027 4.14846 3.15748 4.68C2.09389 5.76272 1.49796 7.21977 1.49796 8.7375C1.49796 10.2552 2.09389 11.7123 3.15748 12.795L12 21.75L20.8425 12.795C21.9061 11.7123 22.502 10.2552 22.502 8.7375C22.502 7.21977 21.9061 5.76272 20.8425 4.68C20.3198 4.14818 19.6965 3.72573 19.0089 3.4373C18.3213 3.14886 17.5831 3.00021 16.8375 3Z',
       fill: '#020210'
@@ -122,11 +144,12 @@ var HeartIcon = function HeartIcon(_a) {
   }));
 };
 
-var MinimizeIcon = function MinimizeIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2x = ["className", "onClick"];
+var MinimizeIcon = function MinimizeIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2x);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -134,7 +157,7 @@ var MinimizeIcon = function MinimizeIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M3 13.5V15H7.9395L1.5 21.4365L2.5605 22.5L9 16.0605V21H10.5V13.5H3Z',
       fill: 'white'
@@ -145,11 +168,12 @@ var MinimizeIcon = function MinimizeIcon(_a) {
   }));
 };
 
-var MaximizeIcon = function MaximizeIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2w = ["className", "onClick"];
+var MaximizeIcon = function MaximizeIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2w);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -157,7 +181,7 @@ var MaximizeIcon = function MaximizeIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M15 1.5V3H19.9395L13.5 9.4365L14.5605 10.5L21 4.0605V9H22.5V1.5H15Z',
       fill: 'white'
@@ -168,11 +192,12 @@ var MaximizeIcon = function MaximizeIcon(_a) {
   }));
 };
 
-var PauseIcon = function PauseIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2v = ["className", "onClick"];
+var PauseIcon = function PauseIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2v);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -180,7 +205,7 @@ var PauseIcon = function PauseIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M9 4.5H7.5C7.10218 4.5 6.72064 4.65804 6.43934 4.93934C6.15804 5.22064 6 5.60218 6 6V18C6 18.3978 6.15804 18.7794 6.43934 19.0607C6.72064 19.342 7.10218 19.5 7.5 19.5H9C9.39782 19.5 9.77936 19.342 10.0607 19.0607C10.342 18.7794 10.5 18.3978 10.5 18V6C10.5 5.60218 10.342 5.22064 10.0607 4.93934C9.77936 4.65804 9.39782 4.5 9 4.5Z',
       fill: 'white'
@@ -191,12 +216,13 @@ var PauseIcon = function PauseIcon(_a) {
   }));
 };
 
-var VolumeMuteIcon = function VolumeMuteIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    dark = _a.dark,
-    props = __rest(_a, ["className", "onClick", "dark"]);
-  return jsxs("svg", __assign({
+var _excluded$2u = ["className", "onClick", "dark"];
+var VolumeMuteIcon = function VolumeMuteIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    dark = _ref.dark,
+    props = _objectWithoutProperties(_ref, _excluded$2u);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -204,7 +230,7 @@ var VolumeMuteIcon = function VolumeMuteIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M23.25 9.30743L22.1925 8.24993L19.5 10.9424L16.8075 8.24993L15.75 9.30743L18.4425 11.9999L15.75 14.6924L16.8075 15.7499L19.5 13.0574L22.1925 15.7499L23.25 14.6924L20.5575 11.9999L23.25 9.30743Z',
       fill: dark ? '#000' : '#fff'
@@ -215,11 +241,12 @@ var VolumeMuteIcon = function VolumeMuteIcon(_a) {
   }));
 };
 
-var PlayIcon = function PlayIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2t = ["className", "onClick"];
+var PlayIcon = function PlayIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2t);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -227,7 +254,7 @@ var PlayIcon = function PlayIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M5.25 21.0001C5.05109 21.0001 4.86032 20.921 4.71967 20.7804C4.57902 20.6397 4.5 20.449 4.5 20.2501V3.75006C4.49999 3.61972 4.53395 3.49163 4.59852 3.37842C4.6631 3.2652 4.75606 3.17077 4.86825 3.10443C4.98044 3.03808 5.10798 3.00212 5.2383 3.00009C5.36862 2.99806 5.49722 3.03002 5.61143 3.09283L20.6114 11.3428C20.7291 11.4075 20.8273 11.5027 20.8956 11.6183C20.964 11.7339 21 11.8657 21 12C21 12.1343 20.964 12.2662 20.8956 12.3818C20.8273 12.4974 20.7291 12.5925 20.6114 12.6572L5.61143 20.9072C5.50069 20.9681 5.37637 21 5.25 21.0001Z',
       fill: 'white'
@@ -235,12 +262,13 @@ var PlayIcon = function PlayIcon(_a) {
   }));
 };
 
-var RewindIcon = function RewindIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    forward = _a.forward,
-    props = __rest(_a, ["className", "onClick", "forward"]);
-  return jsx("svg", __assign({
+var _excluded$2s = ["className", "onClick", "forward"];
+var RewindIcon = function RewindIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    forward = _ref.forward,
+    props = _objectWithoutProperties(_ref, _excluded$2s);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -248,7 +276,7 @@ var RewindIcon = function RewindIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: forward ? jsxs(Fragment, {
       children: [jsx("path", {
         d: 'M21 13.5C21 15.28 20.4722 17.0201 19.4832 18.5001C18.4943 19.9802 17.0887 21.1337 15.4442 21.8149C13.7996 22.4961 11.99 22.6743 10.2442 22.3271C8.49836 21.9798 6.89471 21.1226 5.63604 19.864C4.37737 18.6053 3.5202 17.0016 3.17293 15.2558C2.82566 13.51 3.00389 11.7004 3.68508 10.0559C4.36627 8.41131 5.51982 7.00571 6.99987 6.01677C8.47991 5.02784 10.22 4.5 12 4.5H15V0.75L19.5 5.25L15 9.75V6H12C10.5166 6 9.06659 6.43987 7.83322 7.26398C6.59985 8.08809 5.63856 9.25943 5.0709 10.6299C4.50324 12.0003 4.35472 13.5083 4.64411 14.9632C4.9335 16.418 5.6478 17.7544 6.6967 18.8033C7.74559 19.8522 9.08196 20.5665 10.5368 20.8559C11.9917 21.1453 13.4997 20.9968 14.8701 20.4291C16.2406 19.8614 17.4119 18.9001 18.236 17.6668C19.0601 16.4334 19.5 14.9834 19.5 13.5H21Z',
@@ -275,12 +303,13 @@ var RewindIcon = function RewindIcon(_a) {
   }));
 };
 
-var SkipIcon = function SkipIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    forward = _a.forward,
-    props = __rest(_a, ["className", "onClick", "forward"]);
-  return jsx("svg", __assign({
+var _excluded$2r = ["className", "onClick", "forward"];
+var SkipIcon = function SkipIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    forward = _ref.forward,
+    props = _objectWithoutProperties(_ref, _excluded$2r);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -288,7 +317,7 @@ var SkipIcon = function SkipIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: forward ? jsxs(Fragment, {
       children: [jsx("path", {
         d: 'M3.75001 21.0001C3.55109 21.0001 3.36033 20.921 3.21968 20.7804C3.07902 20.6397 3.00001 20.449 3.00001 20.2501V3.75005C2.99948 3.61789 3.03389 3.48794 3.09974 3.37336C3.16559 3.25878 3.26055 3.16363 3.37501 3.09755C3.48902 3.03173 3.61835 2.99707 3.75001 2.99707C3.88166 2.99707 4.01099 3.03173 4.12501 3.09755L18.375 11.3476C18.4904 11.413 18.5864 11.5078 18.6532 11.6225C18.72 11.7371 18.7552 11.8674 18.7552 12.0001C18.7552 12.1327 18.72 12.263 18.6532 12.3776C18.5864 12.4923 18.4904 12.5871 18.375 12.6526L4.12501 20.9026C4.0107 20.9673 3.88139 21.001 3.75001 21.0001ZM4.50001 5.04755V18.9526L16.5 12.0001L4.50001 5.04755Z',
@@ -309,12 +338,13 @@ var SkipIcon = function SkipIcon(_a) {
   }));
 };
 
-var SubtitlesIcon = function SubtitlesIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    active = _a.active,
-    props = __rest(_a, ["className", "onClick", "active"]);
-  return active ? jsx("svg", __assign({
+var _excluded$2q = ["className", "onClick", "active"];
+var SubtitlesIcon = function SubtitlesIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    active = _ref.active,
+    props = _objectWithoutProperties(_ref, _excluded$2q);
+  return active ? jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -322,12 +352,12 @@ var SubtitlesIcon = function SubtitlesIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M21 4.5H3C2.60218 4.5 2.22064 4.65804 1.93934 4.93934C1.65804 5.22064 1.5 5.60218 1.5 6V18C1.5 18.3978 1.65804 18.7794 1.93934 19.0607C2.22064 19.342 2.60218 19.5 3 19.5H21C21.3978 19.5 21.7794 19.342 22.0607 19.0607C22.342 18.7794 22.5 18.3978 22.5 18V6C22.5 5.60218 22.342 5.22064 22.0607 4.93934C21.7794 4.65804 21.3978 4.5 21 4.5ZM11.25 9.75H7.5V14.25H11.25V15.75H7.5C7.10218 15.75 6.72064 15.592 6.43934 15.3107C6.15804 15.0294 6 14.6478 6 14.25V9.75C6 9.35218 6.15804 8.97064 6.43934 8.68934C6.72064 8.40804 7.10218 8.25 7.5 8.25H11.25V9.75ZM18.75 9.75H15V14.25H18.75V15.75H15C14.6022 15.75 14.2206 15.592 13.9393 15.3107C13.658 15.0294 13.5 14.6478 13.5 14.25V9.75C13.5 9.35218 13.658 8.97064 13.9393 8.68934C14.2206 8.40804 14.6022 8.25 15 8.25H18.75V9.75Z',
       fill: 'white'
     })
-  })) : jsxs("svg", __assign({
+  })) : jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -335,7 +365,7 @@ var SubtitlesIcon = function SubtitlesIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M11.25 15.75H7.5C7.10218 15.75 6.72064 15.592 6.43934 15.3107C6.15804 15.0294 6 14.6478 6 14.25V9.75C6 9.35218 6.15804 8.97064 6.43934 8.68934C6.72064 8.40804 7.10218 8.25 7.5 8.25H11.25V9.75H7.5V14.25H11.25V15.75Z',
       fill: 'white'
@@ -349,11 +379,12 @@ var SubtitlesIcon = function SubtitlesIcon(_a) {
   }));
 };
 
-var MeterIcon = function MeterIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2p = ["className", "onClick"];
+var MeterIcon = function MeterIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2p);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -361,7 +392,7 @@ var MeterIcon = function MeterIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M22.5 15C22.499 12.996 21.9184 11.035 20.8282 9.35342L19.7443 10.4374C20.5661 11.8175 20.9999 13.3938 21 15H22.5Z',
       fill: 'white'
@@ -375,13 +406,14 @@ var MeterIcon = function MeterIcon(_a) {
   }));
 };
 
-var ArrowDropDownIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#fff' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$2o = ["className", "onClick", "fill"];
+var ArrowDropDownIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#fff' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$2o);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -390,7 +422,7 @@ var ArrowDropDownIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-384 288-576h384L480-384Z',
       fill: fill
@@ -399,11 +431,12 @@ var ArrowDropDownIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ArrowDropDownIcon.displayName = 'ArrowDropDownIcon';
 
-var Analytics = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2n = ["className", "onClick"];
+var Analytics = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2n);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -412,7 +445,7 @@ var Analytics = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M3 1.5H1.5V21C1.5 21.3978 1.65804 21.7794 1.93934 22.0607C2.22064 22.342 2.60218 22.5 3 22.5H22.5V21H3V1.5Z',
       fill: '#020210'
@@ -424,11 +457,12 @@ var Analytics = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Analytics.displayName = 'Analytics';
 
-var AddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2m = ["className", "onClick"];
+var AddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2m);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -437,7 +471,7 @@ var AddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M12 3C16.95 3 21 7.05 21 12C21 16.95 16.95 21 12 21C7.05 21 3 16.95 3 12C3 7.05 7.05 3 12 3ZM12 1.5C6.225 1.5 1.5 6.225 1.5 12C1.5 17.775 6.225 22.5 12 22.5C17.775 22.5 22.5 17.775 22.5 12C22.5 6.225 17.775 1.5 12 1.5Z',
       fill: '#68707A'
@@ -449,11 +483,12 @@ var AddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AddAlt.displayName = 'AddAlt';
 
-var Company = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2l = ["className", "onClick"];
+var Company = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2l);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -462,7 +497,7 @@ var Company = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M21 1.5H12C11.6023 1.5004 11.221 1.65856 10.9398 1.93978C10.6586 2.221 10.5004 2.6023 10.5 3V10.5H3C2.6023 10.5004 2.221 10.6586 1.93978 10.9398C1.65856 11.221 1.5004 11.6023 1.5 12V22.5H22.5V3C22.4995 2.60232 22.3414 2.22105 22.0602 1.93984C21.7789 1.65864 21.3977 1.50046 21 1.5ZM6.75 21V15.75H9.75V21H6.75ZM21 21H11.25V15C11.25 14.8011 11.171 14.6103 11.0303 14.4697C10.8897 14.329 10.6989 14.25 10.5 14.25H6C5.80109 14.25 5.61032 14.329 5.46967 14.4697C5.32902 14.6103 5.25 14.8011 5.25 15V21H3V12H12V3H21V21Z',
       fill: '#020210'
@@ -489,11 +524,12 @@ var Company = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Company.displayName = 'Company';
 
-var AddStudent = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2k = ["className", "onClick"];
+var AddStudent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2k);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -502,7 +538,7 @@ var AddStudent = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M10 2.5C14.125 2.5 17.5 5.875 17.5 10C17.5 14.125 14.125 17.5 10 17.5C5.875 17.5 2.5 14.125 2.5 10C2.5 5.875 5.875 2.5 10 2.5ZM10 1.25C5.1875 1.25 1.25 5.1875 1.25 10C1.25 14.8125 5.1875 18.75 10 18.75C14.8125 18.75 18.75 14.8125 18.75 10C18.75 5.1875 14.8125 1.25 10 1.25Z',
       fill: '#68707A'
@@ -514,11 +550,12 @@ var AddStudent = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AddStudent.displayName = 'AddStudent';
 
-var Learning = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2j = ["className", "onClick"];
+var Learning = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2j);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -527,7 +564,7 @@ var Learning = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M22.5 6H12V7.5H22.5V6Z',
       fill: '#020210'
@@ -545,11 +582,12 @@ var Learning = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Learning.displayName = 'Learning';
 
-var UsersIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2i = ["className", "onClick"];
+var UsersIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2i);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -558,7 +596,7 @@ var UsersIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M22.5 22.5H21V18.75C20.9989 17.7558 20.6034 16.8026 19.9004 16.0996C19.1974 15.3966 18.2442 15.0011 17.25 15V13.5C18.6419 13.5015 19.9764 14.0552 20.9606 15.0394C21.9448 16.0236 22.4985 17.3581 22.5 18.75V22.5Z',
       fill: '#020210'
@@ -576,11 +614,12 @@ var UsersIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UsersIcon.displayName = 'UsersIcon';
 
-var Circle = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2h = ["className", "onClick"];
+var Circle = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2h);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -589,7 +628,7 @@ var Circle = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M12 6C13.1867 6 14.3467 6.35189 15.3334 7.01118C16.3201 7.67047 17.0892 8.60754 17.5433 9.7039C17.9974 10.8003 18.1162 12.0067 17.8847 13.1705C17.6532 14.3344 17.0818 15.4035 16.2426 16.2426C15.4035 17.0818 14.3344 17.6532 13.1705 17.8847C12.0067 18.1162 10.8003 17.9974 9.7039 17.5433C8.60755 17.0892 7.67048 16.3201 7.01119 15.3334C6.3519 14.3467 6 13.1867 6 12C6.00179 10.4092 6.63451 8.88416 7.75934 7.75933C8.88417 6.6345 10.4093 6.00179 12 6ZM12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36628 6.91131 3.68509 8.55585C3.0039 10.2004 2.82567 12.01 3.17294 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89472 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.387 3 12 3Z',
       fill: '#D6DAE0'
@@ -598,11 +637,12 @@ var Circle = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Circle.displayName = 'Circle';
 
-var Library = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2g = ["className", "onClick"];
+var Library = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2g);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -611,7 +651,7 @@ var Library = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M22.5 6H12V7.5H22.5V6Z',
       fill: '#020210'
@@ -629,13 +669,14 @@ var Library = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Library.displayName = 'Library';
 
-var AddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? 'white' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$2f = ["className", "onClick", "fill"];
+var AddIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? 'white' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$2f);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '25',
     height: '24',
@@ -644,7 +685,7 @@ var AddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M13.25 11.25V6H11.75V11.25H6.5V12.75H11.75V18H13.25V12.75H18.5V11.25H13.25Z',
       fill: fill
@@ -653,11 +694,12 @@ var AddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AddIcon.displayName = 'AddIcon';
 
-var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2e = ["className", "onClick"];
+var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2e);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -666,7 +708,7 @@ var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M2 1H1V14C1 14.2652 1.10536 14.5196 1.29289 14.7071C1.48043 14.8946 1.73478 15 2 15H15V14H2V1Z',
       fill: '#020210'
@@ -678,11 +720,12 @@ var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AnalyticsIcon.displayName = 'AnalyticsIcon';
 
-var AssignTutor = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$2d = ["className", "onClick"];
+var AssignTutor = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2d);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -691,7 +734,7 @@ var AssignTutor = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M13.75 18.75H12.5V16.875C12.499 16.0465 12.1695 15.2522 11.5836 14.6664C10.9978 14.0805 10.2035 13.751 9.375 13.75H5.625C4.7965 13.751 4.00221 14.0805 3.41637 14.6664C2.83053 15.2522 2.50098 16.0465 2.5 16.875V18.75H1.25V16.875C1.25136 15.7151 1.71273 14.6031 2.53291 13.7829C3.35308 12.9627 4.46509 12.5014 5.625 12.5H9.375C10.5349 12.5014 11.6469 12.9627 12.4671 13.7829C13.2873 14.6031 13.7486 15.7151 13.75 16.875V18.75Z',
       fill: '#68707A'
@@ -709,11 +752,12 @@ var AssignTutor = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AssignTutor.displayName = 'AssignTutor';
 
-var Book = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2c = ["className", "onClick"];
+var Book = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2c);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '94',
     height: '62',
@@ -722,7 +766,7 @@ var Book = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsxs("g", {
       id: 'Vector',
       children: [jsx("path", {
@@ -739,11 +783,12 @@ var Book = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Book.displayName = 'Book';
 
-var BookWithBookmark = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2b = ["className", "onClick"];
+var BookWithBookmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2b);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -752,7 +797,7 @@ var BookWithBookmark = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M12 15H4C3.73488 14.9997 3.4807 14.8942 3.29323 14.7068C3.10576 14.5193 3.0003 14.2651 3 14V2C3.00026 1.73486 3.10571 1.48066 3.29319 1.29319C3.48066 1.10571 3.73486 1.00026 4 1H12C12.2651 1.0003 12.5193 1.10576 12.7068 1.29323C12.8942 1.4807 12.9997 1.73488 13 2V10.3091L10.5 9.0591L8 10.3091V2H4V14H12V12H13V14C12.9996 14.2651 12.8942 14.5193 12.7067 14.7067C12.5193 14.8942 12.2651 14.9996 12 15ZM10.5 7.9409L12 8.6909V2H9V8.6909L10.5 7.9409Z',
       fill: '#020210'
@@ -761,11 +806,12 @@ var BookWithBookmark = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 BookWithBookmark.displayName = 'BookWithBookmark';
 
-var BusinessIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$2a = ["className", "onClick"];
+var BusinessIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$2a);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -774,7 +820,7 @@ var BusinessIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M80-80v-481l280-119v80l200-80v120h320v480H80Zm80-80h640v-320H480v-82l-200 80v-78l-120 53v347Zm280-80h80v-160h-80v160Zm-160 0h80v-160h-80v160Zm320 0h80v-160h-80v160Zm280-320H680l40-320h120l40 320ZM160-160h640-640Z',
       fill: '#06C68F'
@@ -783,11 +829,12 @@ var BusinessIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 BusinessIcon.displayName = 'BusinessIcon';
 
-var CaretDown = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$29 = ["className", "onClick"];
+var CaretDown = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$29);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -796,7 +843,7 @@ var CaretDown = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Caret--down',
       children: jsx("path", {
@@ -809,11 +856,12 @@ var CaretDown = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CaretDown.displayName = 'CaretDown';
 
-var CheckedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$28 = ["className", "onClick"];
+var CheckedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$28);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '32',
     height: '32',
@@ -822,7 +870,7 @@ var CheckedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsxs("g", {
       id: 'checked 1',
       children: [jsx("path", {
@@ -839,11 +887,12 @@ var CheckedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckedIcon.displayName = 'Checked';
 
-var Checkmark = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$27 = ["className", "onClick"];
+var Checkmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$27);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -852,7 +901,7 @@ var Checkmark = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Checkmark',
       children: jsx("path", {
@@ -865,11 +914,12 @@ var Checkmark = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Checkmark.displayName = 'Checkmark';
 
-var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$26 = ["className", "onClick"];
+var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$26);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -878,7 +928,7 @@ var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Checkmark--outline',
       children: jsxs("g", {
@@ -896,11 +946,12 @@ var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckmarkOutline.displayName = 'CheckmarkOutline';
 
-var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$25 = ["className", "onClick"];
+var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$25);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '40',
     height: '40',
@@ -909,7 +960,7 @@ var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M18.75 23.3837L15.625 20.2581L16.5081 19.375L18.75 21.6163L23.4906 16.875L24.375 17.7594L18.75 23.3837Z',
       fill: '#68707A'
@@ -921,11 +972,12 @@ var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckmarkOutlineAction.displayName = 'CheckmarkOutlineAction';
 
-var Close = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$24 = ["className", "onClick"];
+var Close = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$24);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -934,7 +986,7 @@ var Close = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Close',
       children: jsx("path", {
@@ -947,13 +999,14 @@ var Close = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Close.displayName = 'Close';
 
-var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$23 = ["className", "onClick", "fill"];
+var CloseIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$23);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -962,7 +1015,7 @@ var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'm256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z',
       fill: fill
@@ -971,11 +1024,12 @@ var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CloseIcon.displayName = 'CloseIcon';
 
-var CloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$22 = ["className", "onClick"];
+var CloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$22);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -984,7 +1038,7 @@ var CloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Close--outline',
       children: jsxs("g", {
@@ -1002,11 +1056,12 @@ var CloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CloseOutline.displayName = 'CloseOutline';
 
-var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$21 = ["className", "onClick"];
+var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$21);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -1016,7 +1071,7 @@ var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0 0 256 256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       fill: '#68707a',
       fillRule: 'nonzero',
@@ -1045,11 +1100,12 @@ var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CloseOutlineAction.displayName = 'CloseOutlineAction';
 
-var Coach = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$20 = ["className", "onClick"];
+var Coach = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$20);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '19',
@@ -1058,7 +1114,7 @@ var Coach = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("circle", {
       cx: '10.0108',
       cy: '9.25204',
@@ -1073,11 +1129,12 @@ var Coach = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Coach.displayName = 'Coach';
 
-var DarkAddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1$ = ["className", "onClick"];
+var DarkAddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1$);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1086,7 +1143,7 @@ var DarkAddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M12 3C16.95 3 21 7.05 21 12C21 16.95 16.95 21 12 21C7.05 21 3 16.95 3 12C3 7.05 7.05 3 12 3ZM12 1.5C6.225 1.5 1.5 6.225 1.5 12C1.5 17.775 6.225 22.5 12 22.5C17.775 22.5 22.5 17.775 22.5 12C22.5 6.225 17.775 1.5 12 1.5Z',
       fill: '#08C694'
@@ -1098,11 +1155,12 @@ var DarkAddAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DarkAddAlt.displayName = 'DarkAddAlt';
 
-var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1_ = ["className", "onClick"];
+var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1_);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1111,7 +1169,7 @@ var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M20.25 18C19.9158 18.0017 19.5862 18.0788 19.2859 18.2256L16.0606 15H13.5V16.5H15.4394L18.2254 19.2861C18.0788 19.5864 18.0018 19.9159 18 20.25C18 20.695 18.132 21.13 18.3792 21.5C18.6264 21.87 18.9778 22.1584 19.389 22.3287C19.8001 22.499 20.2525 22.5436 20.689 22.4568C21.1254 22.3699 21.5263 22.1557 21.841 21.841C22.1557 21.5263 22.3699 21.1254 22.4568 20.689C22.5436 20.2525 22.499 19.8001 22.3287 19.389C22.1584 18.9778 21.87 18.6264 21.5 18.3792C21.13 18.132 20.695 18 20.25 18ZM20.25 21C20.1017 21 19.9567 20.956 19.8333 20.8736C19.71 20.7912 19.6139 20.6741 19.5571 20.537C19.5003 20.4 19.4855 20.2492 19.5144 20.1037C19.5434 19.9582 19.6148 19.8246 19.7197 19.7197C19.8246 19.6148 19.9582 19.5433 20.1037 19.5144C20.2492 19.4855 20.4 19.5003 20.537 19.5571C20.6741 19.6139 20.7912 19.71 20.8736 19.8333C20.956 19.9567 21 20.1017 21 20.25C20.9998 20.4489 20.9207 20.6395 20.7801 20.7801C20.6395 20.9207 20.4489 20.9998 20.25 21Z',
       fill: '#020210'
@@ -1129,11 +1187,12 @@ var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DarkAiAssistent.displayName = 'DarkAiAssistent';
 
-var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1Z = ["className", "onClick"];
+var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1Z);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -1142,7 +1201,7 @@ var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Close--outline',
       children: jsxs("g", {
@@ -1160,11 +1219,12 @@ var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DarkCloseOutline.displayName = 'DarkCloseOutline';
 
-var DarkTrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1Y = ["className", "onClick"];
+var DarkTrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1Y);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -1173,7 +1233,7 @@ var DarkTrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Trash-can',
       children: jsxs("g", {
@@ -1197,11 +1257,12 @@ var DarkTrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DarkTrashCan.displayName = 'DarkTrashCan';
 
-var DefaultAvatar = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1X = ["className", "onClick"];
+var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1X);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     id: 'Profile_Picture',
     "data-name": 'Profile Picture',
@@ -1212,7 +1273,7 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0 0 156.001 159',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsxs("defs", {
       children: [jsx("style", {
         children: "\n              .cls-1, .cls-5, .cls-7 { fill: none; }\n              .cls-1, .cls-5 { stroke: #06c68f; }\n              .cls-1 { stroke-width: 12px; }\n              .cls-2 { opacity: 0.7; }\n              .cls-3 { fill: #06c68f; }\n              .cls-4 { clip-path: url(#clip-path); }\n              .cls-5 { stroke-width: 5px; }\n              .cls-6 { stroke: none; }\n            "
@@ -1286,11 +1347,12 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DefaultAvatar.displayName = 'DefaultAvatar';
 
-var Delete = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1W = ["className", "onClick"];
+var Delete = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1W);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1299,7 +1361,7 @@ var Delete = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M10.5 9H9V18H10.5V9Z',
       fill: '#EA382A'
@@ -1317,11 +1379,12 @@ var Delete = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Delete.displayName = 'Delete';
 
-var DocumentAttachment = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1V = ["className", "onClick"];
+var DocumentAttachment = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1V);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -1330,7 +1393,7 @@ var DocumentAttachment = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Document--attachment',
       children: jsxs("g", {
@@ -1357,13 +1420,14 @@ var DocumentAttachment = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DocumentAttachment.displayName = 'DocumentAttachment';
 
-var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#FFFFFF' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$1U = ["className", "onClick", "fill"];
+var DownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#FFFFFF' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1U);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1372,7 +1436,7 @@ var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z',
       fill: fill
@@ -1384,11 +1448,12 @@ var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DownloadIcon.displayName = 'DownloadIcon';
 
-var Download = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1T = ["className", "onClick"];
+var Download = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1T);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1397,7 +1462,7 @@ var Download = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Download',
       children: jsxs("g", {
@@ -1415,11 +1480,12 @@ var Download = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Download.displayName = 'Download';
 
-var Edit = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1S = ["className", "onClick"];
+var Edit = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1S);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1428,7 +1494,7 @@ var Edit = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M22.5 19.5H1.5V21H22.5V19.5Z',
       fill: '#020210'
@@ -1440,11 +1506,12 @@ var Edit = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Edit.displayName = 'Edit';
 
-var EditRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1R = ["className", "onClick"];
+var EditRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1R);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '40',
     height: '40',
@@ -1453,7 +1520,7 @@ var EditRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M28.75 26.25H11.25V27.5H28.75V26.25Z',
       fill: '#68707A'
@@ -1465,11 +1532,12 @@ var EditRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EditRounded.displayName = 'EditRounded';
 
-var EditUsers = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1Q = ["className", "onClick"];
+var EditUsers = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1Q);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -1478,7 +1546,7 @@ var EditUsers = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M15 13H1V14H15V13Z',
       fill: '#68707A'
@@ -1490,11 +1558,12 @@ var EditUsers = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EditUsers.displayName = 'EditUsers';
 
-var Education = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1P = ["className", "onClick"];
+var Education = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1P);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1503,7 +1572,7 @@ var Education = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M19.2416 22.1382H17.7933V19.9658C17.7922 19.0059 17.4103 18.0856 16.7316 17.4068C16.0528 16.7281 15.1325 16.3463 14.1726 16.3451H9.82779C8.86787 16.3463 7.94759 16.7281 7.26882 17.4068C6.59006 18.0856 6.20823 19.0059 6.2071 19.9658V22.1382H4.75882V19.9658C4.76039 18.6219 5.29495 17.3335 6.24522 16.3832C7.1955 15.433 8.4839 14.8984 9.82779 14.8968H14.1726C15.5165 14.8984 16.8049 15.433 17.7552 16.3832C18.7055 17.3335 19.24 18.6219 19.2416 19.9658V22.1382Z',
       fill: '#8438C6'
@@ -1518,11 +1587,12 @@ var Education = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Education.displayName = 'Education';
 
-var EducationDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1O = ["className", "onClick"];
+var EducationDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1O);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -1531,7 +1601,7 @@ var EducationDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M13 15H12V13.5C11.9992 12.8372 11.7356 12.2018 11.2669 11.7331C10.7982 11.2644 10.1628 11.0008 9.5 11H6.5C5.8372 11.0008 5.20177 11.2644 4.7331 11.7331C4.26442 12.2018 4.00078 12.8372 4 13.5V15H3V13.5C3.00109 12.5721 3.37018 11.6825 4.02632 11.0263C4.68247 10.3702 5.57208 10.0011 6.5 10H9.5C10.4279 10.0011 11.3175 10.3702 11.9737 11.0263C12.6298 11.6825 12.9989 12.5721 13 13.5V15Z',
       fill: '#020210'
@@ -1546,11 +1616,12 @@ var EducationDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EducationDefault.displayName = 'EducationDefault';
 
-var EmailIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1N = ["className", "onClick"];
+var EmailIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1N);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1559,7 +1630,7 @@ var EmailIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z',
       fill: '#06C68F'
@@ -1568,11 +1639,12 @@ var EmailIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EmailIcon.displayName = 'EmailIcon';
 
-var EventIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1M = ["className", "onClick"];
+var EventIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1M);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1581,7 +1653,7 @@ var EventIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z',
       fill: '#06C68F'
@@ -1590,11 +1662,12 @@ var EventIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EventIcon.displayName = 'EventIcon';
 
-var LocationCityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1L = ["className", "onClick"];
+var LocationCityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1L);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1603,7 +1676,7 @@ var LocationCityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M120-120v-560h240v-80l120-120 120 120v240h240v400H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z',
       fill: '#06C68F'
@@ -1612,11 +1685,12 @@ var LocationCityIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 LocationCityIcon.displayName = 'LocationCityIcon';
 
-var LocationOnIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1K = ["className", "onClick"];
+var LocationOnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1K);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1625,7 +1699,7 @@ var LocationOnIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z',
       fill: '#06C68F'
@@ -1634,11 +1708,12 @@ var LocationOnIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 LocationOnIcon.displayName = 'LocationOnIcon';
 
-var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1J = ["className", "onClick"];
+var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1J);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1647,7 +1722,7 @@ var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M240-400v-160h-80v400h640v-400H400v-80h400q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H160q-33 0-56.5-23.5T80-160v-400q0-33 23.5-56.5T160-640h80v-240h320v160H320v320h-80Zm-80-160v160-160 400-400Z',
       fill: '#06C68F'
@@ -1656,13 +1731,14 @@ var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 MarkunreadMailboxIcon.displayName = 'MarkunreadMailboxIcon';
 
-var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#fff' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$1I = ["className", "onClick", "fill"];
+var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#fff' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1I);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1671,7 +1747,7 @@ var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M288-384 480-576 672-384H288Z',
       fill: fill
@@ -1680,13 +1756,14 @@ var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ArrowDropUpIcon.displayName = 'ArrowDropUpIcon';
 
-var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$1H = ["className", "onClick", "fill"];
+var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1H);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1695,7 +1772,7 @@ var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M192-216v-72h48v-240q0-87 53.5-153T432-763v-53q0-20 14-34t34-14q20 0 34 14t14 34v53q85 16 138.5 82T720-528v240h48v72H192Zm288-276Zm-.21 396Q450-96 429-117.15T408-168h144q0 30-21.21 51t-51 21ZM312-288h336v-240q0-70-49-119t-119-49q-70 0-119 49t-49 119v240Z',
       fill: fill
@@ -1704,13 +1781,14 @@ var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CircleNotificationsIcon.displayName = 'CircleNotificationsIcon';
 
-var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? 'inherit' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$1G = ["className", "onClick", "fill"];
+var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? 'inherit' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1G);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1719,7 +1797,7 @@ var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M192-216v-72h48v-240q0-87 53.5-153T432-763v-53q0-20 14-34t34-14q20 0 34 14t14 34v53q85 16 138.5 82T720-528v240h48v72H192Zm288-276Zm-.21 396Q450-96 429-117.15T408-168h144q0 30-21.21 51t-51 21ZM312-288h336v-240q0-70-49-119t-119-49q-70 0-119 49t-49 119v240Z',
       fill: fill
@@ -1728,11 +1806,12 @@ var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 KeyboardBackspaceIcon.displayName = 'KeyboardBackspaceIcon';
 
-var FilterIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1F = ["className", "onClick"];
+var FilterIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1F);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1741,7 +1820,7 @@ var FilterIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M11.25 17.5H8.75C8.41848 17.5 8.10054 17.3683 7.86612 17.1339C7.6317 16.8995 7.5 16.5815 7.5 16.25V11.5063L2.86875 6.875C2.63401 6.64166 2.5014 6.32474 2.5 5.99375V3.75C2.5 3.41848 2.6317 3.10054 2.86612 2.86612C3.10054 2.6317 3.41848 2.5 3.75 2.5H16.25C16.5815 2.5 16.8995 2.6317 17.1339 2.86612C17.3683 3.10054 17.5 3.41848 17.5 3.75V5.99375C17.4986 6.32474 17.366 6.64166 17.1313 6.875L12.5 11.5063V16.25C12.5 16.5815 12.3683 16.8995 12.1339 17.1339C11.8995 17.3683 11.5815 17.5 11.25 17.5ZM3.75 3.75V5.99375L8.75 10.9937V16.25H11.25V10.9937L16.25 5.99375V3.75H3.75Z',
       fill: '#68707A'
@@ -1750,11 +1829,12 @@ var FilterIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 FilterIcon.displayName = 'FilterIcon';
 
-var GrayDownload = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1E = ["className", "onClick"];
+var GrayDownload = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1E);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -1763,7 +1843,7 @@ var GrayDownload = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0,0,256,256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       "fill-opacity": '0.52941',
       fill: '#7a7a7a',
@@ -1792,11 +1872,12 @@ var GrayDownload = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GrayDownload.displayName = 'GrayDownload';
 
-var Person = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1D = ["className", "onClick"];
+var Person = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1D);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1805,7 +1886,7 @@ var Person = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z',
       fill: '#06C68F'
@@ -1814,13 +1895,14 @@ var Person = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Person.displayName = 'Person';
 
-var HelpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#06C68F' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$1C = ["className", "onClick", "fill"];
+var HelpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#06C68F' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1C);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1829,7 +1911,7 @@ var HelpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-240q20 0 34-14t14-34q0-20-14-34t-34-14q-20 0-34 14t-14 34q0 20 14 34t34 14Zm-36-153h73q0-37 6.5-52.5T555-485q35-34 48.5-58t13.5-53q0-55-37.5-89.5T484-720q-51 0-88.5 27T343-620l65 27q9-28 28.5-43.5T482-652q28 0 46 16t18 42q0 23-15.5 41T496-518q-35 32-43.5 52.5T444-393Zm36 297q-79 0-149-30t-122.5-82.5Q156-261 126-331T96-480q0-80 30-149.5t82.5-122Q261-804 331-834t149-30q80 0 149.5 30t122 82.5Q804-699 834-629.5T864-480q0 79-30 149t-82.5 122.5Q699-156 629.5-126T480-96Zm0-72q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z',
       fill: fill
@@ -1838,11 +1920,12 @@ var HelpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 HelpIcon.displayName = 'HelpIcon';
 
-var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1B = ["className", "onClick"];
+var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1B);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1851,7 +1934,7 @@ var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M280-40q-33 0-56.5-23.5T200-120v-720q0-33 23.5-56.5T280-920h400q33 0 56.5 23.5T760-840v720q0 33-23.5 56.5T680-40H280Zm0-200v120h400v-120H280Zm200 100q17 0 28.5-11.5T520-180q0-17-11.5-28.5T480-220q-17 0-28.5 11.5T440-180q0 17 11.5 28.5T480-140ZM280-320h400v-400H280v400Zm0-480h400v-40H280v40Zm0 560v120-120Zm0-560v-40 40Z',
       fill: '#06C68F'
@@ -1860,11 +1943,12 @@ var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PhoneIphoneIcon.displayName = 'PhoneIphoneIcon';
 
-var PublicIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1A = ["className", "onClick"];
+var PublicIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1A);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -1873,7 +1957,7 @@ var PublicIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q41-45 62.5-100.5T800-480q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z',
       fill: '#06C68F'
@@ -1882,11 +1966,12 @@ var PublicIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PublicIcon.displayName = 'PublicIcon';
 
-var PlayGrayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1z = ["className", "onClick"];
+var PlayGrayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1z);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -1895,7 +1980,7 @@ var PlayGrayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0,0,256,256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       "fill-opacity": '0.52941',
       fill: '#7a7a7a',
@@ -1922,11 +2007,12 @@ var PlayGrayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PlayGrayButton.displayName = 'PlayGrayButton';
 
-var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1y = ["className", "onClick"];
+var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1y);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -1936,7 +2022,7 @@ var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0 0 256 256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       fillOpacity: '0.52941',
       fill: '#7a7a7a',
@@ -1966,11 +2052,12 @@ var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GrayPlayIcon.displayName = 'GrayPlayIcon';
 
-var GridView = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1x = ["className", "onClick"];
+var GridView = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1x);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -1979,7 +2066,7 @@ var GridView = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Grid',
       children: jsxs("g", {
@@ -2003,11 +2090,12 @@ var GridView = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GridView.displayName = 'GridView';
 
-var Group = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1w = ["className", "onClick"];
+var Group = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1w);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2016,7 +2104,7 @@ var Group = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Group',
       children: jsxs("g", {
@@ -2040,11 +2128,12 @@ var Group = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Group.displayName = 'Group';
 
-var GroupDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1v = ["className", "onClick"];
+var GroupDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1v);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -2053,7 +2142,7 @@ var GroupDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M15.5 15H14.5V13.5C14.5 13.1022 14.342 12.7206 14.0607 12.4393C13.7794 12.158 13.3978 12 13 12H11C10.6022 12 10.2206 12.158 9.93934 12.4393C9.65804 12.7206 9.5 13.1022 9.5 13.5V15H8.5V13.5C8.5 12.837 8.76339 12.2011 9.23223 11.7322C9.70107 11.2634 10.337 11 11 11H13C13.663 11 14.2989 11.2634 14.7678 11.7322C15.2366 12.2011 15.5 12.837 15.5 13.5V15Z',
       fill: '#020210'
@@ -2071,11 +2160,12 @@ var GroupDefault = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GroupDefault.displayName = 'GroupDefault';
 
-var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1u = ["className", "onClick"];
+var Help = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1u);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -2084,7 +2174,7 @@ var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z',
       fill: '#68707A'
@@ -2099,11 +2189,12 @@ var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Help.displayName = 'Help';
 
-var HorizontalView = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1t = ["className", "onClick"];
+var HorizontalView = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1t);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2112,7 +2203,7 @@ var HorizontalView = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Horizontal-view',
       children: jsxs("g", {
@@ -2130,11 +2221,12 @@ var HorizontalView = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 HorizontalView.displayName = 'HorizontalView';
 
-var Information = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1s = ["className", "onClick"];
+var Information = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1s);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2143,7 +2235,7 @@ var Information = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Information',
       children: jsxs("g", {
@@ -2164,11 +2256,12 @@ var Information = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Information.displayName = 'Information';
 
-var Locked = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1r = ["className", "onClick"];
+var Locked = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1r);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2177,7 +2270,7 @@ var Locked = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Locked',
       children: jsx("path", {
@@ -2190,11 +2283,12 @@ var Locked = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Locked.displayName = 'Locked';
 
-var Logout = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1q = ["className", "onClick"];
+var Logout = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1q);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2203,7 +2297,7 @@ var Logout = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M4.5 22.5H13.5C13.8977 22.4995 14.279 22.3414 14.5602 22.0602C14.8414 21.7789 14.9995 21.3977 15 21V18.75H13.5V21H4.5V3H13.5V5.25H15V3C14.9995 2.60232 14.8414 2.22105 14.5602 1.93984C14.279 1.65864 13.8977 1.50046 13.5 1.5H4.5C4.10232 1.50046 3.72105 1.65864 3.43984 1.93984C3.15864 2.22105 3.00046 2.60232 3 3V21C3.00046 21.3977 3.15864 21.7789 3.43984 22.0602C3.72105 22.3414 4.10232 22.4995 4.5 22.5Z',
       fill: '#020210'
@@ -2215,11 +2309,12 @@ var Logout = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Logout.displayName = 'Logout';
 
-var MoreVertRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1p = ["className", "onClick"];
+var MoreVertRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2228,7 +2323,7 @@ var MoreVertRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5Z',
       fill: '#020210'
@@ -2243,11 +2338,12 @@ var MoreVertRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 MoreVertRoundedIcon.displayName = 'MoreVertRoundedIcon';
 
-var MyProfile = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1o = ["className", "onClick"];
+var MyProfile = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1o);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2256,7 +2352,7 @@ var MyProfile = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M12 6C11.2583 6 10.5333 6.21993 9.91662 6.63199C9.29993 7.04404 8.81928 7.62971 8.53546 8.31494C8.25163 9.00016 8.17736 9.75416 8.32206 10.4816C8.46675 11.209 8.82391 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684 13.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92128 10.611C9.75098 10.1999 9.70642 9.7475 9.79324 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.5611 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.2493 10.3465 14.0121 10.9184 13.5903 11.3402C13.1684 11.7621 12.5965 11.9993 12 12Z',
       fill: '#020210'
@@ -2268,11 +2364,12 @@ var MyProfile = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 MyProfile.displayName = 'MyProfile';
 
-var NewFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1n = ["className", "onClick"];
+var NewFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2282,7 +2379,7 @@ var NewFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M11.25 17.5H8.75C8.41848 17.5 8.10054 17.3683 7.86612 17.1339C7.6317 16.8995 7.5 16.5815 7.5 16.25V11.5063L2.86875 6.875C2.63401 6.64166 2.5014 6.32474 2.5 5.99375V3.75C2.5 3.41848 2.6317 3.10054 2.86612 2.86612C3.10054 2.6317 3.41848 2.5 3.75 2.5H16.25C16.5815 2.5 16.8995 2.6317 17.1339 2.86612C17.3683 3.10054 17.5 3.41848 17.5 3.75V5.99375C17.4986 6.32474 17.366 6.64166 17.1313 6.875L12.5 11.5063V16.25C12.5 16.5815 12.3683 16.8995 12.1339 17.1339C11.8995 17.3683 11.5815 17.5 11.25 17.5ZM3.75 3.75V5.99375L8.75 10.9937V16.25H11.25V10.9937L16.25 5.99375V3.75H3.75Z',
       fill: 'red'
@@ -2291,11 +2388,12 @@ var NewFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 NewFilter.displayName = 'NewFilter';
 
-var Notification = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1m = ["className", "onClick"];
+var Notification = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1m);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2304,7 +2402,7 @@ var Notification = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M21.5303 14.4697L19.5 12.4394V9.75C19.4976 7.89146 18.8061 6.09983 17.5593 4.72154C16.3126 3.34326 14.599 2.47622 12.75 2.2881V0.75H11.25V2.2881C9.40101 2.47622 7.68744 3.34326 6.44065 4.72154C5.19386 6.09983 4.50241 7.89146 4.5 9.75V12.4394L2.46968 14.4697C2.32904 14.6104 2.25002 14.8011 2.25 15V17.25C2.25 17.4489 2.32902 17.6397 2.46967 17.7803C2.61032 17.921 2.80109 18 3 18H8.25V18.5826C8.23374 19.534 8.56913 20.458 9.19191 21.1775C9.81469 21.897 10.6811 22.3613 11.625 22.4816C12.1464 22.5334 12.6728 22.4754 13.1704 22.3115C13.668 22.1475 14.1258 21.8813 14.5143 21.5298C14.9029 21.1783 15.2135 20.7494 15.4263 20.2707C15.6391 19.7919 15.7494 19.2739 15.75 18.75V18H21C21.1989 18 21.3897 17.921 21.5303 17.7803C21.671 17.6397 21.75 17.4489 21.75 17.25V15C21.75 14.8011 21.671 14.6104 21.5303 14.4697ZM14.25 18.75C14.25 19.3467 14.0129 19.919 13.591 20.341C13.169 20.7629 12.5967 21 12 21C11.4033 21 10.831 20.7629 10.409 20.341C9.98705 19.919 9.75 19.3467 9.75 18.75V18H14.25V18.75ZM20.25 16.5H3.75V15.3106L5.78025 13.2802C5.92091 13.1396 5.99996 12.9489 6 12.75V9.75C6 8.1587 6.63214 6.63258 7.75736 5.50736C8.88258 4.38214 10.4087 3.75 12 3.75C13.5913 3.75 15.1174 4.38214 16.2426 5.50736C17.3679 6.63258 18 8.1587 18 9.75V12.75C18 12.9489 18.0791 13.1396 18.2197 13.2802L20.25 15.3106V16.5Z',
       fill: '#020210'
@@ -2313,11 +2411,12 @@ var Notification = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Notification.displayName = 'Notification';
 
-var PlayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1l = ["className", "onClick"];
+var PlayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1l);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -2326,7 +2425,7 @@ var PlayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0,0,256,256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       "fill-opacity": '0.52941',
       fill: '#020210',
@@ -2353,11 +2452,12 @@ var PlayButton = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PlayButton.displayName = 'PlayButton';
 
-var PresentationScreen = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1k = ["className", "onClick"];
+var PresentationScreen = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1k);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '64',
     height: '64',
@@ -2366,7 +2466,7 @@ var PresentationScreen = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("rect", {
       width: '64',
       height: '64',
@@ -2392,11 +2492,12 @@ var PresentationScreen = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PresentationScreen.displayName = 'PresentationScreen';
 
-var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1j = ["className", "onClick"];
+var Profile = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     id: 'Profile_Picture',
     "data-name": 'Profile Picture',
@@ -2407,7 +2508,7 @@ var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0 0 156.001 159',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsxs("defs", {
       children: [jsx("style", {
         children: "\n              .cls-1, .cls-5, .cls-7 {\n                fill: none;\n              }\n              .cls-1, .cls-5 {\n                stroke: #06c68f;\n              }\n              .cls-1 {\n                stroke-width: 12px;\n              }\n              .cls-2 {\n                opacity: 0.7;\n              }\n              .cls-3 {\n                fill: #06c68f;\n              }\n              .cls-4 {\n                clip-path: url(#clip-path);\n              }\n              .cls-5 {\n                stroke-width: 5px;\n              }\n              .cls-6 {\n                stroke: none;\n              }\n            "
@@ -2481,11 +2582,12 @@ var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Profile.displayName = 'Profile';
 
-var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1i = ["className", "onClick"];
+var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1i);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     version: '1.1',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -2495,7 +2597,7 @@ var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     viewBox: '0 0 256 256',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       fill: '#fa5252',
       fillRule: 'nonzero',
@@ -2528,11 +2630,12 @@ var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RedDeleteIcon.displayName = 'RedDeleteIcon';
 
-var RemoveAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1h = ["className", "onClick"];
+var RemoveAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1h);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2541,7 +2644,7 @@ var RemoveAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Add--alt',
       children: jsxs("g", {
@@ -2559,11 +2662,12 @@ var RemoveAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RemoveAlt.displayName = 'RemoveAlt';
 
-var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1g = ["className", "onClick"];
+var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2572,7 +2676,7 @@ var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M12 3C16.95 3 21 7.05 21 12C21 16.95 16.95 21 12 21C7.05 21 3 16.95 3 12C3 7.05 7.05 3 12 3ZM12 1.5C6.225 1.5 1.5 6.225 1.5 12C1.5 17.775 6.225 22.5 12 22.5C17.775 22.5 22.5 17.775 22.5 12C22.5 6.225 17.775 1.5 12 1.5Z',
       fill: '#FBD7D4'
@@ -2584,11 +2688,12 @@ var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RemoveAltDisable.displayName = 'RemoveAltDisable';
 
-var RemoveFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1f = ["className", "onClick"];
+var RemoveFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2597,7 +2702,7 @@ var RemoveFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M15 5.707L14.293 5L12 7.293L9.707 5L9 5.707L11.293 8L9 10.2925L9.7075 11L12 8.707L14.2935 11L15 10.2935L12.707 8L15 5.707Z',
       fill: '#020210'
@@ -2609,11 +2714,12 @@ var RemoveFilter = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RemoveFilter.displayName = 'RemoveFilter';
 
-var Reset = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1e = ["className", "onClick"];
+var Reset = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2622,7 +2728,7 @@ var Reset = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M13.5 21C15.28 21 17.0201 20.4722 18.5001 19.4832C19.9802 18.4943 21.1337 17.0887 21.8149 15.4442C22.4961 13.7996 22.6743 11.99 22.3271 10.2442C21.9798 8.49836 21.1226 6.89472 19.864 5.63604C18.6053 4.37737 17.0016 3.5202 15.2558 3.17294C13.51 2.82567 11.7004 3.0039 10.0559 3.68509C8.41131 4.36628 7.00571 5.51983 6.01677 6.99987C5.02784 8.47991 4.5 10.22 4.5 12V16.65L1.8 13.95L0.75 15L5.25 19.5L9.75 15L8.7 13.95L6 16.65V12C6 10.5166 6.43987 9.0666 7.26398 7.83323C8.08809 6.59986 9.25943 5.63856 10.6299 5.07091C12.0003 4.50325 13.5083 4.35473 14.9632 4.64411C16.418 4.9335 17.7544 5.64781 18.8033 6.6967C19.8522 7.7456 20.5665 9.08197 20.8559 10.5368C21.1453 11.9917 20.9968 13.4997 20.4291 14.8701C19.8614 16.2406 18.9001 17.4119 17.6668 18.236C16.4334 19.0601 14.9834 19.5 13.5 19.5V21Z',
       fill: '#020210'
@@ -2631,11 +2737,12 @@ var Reset = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Reset.displayName = 'Reset';
 
-var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1d = ["className", "onClick"];
+var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2644,7 +2751,7 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M18.1249 17.2399L13.4048 12.5198C14.539 11.1582 15.1046 9.41166 14.9839 7.64363C14.8632 5.8756 14.0655 4.22217 12.7568 3.02729C11.4481 1.83241 9.7291 1.18808 7.95741 1.22834C6.18572 1.2686 4.49776 1.99035 3.24467 3.24345C1.99157 4.49654 1.26982 6.1845 1.22956 7.95619C1.1893 9.72787 1.83363 11.4469 3.02851 12.7556C4.22339 14.0643 5.87682 14.862 7.64485 14.9827C9.41288 15.1034 11.1594 14.5378 12.521 13.4036L17.2411 18.1237L18.1249 17.2399ZM2.4999 8.12368C2.4999 7.01116 2.8298 5.92363 3.44789 4.9986C4.06597 4.07357 4.94448 3.3526 5.97231 2.92686C7.00014 2.50112 8.13114 2.38972 9.22229 2.60677C10.3134 2.82381 11.3157 3.35954 12.1024 4.14621C12.8891 4.93288 13.4248 5.93516 13.6418 7.0263C13.8589 8.11744 13.7475 9.24844 13.3217 10.2763C12.896 11.3041 12.175 12.1826 11.25 12.8007C10.325 13.4188 9.23742 13.7487 8.1249 13.7487C6.63357 13.747 5.20379 13.1539 4.14926 12.0993C3.09472 11.0448 2.50156 9.61502 2.4999 8.12368Z',
       fill: '#68707A'
@@ -2653,11 +2760,12 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Search.displayName = 'Search';
 
-var SearchRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1c = ["className", "onClick"];
+var SearchRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2666,7 +2774,7 @@ var SearchRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M18.125 17.2418L13.4049 12.5218C14.5391 11.1601 15.1047 9.41361 14.984 7.64559C14.8633 5.87756 14.0656 4.22412 12.7569 3.02924C11.4482 1.83436 9.72919 1.19003 7.95751 1.23029C6.18582 1.27055 4.49786 1.9923 3.24477 3.2454C1.99167 4.49849 1.26992 6.18646 1.22966 7.95814C1.1894 9.72983 1.83373 11.4488 3.02861 12.7576C4.22349 14.0663 5.87692 14.864 7.64495 14.9847C9.41298 15.1054 11.1595 14.5398 12.5211 13.4056L17.2412 18.1256L18.125 17.2418ZM2.5 8.12564C2.5 7.01312 2.8299 5.92558 3.44799 5.00055C4.06607 4.07553 4.94457 3.35456 5.97241 2.92881C7.00024 2.50307 8.13124 2.39168 9.22239 2.60872C10.3135 2.82576 11.3158 3.36149 12.1025 4.14816C12.8891 4.93483 13.4249 5.93711 13.6419 7.02825C13.859 8.1194 13.7476 9.2504 13.3218 10.2782C12.8961 11.3061 12.1751 12.1846 11.2501 12.8027C10.3251 13.4207 9.23752 13.7506 8.125 13.7506C6.63367 13.749 5.20389 13.1558 4.14935 12.1013C3.09482 11.0468 2.50166 9.61697 2.5 8.12564Z',
       fill: '#68707A'
@@ -2675,11 +2783,12 @@ var SearchRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SearchRounded.displayName = 'SearchRounded';
 
-var SendAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$1b = ["className", "onClick"];
+var SendAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2688,7 +2797,7 @@ var SendAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M20.7825 3.21745C20.6813 3.1167 20.5534 3.04695 20.4139 3.01639C20.2744 2.98584 20.1291 2.99574 19.995 3.04495L3.495 9.04495C3.3527 9.09892 3.23019 9.19491 3.14374 9.32016C3.05729 9.44542 3.01099 9.59401 3.01099 9.7462C3.01099 9.89839 3.05729 10.047 3.14374 10.1722C3.23019 10.2975 3.3527 10.3935 3.495 10.4474L10.695 13.3274L13.575 20.5275C13.6291 20.6635 13.7219 20.7807 13.8418 20.8647C13.9618 20.9487 14.1037 20.9957 14.25 20.9999C14.4016 20.9968 14.5486 20.9479 14.6718 20.8595C14.795 20.7711 14.8885 20.6475 14.94 20.5049L20.94 4.00495C20.9911 3.87226 21.0034 3.72777 20.9755 3.58834C20.9477 3.44891 20.8807 3.32028 20.7825 3.21745ZM14.25 18.15L12.1575 12.9L15.75 9.30745L14.6925 8.24995L11.07 11.8724L5.85 9.74995L18.9975 5.00245L14.25 18.15Z',
       fill: '#020210'
@@ -2697,11 +2806,12 @@ var SendAlt = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SendAlt.displayName = 'SendAlt';
 
-var DeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$1a = ["className", "onClick"];
+var DeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '18',
     height: '18',
@@ -2710,7 +2820,7 @@ var DeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M8.75 7.5H7.5V15H8.75V7.5Z',
       fill: '#68707A'
@@ -2728,11 +2838,12 @@ var DeleteIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DeleteIcon.displayName = 'DeleteIcon';
 
-var Unlocked = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$19 = ["className", "onClick"];
+var Unlocked = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$19);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2741,7 +2852,7 @@ var Unlocked = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M18 10.5H9V6C9 5.20435 9.31607 4.44129 9.87868 3.87868C10.4413 3.31607 11.2044 3 12 3C12.7956 3 13.5587 3.31607 14.1213 3.87868C14.6839 4.44129 15 5.20435 15 6H16.5C16.5 4.80653 16.0259 3.66193 15.182 2.81802C14.3381 1.97411 13.1935 1.5 12 1.5C10.8065 1.5 9.66193 1.97411 8.81802 2.81802C7.97411 3.66193 7.5 4.80653 7.5 6V10.5H6C5.60218 10.5 5.22064 10.658 4.93934 10.9393C4.65804 11.2206 4.5 11.6022 4.5 12V21C4.5 21.3978 4.65804 21.7794 4.93934 22.0607C5.22064 22.342 5.60218 22.5 6 22.5H18C18.3978 22.5 18.7794 22.342 19.0607 22.0607C19.342 21.7794 19.5 21.3978 19.5 21V12C19.5 11.6022 19.342 11.2206 19.0607 10.9393C18.7794 10.658 18.3978 10.5 18 10.5ZM18 21H6V12H18V21Z',
       fill: '#020210'
@@ -2750,11 +2861,12 @@ var Unlocked = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Unlocked.displayName = 'Unlocked';
 
-var SwitchCompany = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$18 = ["className", "onClick"];
+var SwitchCompany = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2763,7 +2875,7 @@ var SwitchCompany = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M8.5575 19.9425L5.8725 17.25H21V15.75H5.8725L8.5575 13.0575L7.5 12L3 16.5L7.5 21L8.5575 19.9425Z',
       fill: '#08C694'
@@ -2775,11 +2887,12 @@ var SwitchCompany = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SwitchCompany.displayName = 'SwitchCompany';
 
-var TrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$17 = ["className", "onClick"];
+var TrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$17);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2788,7 +2901,7 @@ var TrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Trash-can',
       children: jsxs("g", {
@@ -2812,11 +2925,12 @@ var TrashCan = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 TrashCan.displayName = 'TrashCan';
 
-var TrashCanAction = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$16 = ["className", "onClick"];
+var TrashCanAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '40',
     height: '40',
@@ -2825,7 +2939,7 @@ var TrashCanAction = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M18.75 17.5H17.5V25H18.75V17.5Z',
       fill: '#68707A'
@@ -2843,11 +2957,12 @@ var TrashCanAction = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 TrashCanAction.displayName = 'TrashCanAction';
 
-var TrashCanRed = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$15 = ["className", "onClick"];
+var TrashCanRed = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2856,7 +2971,7 @@ var TrashCanRed = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M10.5 9H9V18H10.5V9Z',
       fill: '#EA382A'
@@ -2874,11 +2989,12 @@ var TrashCanRed = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 TrashCanRed.displayName = 'TrashCanRed';
 
-var UnfillPlay = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$14 = ["className", "onClick"];
+var UnfillPlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$14);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '16',
     height: '16',
@@ -2887,7 +3003,7 @@ var UnfillPlay = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'Play',
       children: jsx("path", {
@@ -2900,11 +3016,12 @@ var UnfillPlay = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UnfillPlay.displayName = 'UnfillPlay';
 
-var Unlock = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$13 = ["className", "onClick"];
+var Unlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$13);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2913,7 +3030,7 @@ var Unlock = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M18 10.5H9V6C9 5.20435 9.31607 4.44129 9.87868 3.87868C10.4413 3.31607 11.2044 3 12 3C12.7956 3 13.5587 3.31607 14.1213 3.87868C14.6839 4.44129 15 5.20435 15 6H16.5C16.5 4.80653 16.0259 3.66193 15.182 2.81802C14.3381 1.97411 13.1935 1.5 12 1.5C10.8065 1.5 9.66193 1.97411 8.81802 2.81802C7.97411 3.66193 7.5 4.80653 7.5 6V10.5H6C5.60218 10.5 5.22064 10.658 4.93934 10.9393C4.65804 11.2206 4.5 11.6022 4.5 12V21C4.5 21.3978 4.65804 21.7794 4.93934 22.0607C5.22064 22.342 5.60218 22.5 6 22.5H18C18.3978 22.5 18.7794 22.342 19.0607 22.0607C19.342 21.7794 19.5 21.3978 19.5 21V12C19.5 11.6022 19.342 11.2206 19.0607 10.9393C18.7794 10.658 18.3978 10.5 18 10.5ZM18 21H6V12H18V21Z',
       fill: '#020210'
@@ -2922,11 +3039,12 @@ var Unlock = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Unlock.displayName = 'Unlock';
 
-var UserActivity = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$12 = ["className", "onClick"];
+var UserActivity = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$12);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2935,7 +3053,7 @@ var UserActivity = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("g", {
       id: 'User--activity',
       children: jsxs("g", {
@@ -2956,11 +3074,12 @@ var UserActivity = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UserActivity.displayName = 'UserActivity';
 
-var UserSpeaker = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$11 = ["className", "onClick"];
+var UserSpeaker = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -2969,7 +3088,7 @@ var UserSpeaker = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M21.7143 14.1727L20.4726 12.931C20.6139 12.641 20.6882 12.3229 20.6899 12.0003C20.6899 11.5706 20.5625 11.1506 20.3238 10.7934C20.0851 10.4361 19.7458 10.1577 19.3488 9.99325C18.9519 9.82882 18.5151 9.7858 18.0937 9.86963C17.6723 9.95345 17.2852 10.1603 16.9813 10.4642C16.6775 10.768 16.4706 11.1551 16.3868 11.5765C16.303 11.9979 16.346 12.4347 16.5104 12.8316C16.6749 13.2286 16.9533 13.5679 17.3105 13.8066C17.6678 14.0453 18.0878 14.1727 18.5175 14.1727C18.8404 14.1711 19.1587 14.0969 19.449 13.9555L20.6899 15.1967V20.69H16.3451V18.5175C16.3436 17.1736 15.809 15.8852 14.8587 14.9349C13.9085 13.9846 12.62 13.4501 11.2761 13.4486H6.93127C5.58737 13.4501 4.29895 13.9846 3.34866 14.9349C2.39838 15.8852 1.86384 17.1736 1.8623 18.5175V22.1382H22.1382V15.1967C22.1387 15.0065 22.1015 14.818 22.0287 14.6423C21.9559 14.4665 21.8491 14.3069 21.7143 14.1727ZM3.31058 18.5175C3.31173 17.5576 3.69356 16.6374 4.37233 15.9586C5.05109 15.2798 5.97136 14.898 6.93127 14.8968H11.2761C12.236 14.898 13.1563 15.2798 13.8351 15.9586C14.5138 16.6373 14.8957 17.5576 14.8968 18.5175V20.69H3.31058V18.5175Z',
       fill: '#20A8C6'
@@ -2981,11 +3100,12 @@ var UserSpeaker = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UserSpeaker.displayName = 'UserSpeaker';
 
-var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsxs("svg", __assign({
+var _excluded$10 = ["className", "onClick"];
+var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '20',
     height: '20',
@@ -2994,7 +3114,7 @@ var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M16.875 15C16.5965 15.0014 16.3219 15.0657 16.0716 15.188L13.3838 12.5H11.25V13.75H12.8662L15.1878 16.0717C15.0657 16.322 15.0015 16.5965 15 16.875C15 17.2458 15.11 17.6084 15.316 17.9167C15.522 18.225 15.8149 18.4654 16.1575 18.6073C16.5001 18.7492 16.8771 18.7863 17.2408 18.714C17.6045 18.6416 17.9386 18.463 18.2008 18.2008C18.463 17.9386 18.6416 17.6045 18.714 17.2408C18.7863 16.8771 18.7492 16.5001 18.6073 16.1575C18.4654 15.8149 18.225 15.522 17.9167 15.316C17.6084 15.11 17.2458 15 16.875 15ZM16.875 17.5C16.7514 17.5 16.6305 17.4633 16.5278 17.3947C16.425 17.326 16.3449 17.2284 16.2976 17.1142C16.2503 17 16.2379 16.8743 16.262 16.7531C16.2861 16.6318 16.3456 16.5205 16.4331 16.4331C16.5205 16.3456 16.6318 16.2861 16.7531 16.262C16.8743 16.2379 17 16.2503 17.1142 16.2976C17.2284 16.3449 17.326 16.425 17.3947 16.5278C17.4633 16.6305 17.5 16.7514 17.5 16.875C17.4999 17.0407 17.434 17.1996 17.3168 17.3168C17.1996 17.434 17.0407 17.4998 16.875 17.5Z',
       fill: 'white'
@@ -3012,13 +3132,14 @@ var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 WhiteAiAssistant.displayName = 'WhiteAiAssistant';
 
-var ArchiveIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$$ = ["className", "onClick", "fill"];
+var ArchiveIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$$);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3027,7 +3148,7 @@ var ArchiveIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-240l160-160-56-56-64 64v-168h-80v168l-64-64-56 56 160 160ZM200-640v440h560v-440H200Zm0 520q-33 0-56.5-23.5T120-200v-499q0-14 4.5-27t13.5-24l50-61q11-14 27.5-21.5T250-840h460q18 0 34.5 7.5T772-811l50 61q9 11 13.5 24t4.5 27v499q0 33-23.5 56.5T760-120H200Zm16-600h528l-34-40H250l-34 40Zm264 300Z',
       fill: fill
@@ -3036,13 +3157,14 @@ var ArchiveIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ArchiveIcon.displayName = 'ArchiveIcon';
 
-var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$_ = ["className", "onClick", "fill"];
+var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$_);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3051,7 +3173,7 @@ var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M456-320l104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 160q-19 0-36-8.5T296-192L80-480l216-288q11-15 28-23.5t36-8.5h440q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H360ZM180-480l180 240h440v-480H360L180-480Zm400 0Z',
       fill: fill
@@ -3060,13 +3182,14 @@ var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 BackspaceRoundedIcon.displayName = 'BackspaceRoundedIcon';
 
-var BackupIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$Z = ["className", "onClick", "fill"];
+var BackupIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3075,7 +3198,7 @@ var BackupIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H520q-33 0-56.5-23.5T440-240v-206l-64 62-56-56 160-160 160 160-56 56-64-62v206h220q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h100v80H260Zm220-280Z',
       fill: fill
@@ -3084,13 +3207,14 @@ var BackupIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 BackupIcon.displayName = 'BackupIcon';
 
-var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$Y = ["className", "onClick", "fill"];
+var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3099,7 +3223,7 @@ var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M424-296l282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
       fill: fill
@@ -3108,13 +3232,14 @@ var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckCircleOutlineRoundedIcon.displayName = 'CheckCircleOutlineRoundedIcon';
 
-var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$X = ["className", "onClick", "fill"];
+var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$X);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3123,7 +3248,7 @@ var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M200-160q-33 0-56.5-23.5T120-240v-480q0-33 23.5-56.5T200-800h560q33 0 56.5 23.5T840-720v480q0 33-23.5 56.5T760-160H200Zm0-80h560v-480H200v480Zm80-120h120q17 0 28.5-11.5T440-400v-40h-60v20h-80v-120h80v20h60v-40q0-17-11.5-28.5T400-600H280q-17 0-28.5 11.5T240-560v160q0 17 11.5 28.5T280-360Zm280 0h120q17 0 28.5-11.5T720-400v-40h-60v20h-80v-120h80v20h60v-40q0-17-11.5-28.5T680-600H560q-17 0-28.5 11.5T520-560v160q0 17 11.5 28.5T560-360ZM200-240v-480 480Z',
       fill: fill
@@ -3132,13 +3257,14 @@ var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ClosedCaptionIcon.displayName = 'ClosedCaptionIcon';
 
-var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$W = ["className", "onClick", "fill"];
+var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$W);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3147,7 +3273,7 @@ var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q17-72 85-137t145-65q33 0 56.5 23.5T520-716v242l64-62 56 56-160 160-160-160 56-56 64 62v-242q-76 14-118 73.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h480q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-48-22-89.5T600-680v-93q74 35 117 103.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H260Zm220-358Z',
       fill: fill
@@ -3156,13 +3282,14 @@ var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CloudDownloadIcon.displayName = 'CloudDownloadIcon';
 
-var ContactSupportOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$V = ["className", "onClick", "fill"];
+var ContactSupportOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$V);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -3171,7 +3298,7 @@ var ContactSupportOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -3182,13 +3309,14 @@ var ContactSupportOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ContactSupportOutlinedIcon.displayName = 'ContactSupportOutlinedIcon';
 
-var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$U = ["className", "onClick", "fill"];
+var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$U);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3197,7 +3325,7 @@ var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
       fill: fill
@@ -3206,13 +3334,14 @@ var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ErrorOutlineRoundedIcon.displayName = 'ErrorOutlineRoundedIcon';
 
-var FileCopyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#06C68F' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$T = ["className", "onClick", "fill"];
+var FileCopyIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#06C68F' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$T);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3221,7 +3350,7 @@ var FileCopyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M760-200H320q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200ZM560-640v-200H320v560h440v-360H560ZM160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-800v200-200 560-560Z',
       fill: fill
@@ -3230,13 +3359,14 @@ var FileCopyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 FileCopyIcon.displayName = 'FileCopyIcon';
 
-var HeadsetIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? 'secondary' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$S = ["className", "onClick", "fill"];
+var HeadsetIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? 'secondary' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$S);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3245,7 +3375,7 @@ var HeadsetIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M360-120H200q-33 0-56.5-23.5T120-200v-280q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480v280q0 33-23.5 56.5T760-120H600v-320h160v-40q0-117-81.5-198.5T480-760q-117 0-198.5 81.5T200-480v40h160v320Zm-80-240h-80v160h80v-160Zm400 0v160h80v-160h-80Zm-400 0h-80 80Zm400 0h80-80Z',
       fill: fill
@@ -3254,13 +3384,14 @@ var HeadsetIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 HeadsetIcon.displayName = 'HeadsetIcon';
 
-var LockIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$R = ["className", "onClick", "fill"];
+var LockIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$R);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3269,7 +3400,7 @@ var LockIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z',
       fill: fill
@@ -3278,13 +3409,14 @@ var LockIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 LockIcon.displayName = 'LockIcon';
 
-var NotificationsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$Q = ["className", "onClick", "fill"];
+var NotificationsOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3293,7 +3425,7 @@ var NotificationsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z',
       fill: fill
@@ -3302,13 +3434,14 @@ var NotificationsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 NotificationsOutlined.displayName = 'NotificationsOutlined';
 
-var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$P = ["className", "onClick", "fill"];
+var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$P);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3317,7 +3450,7 @@ var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
       fill: fill
@@ -3326,13 +3459,14 @@ var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PlayCircleOutlineIcon.displayName = 'PlayCircleOutlineIcon';
 
-var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$O = ["className", "onClick", "fill"];
+var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$O);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3341,7 +3475,7 @@ var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M120-320v-80h320v80H120Zm0-160v-80h480v80H120Zm0-160v-80h480v80H120Zm520 520v-320l240 160-240 160Z',
       fill: fill
@@ -3350,13 +3484,14 @@ var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PlaylistPlayIcon.displayName = 'PlaylistPlayIcon';
 
-var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$N = ["className", "onClick", "fill"];
+var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$N);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3365,7 +3500,7 @@ var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-120 200-272v-240L40-600l440-240 440 240v320h-80v-276l-80 44v240L480-120Zm0-332 274-148-274-148-274 148 274 148Zm0 241 200-108v-151L480-360 280-470v151l200 108Zm0-241Zm0 90Zm0 0Z',
       fill: fill
@@ -3374,13 +3509,14 @@ var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SchoolOutlinedIcon.displayName = 'SchoolOutlinedIcon';
 
-var SettingsOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$M = ["className", "onClick", "fill"];
+var SettingsOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$M);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -3388,7 +3524,7 @@ var SettingsOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     width: '24px',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none',
@@ -3401,13 +3537,14 @@ var SettingsOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SettingsOutlinedIcon.displayName = 'SettingsOutlinedIcon';
 
-var Timeline = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$L = ["className", "onClick", "fill"];
+var Timeline = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$L);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3416,7 +3553,7 @@ var Timeline = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M120-240q-33 0-56.5-23.5T40-320q0-33 23.5-56.5T120-400h10.5q4.5 0 9.5 2l182-182q-2-5-2-9.5V-600q0-33 23.5-56.5T400-680q33 0 56.5 23.5T480-600q0 2-2 20l102 102q5-2 9.5-2h21q4.5 0 9.5 2l142-142q-2-5-2-9.5V-640q0-33 23.5-56.5T840-720q33 0 56.5 23.5T920-640q0 33-23.5 56.5T840-560h-10.5q-4.5 0-9.5-2L678-420q2 5 2 9.5v10.5q0 33-23.5 56.5T600-320q-33 0-56.5-23.5T520-400v-10.5q0-4.5 2-9.5L420-522q-5 2-9.5 2H400q-2 0-20-2L198-340q2 5 2 9.5v10.5q0 33-23.5 56.5T120-240Z',
       fill: fill
@@ -3425,13 +3562,14 @@ var Timeline = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Timeline.displayName = 'Timeline';
 
-var TrendingUpOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$K = ["className", "onClick", "fill"];
+var TrendingUpOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$K);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3440,7 +3578,7 @@ var TrendingUpOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M136-240l-56-56 296-298 160 160 208-206H640v-80h240v240h-80v-104L536-320 376-480 136-240Z',
       fill: fill
@@ -3449,13 +3587,14 @@ var TrendingUpOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 TrendingUpOutlinedIcon.displayName = 'TrendingUpOutlinedIcon';
 
-var Visibility = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$J = ["className", "onClick", "fill"];
+var Visibility = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$J);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3464,7 +3603,7 @@ var Visibility = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z',
       fill: fill
@@ -3473,13 +3612,14 @@ var Visibility = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Visibility.displayName = 'Visibility';
 
-var VisibilityOff = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$I = ["className", "onClick", "fill"];
+var VisibilityOff = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$I);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3488,7 +3628,7 @@ var VisibilityOff = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M644-428l-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z',
       fill: fill
@@ -3497,13 +3637,14 @@ var VisibilityOff = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 VisibilityOff.displayName = 'VisibilityOff';
 
-var DeleteForeverRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$H = ["className", "onClick", "fill"];
+var DeleteForeverRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$H);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3512,7 +3653,7 @@ var DeleteForeverRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M376-300l104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 180q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520Zm-400 0v520-520Z',
       fill: fill
@@ -3521,13 +3662,14 @@ var DeleteForeverRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DeleteForeverRoundedIcon.displayName = 'DeleteForeverRoundedIcon';
 
-var FeaturedPlayListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$G = ["className", "onClick", "fill"];
+var FeaturedPlayListIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$G);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3536,7 +3678,7 @@ var FeaturedPlayListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M240-440h360v-80H240v80Zm0-120h360v-80H240v80Zm-80 400q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Z',
       fill: fill
@@ -3545,13 +3687,14 @@ var FeaturedPlayListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 FeaturedPlayListIcon.displayName = 'FeaturedPlayListIcon';
 
-var FiberManualRecordIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#06C68F' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$F = ["className", "onClick", "fill"];
+var FiberManualRecordIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#06C68F' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -3560,7 +3703,7 @@ var FiberManualRecordIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M24 24H0V0h24v24z',
       fill: 'none'
@@ -3574,13 +3717,14 @@ var FiberManualRecordIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 FiberManualRecordIcon.displayName = 'FiberManualRecordIcon';
 
-var GroupOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$E = ["className", "onClick", "fill"];
+var GroupOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$E);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3589,7 +3733,7 @@ var GroupOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z',
       fill: fill
@@ -3598,13 +3742,14 @@ var GroupOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GroupOutlined.displayName = 'GroupOutlined';
 
-var GroupsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$D = ["className", "onClick", "fill"];
+var GroupsOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$D);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3613,7 +3758,7 @@ var GroupsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M0-240v-63q0-43 44-70t116-27q13 0 25 .5t23 2.5q-14 21-21 44t-7 48v65H0Zm240 0v-65q0-32 17.5-58.5T307-410q32-20 76.5-30t96.5-10q53 0 97.5 10t76.5 30q32 20 49 46.5t17 58.5v65H240Zm540 0v-65q0-26-6.5-49T754-397q11-2 22.5-2.5t23.5-.5q72 0 116 26.5t44 70.5v63H780Zm-455-80h311q-10-20-55.5-35T480-370q-55 0-100.5 15T325-320ZM160-440q-33 0-56.5-23.5T80-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T160-440Zm640 0q-33 0-56.5-23.5T720-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T800-440Zm-320-40q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm0-80q17 0 28.5-11.5T520-600q0-17-11.5-28.5T480-640q-17 0-28.5 11.5T440-600q0 17 11.5 28.5T480-560Zm1 240Zm-1-280Z',
       fill: fill
@@ -3622,13 +3767,14 @@ var GroupsOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GroupsOutlined.displayName = 'GroupsOutlined';
 
-var HourglassEmptyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$C = ["className", "onClick", "fill"];
+var HourglassEmptyIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$C);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3637,7 +3783,7 @@ var HourglassEmptyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M320-160h320v-120q0-66-47-113t-113-47q-66 0-113 47t-47 113v120Zm160-360q66 0 113-47t47-113v-120H320v120q0 66 47 113t113 47ZM160-80v-80h80v-120q0-61 28.5-114.5T348-480q-51-32-79.5-85.5T240-680v-120h-80v-80h640v80h-80v120q0 61-28.5 114.5T612-480q51 32 79.5 85.5T720-280v120h80v80H160Z',
       fill: fill
@@ -3646,13 +3792,14 @@ var HourglassEmptyIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 HourglassEmptyIcon.displayName = 'HourglassEmptyIcon';
 
-var ImageIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$B = ["className", "onClick", "fill"];
+var ImageIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$B);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3661,7 +3808,7 @@ var ImageIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z',
       fill: fill
@@ -3670,13 +3817,14 @@ var ImageIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ImageIcon.displayName = 'ImageIcon';
 
-var MoreHorizIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$A = ["className", "onClick", "fill"];
+var MoreHorizIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$A);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3685,7 +3833,7 @@ var MoreHorizIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z',
       fill: fill
@@ -3694,13 +3842,14 @@ var MoreHorizIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 MoreHorizIcon.displayName = 'MoreHorizIcon';
 
-var PermMediaIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$z = ["className", "onClick", "fill"];
+var PermMediaIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$z);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3709,7 +3858,7 @@ var PermMediaIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M360-440h400L622-620l-92 120-62-80-108 140ZM120-120q-33 0-56.5-23.5T40-200v-520h80v520h680v80H120Zm160-160q-33 0-56.5-23.5T200-360v-440q0-33 23.5-56.5T280-880h200l80 80h280q33 0 56.5 23.5T920-720v360q0 33-23.5 56.5T840-280H280Zm0-80h560v-360H527l-80-80H280v440Zm0 0v-440 440Z',
       fill: fill
@@ -3718,13 +3867,14 @@ var PermMediaIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PermMediaIcon.displayName = 'PermMediaIcon';
 
-var PlaylistAddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$y = ["className", "onClick", "fill"];
+var PlaylistAddIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$y);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3733,7 +3883,7 @@ var PlaylistAddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M680-40v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM200-200v-560 560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v353q-18-11-38-18t-42-11v-324H200v560h280q0 21 3 41t10 39H200Zm120-160q17 0 28.5-11.5T360-320q0-17-11.5-28.5T320-360q-17 0-28.5 11.5T280-320q0 17 11.5 28.5T320-280Zm0-160q17 0 28.5-11.5T360-480q0-17-11.5-28.5T320-520q-17 0-28.5 11.5T280-480q0 17 11.5 28.5T320-440Zm0-160q17 0 28.5-11.5T360-640q0-17-11.5-28.5T320-680q-17 0-28.5 11.5T280-640q0 17 11.5 28.5T320-600Zm120 160h240v-80H440v80Zm0-160h240v-80H440v80Zm0 320h54q8-23 20-43t28-37H440v80Z',
       fill: fill
@@ -3742,13 +3892,14 @@ var PlaylistAddIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PlaylistAddIcon.displayName = 'PlaylistAddIcon';
 
-var RecordVoiceOverOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$x = ["className", "onClick", "fill"];
+var RecordVoiceOverOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$x);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3757,7 +3908,7 @@ var RecordVoiceOverOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'm798-322-62-62q44-41 69-97t25-119q0-63-25-118t-69-96l62-64q56 53 89 125t33 153q0 81-33 153t-89 125ZM670-450l-64-64q18-17 29-38.5t11-47.5q0-26-11-47.5T606-686l64-64q32 29 50 67.5t18 82.5q0 44-18 82.5T670-450Zm-310 10q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-120v-112q0-33 17-62t47-44q51-26 115-44t141-18q77 0 141 18t115 44q30 15 47 44t17 62v112H40Zm80-80h480v-32q0-11-5.5-20T580-266q-36-18-92.5-36T360-320q-71 0-127.5 18T140-266q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-600q0-33-23.5-56.5T360-680q-33 0-56.5 23.5T280-600q0 33 23.5 56.5T360-520Zm0-80Zm0 400Z',
       fill: fill
@@ -3766,13 +3917,14 @@ var RecordVoiceOverOutlined = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RecordVoiceOverOutlined.displayName = 'RecordVoiceOverOutlined';
 
-var Send = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$w = ["className", "onClick", "fill"];
+var Send = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$w);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3781,7 +3933,7 @@ var Send = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M120-160v-640l760 320-760 320Zm80-120 474-200-474-200v140l240 60-240 60v140Zm0 0v-400 400Z',
       fill: fill
@@ -3790,13 +3942,14 @@ var Send = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Send.displayName = 'Send';
 
-var ViewCompactIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$v = ["className", "onClick", "fill"];
+var ViewCompactIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$v);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3805,7 +3958,7 @@ var ViewCompactIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M80-170v-620h800v620H80Zm80-440h100v-100H160v100Zm180 0h100v-100H340v100Zm180 0h100v-100H520v100Zm180 0h100v-100H700v100Zm0 180h100v-100H700v100Zm-180 0h100v-100H520v100Zm-180 0h100v-100H340v100Zm-80-100H160v100h100v-100Zm440 280h100v-100H700v100Zm-180 0h100v-100H520v100Zm-180 0h100v-100H340v100Zm-180 0h100v-100H160v100Z',
       fill: fill
@@ -3814,13 +3967,14 @@ var ViewCompactIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ViewCompactIcon.displayName = 'ViewCompactIcon';
 
-var ViewListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$u = ["className", "onClick", "fill"];
+var ViewListIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$u);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3829,7 +3983,7 @@ var ViewListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M360-240h440v-107H360v107ZM160-613h120v-107H160v107Zm0 187h120v-107H160v107Zm0 186h120v-107H160v107Zm200-186h440v-107H360v107Zm0-187h440v-107H360v107ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z',
       fill: fill
@@ -3838,13 +3992,14 @@ var ViewListIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ViewListIcon.displayName = 'ViewListIcon';
 
-var WorkOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$t = ["className", "onClick", "fill"];
+var WorkOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$t);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3853,7 +4008,7 @@ var WorkOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120H160Zm0-80h640v-440H160v440Zm240-520h160v-80H400v80ZM160-200v-440 440Z',
       fill: fill
@@ -3862,13 +4017,14 @@ var WorkOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 WorkOutlineOutlinedIcon.displayName = 'WorkOutlineOutlinedIcon';
 
-var ZoomInIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$s = ["className", "onClick", "fill"];
+var ZoomInIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$s);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3877,7 +4033,7 @@ var ZoomInIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z',
       fill: fill
@@ -3886,13 +4042,14 @@ var ZoomInIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ZoomInIcon.displayName = 'ZoomInIcon';
 
-var AddCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$r = ["className", "onClick", "fill"];
+var AddCircleIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3901,7 +4058,7 @@ var AddCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -3913,13 +4070,14 @@ var AddCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 AddCircleIcon.displayName = 'AddCircleIcon';
 
-var CancelIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$q = ["className", "onClick", "fill"];
+var CancelIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3928,7 +4086,7 @@ var CancelIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -3940,13 +4098,14 @@ var CancelIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CancelIcon.displayName = 'CancelIcon';
 
-var Check = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$p = ["className", "onClick", "fill"];
+var Check = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3955,7 +4114,7 @@ var Check = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -3967,13 +4126,14 @@ var Check = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Check.displayName = 'Check';
 
-var CheckBoxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$o = ["className", "onClick", "fill"];
+var CheckBoxIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -3982,7 +4142,7 @@ var CheckBoxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -3994,13 +4154,14 @@ var CheckBoxIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckBoxIcon.displayName = 'CheckBoxIcon';
 
-var CheckCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$n = ["className", "onClick", "fill"];
+var CheckCircleIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4009,7 +4170,7 @@ var CheckCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4021,13 +4182,14 @@ var CheckCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckCircleIcon.displayName = 'CheckCircleIcon';
 
-var CheckCircleOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$m = ["className", "onClick", "fill"];
+var CheckCircleOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4036,7 +4198,7 @@ var CheckCircleOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref)
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4048,13 +4210,14 @@ var CheckCircleOutlineOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref)
 });
 CheckCircleOutlineOutlinedIcon.displayName = 'CheckCircleOutlineOutlinedIcon';
 
-var DragIndicatorIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$l = ["className", "onClick", "fill"];
+var DragIndicatorIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$l);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4063,7 +4226,7 @@ var DragIndicatorIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4075,13 +4238,14 @@ var DragIndicatorIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DragIndicatorIcon.displayName = 'DragIndicatorIcon';
 
-var EditIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$k = ["className", "onClick", "fill"];
+var EditIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$k);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4090,7 +4254,7 @@ var EditIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4102,13 +4266,14 @@ var EditIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 EditIcon.displayName = 'EditIcon';
 
-var ErrorOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$j = ["className", "onClick", "fill"];
+var ErrorOutlineIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$j);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4117,7 +4282,7 @@ var ErrorOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4129,13 +4294,14 @@ var ErrorOutlineIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ErrorOutlineIcon.displayName = 'ErrorOutlineIcon';
 
-var ExpandMoreIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$i = ["className", "onClick", "fill"];
+var ExpandMoreIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$i);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4144,7 +4310,7 @@ var ExpandMoreIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M24 24H0V0h24v24z',
       fill: 'none',
@@ -4157,13 +4323,14 @@ var ExpandMoreIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ExpandMoreIcon.displayName = 'ExpandMoreIcon';
 
-var GetAppIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$h = ["className", "onClick", "fill"];
+var GetAppIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$h);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4172,7 +4339,7 @@ var GetAppIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4184,13 +4351,14 @@ var GetAppIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 GetAppIcon.displayName = 'GetAppIcon';
 
-var HighlightOffRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#e8eaed' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$g = ["className", "onClick", "fill"];
+var HighlightOffRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#e8eaed' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$g);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4199,7 +4367,7 @@ var HighlightOffRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4211,13 +4379,14 @@ var HighlightOffRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 HighlightOffRoundedIcon.displayName = 'HighlightOffRoundedIcon';
 
-var InsertDriveFileIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$f = ["className", "onClick", "fill"];
+var InsertDriveFileIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$f);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4226,7 +4395,7 @@ var InsertDriveFileIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4238,13 +4407,14 @@ var InsertDriveFileIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 InsertDriveFileIcon.displayName = 'InsertDriveFileIcon';
 
-var OndemandVideoIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$e = ["className", "onClick", "fill"];
+var OndemandVideoIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$e);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4253,7 +4423,7 @@ var OndemandVideoIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4265,11 +4435,12 @@ var OndemandVideoIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 OndemandVideoIcon.displayName = 'OndemandVideoIcon';
 
-var PictureInPictureIcon = function PictureInPictureIcon(_a) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
-  return jsx("svg", __assign({
+var _excluded$d = ["className", "onClick"];
+var PictureInPictureIcon = function PictureInPictureIcon(_ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded$d);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     width: '24',
     height: '24',
     viewBox: '0 0 24 24',
@@ -4277,7 +4448,7 @@ var PictureInPictureIcon = function PictureInPictureIcon(_a) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M19 7H22V17C22 18.1 21.1 19 20 19H4C2.9 19 2 18.1 2 17V7C2 5.9 2.9 5 4 5H17V7H4V17H13V15H20V7H19ZM15 13H22V7H15V13Z',
       fill: 'white'
@@ -4285,13 +4456,14 @@ var PictureInPictureIcon = function PictureInPictureIcon(_a) {
   }));
 };
 
-var PublishIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$c = ["className", "onClick", "fill"];
+var PublishIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4300,7 +4472,7 @@ var PublishIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4312,13 +4484,14 @@ var PublishIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 PublishIcon.displayName = 'PublishIcon';
 
-var RemoveCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$b = ["className", "onClick", "fill"];
+var RemoveCircleIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$b);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4327,7 +4500,7 @@ var RemoveCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4339,13 +4512,14 @@ var RemoveCircleIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 RemoveCircleIcon.displayName = 'RemoveCircleIcon';
 
-var ReportProblemIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$a = ["className", "onClick", "fill"];
+var ReportProblemIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$a);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4354,7 +4528,7 @@ var ReportProblemIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4366,13 +4540,14 @@ var ReportProblemIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ReportProblemIcon.displayName = 'ReportProblemIcon';
 
-var SettingsApplicationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$9 = ["className", "onClick", "fill"];
+var SettingsApplicationsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$9);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4381,7 +4556,7 @@ var SettingsApplicationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4393,13 +4568,14 @@ var SettingsApplicationsIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 SettingsApplicationsIcon.displayName = 'SettingsApplicationsIcon';
 
-var StarsRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$8 = ["className", "onClick", "fill"];
+var StarsRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$8);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4408,7 +4584,7 @@ var StarsRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4420,13 +4596,14 @@ var StarsRoundedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 StarsRoundedIcon.displayName = 'StarsRoundedIcon';
 
-var VideoCallIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#e8eaed' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$7 = ["className", "onClick", "fill"];
+var VideoCallIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#e8eaed' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4435,7 +4612,7 @@ var VideoCallIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4447,13 +4624,14 @@ var VideoCallIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 VideoCallIcon.displayName = 'VideoCallIcon';
 
-var VolumeUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsx("svg", __assign({
+var _excluded$6 = ["className", "onClick", "fill"];
+var VolumeUpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$6);
+  return jsx("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4462,7 +4640,7 @@ var VolumeUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: jsx("path", {
       d: 'M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z',
       fill: fill
@@ -4471,13 +4649,14 @@ var VolumeUpIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 VolumeUpIcon.displayName = 'VolumeUpIcon';
 
-var FileUploadOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$5 = ["className", "onClick", "fill"];
+var FileUploadOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$5);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4486,7 +4665,7 @@ var FileUploadOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("g", {
       children: jsx("rect", {
         fill: 'none',
@@ -4503,13 +4682,14 @@ var FileUploadOutlinedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 FileUploadOutlinedIcon.displayName = 'FileUploadOutlinedIcon';
 
-var DashboardIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$4 = ["className", "onClick", "fill"];
+var DashboardIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     width: '24',
     height: '24',
@@ -4518,7 +4698,7 @@ var DashboardIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     xmlns: 'http://www.w3.org/2000/svg',
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4530,13 +4710,14 @@ var DashboardIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DashboardIcon.displayName = 'DashboardIcon';
 
-var CheckBoxOutlineBlankIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$3 = ["className", "onClick", "fill"];
+var CheckBoxOutlineBlankIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -4545,7 +4726,7 @@ var CheckBoxOutlineBlankIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4556,13 +4737,14 @@ var CheckBoxOutlineBlankIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 CheckBoxOutlineBlankIcon.displayName = 'CheckBoxOutlineBlankIcon';
 
-var ChevronRightIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$2 = ["className", "onClick", "fill"];
+var ChevronRightIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -4571,7 +4753,7 @@ var ChevronRightIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4582,13 +4764,14 @@ var ChevronRightIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 ChevronRightIcon.displayName = 'ChevronRightIcon';
 
-var DeleteIconRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded$1 = ["className", "onClick", "fill"];
+var DeleteIconRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -4597,7 +4780,7 @@ var DeleteIconRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0V0z',
       fill: 'none'
@@ -4608,13 +4791,14 @@ var DeleteIconRounded = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 DeleteIconRounded.displayName = 'DeleteIconRounded';
 
-var SchoolIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var className = _a.className,
-    onClick = _a.onClick,
-    _b = _a.fill,
-    fill = _b === void 0 ? '#68707A' : _b,
-    props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxs("svg", __assign({
+var _excluded = ["className", "onClick", "fill"];
+var SchoolIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
     height: '24px',
@@ -4623,7 +4807,7 @@ var SchoolIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     fill: fill,
     className: className,
     onClick: onClick
-  }, props, {
+  }, props), {}, {
     children: [jsx("path", {
       d: 'M0 0h24v24H0z',
       fill: 'none'