@liner-fe/prism 2.4.16 → 2.5.0

package/lib/index.js

@@ -73,11 +73,12 @@ module.exports = __toCommonJS(index_exports);
 // src/assets/redo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ICRedo = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -96,6 +97,7 @@ var ICRedo = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -115,11 +117,12 @@ var ICRedo = /* @__PURE__ */ __name((props) => {
 // src/assets/close-fill.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ICCloseFill = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -149,6 +152,7 @@ var ICCloseFill = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 32 32",
@@ -171,11 +175,12 @@ var ICCloseFill = /* @__PURE__ */ __name((props) => {
 // src/assets/more.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var ICMore = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -210,6 +215,7 @@ var ICMore = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -245,11 +251,12 @@ var ICMore = /* @__PURE__ */ __name((props) => {
 // src/assets/liner.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ICLiner = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -268,6 +275,7 @@ var ICLiner = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -287,11 +295,12 @@ var ICLiner = /* @__PURE__ */ __name((props) => {
 // src/assets/liner-variation.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ICLinerVariation = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -313,6 +322,7 @@ var ICLinerVariation = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -335,11 +345,12 @@ var ICLinerVariation = /* @__PURE__ */ __name((props) => {
 // src/assets/person-fill.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ICPersonFill = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -374,6 +385,7 @@ var ICPersonFill = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -409,10 +421,11 @@ var ICPersonFill = /* @__PURE__ */ __name((props) => {
 // src/assets/list.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ICList = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -451,11 +464,12 @@ var ICList = /* @__PURE__ */ __name((props) => {
 // src/assets/history.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ICHistory = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -483,6 +497,7 @@ var ICHistory = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -511,11 +526,12 @@ var ICHistory = /* @__PURE__ */ __name((props) => {
 // src/assets/start.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var ICStart = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -537,6 +553,7 @@ var ICStart = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -559,7 +576,7 @@ var ICStart = /* @__PURE__ */ __name((props) => {
 // src/assets/end.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ICEnd = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "svg",
@@ -621,11 +638,12 @@ var ICEnd = /* @__PURE__ */ __name((props) => {
 // src/assets/paperclip.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var ICPaperclip = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -649,6 +667,7 @@ var ICPaperclip = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -670,11 +689,12 @@ var ICPaperclip = /* @__PURE__ */ __name((props) => {
 // src/assets/share.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ICShare = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -702,6 +722,7 @@ var ICShare = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -730,11 +751,12 @@ var ICShare = /* @__PURE__ */ __name((props) => {
 // src/assets/sign-out.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var ICSignOut = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -762,6 +784,7 @@ var ICSignOut = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -790,11 +813,12 @@ var ICSignOut = /* @__PURE__ */ __name((props) => {
 // src/assets/check-mark-fill.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var ICCheckMarkFill = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -825,6 +849,7 @@ var ICCheckMarkFill = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -848,6 +873,7 @@ var ICCheckMarkFill = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -872,11 +898,12 @@ var ICCheckMarkFill = /* @__PURE__ */ __name((props) => {
 // src/assets/exclamationmark-fill.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var ICExclamationmarkFill = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -900,6 +927,7 @@ var ICExclamationmarkFill = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -928,6 +956,7 @@ var ICExclamationmarkFill = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -957,11 +986,12 @@ var ICExclamationmarkFill = /* @__PURE__ */ __name((props) => {
 // src/assets/plus.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var ICPlus = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick && fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -983,6 +1013,7 @@ var ICPlus = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -1004,6 +1035,7 @@ var ICPlus = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1016,6 +1048,7 @@ var ICPlus = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1035,11 +1068,12 @@ var ICPlus = /* @__PURE__ */ __name((props) => {
 // src/assets/minus.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var ICMinus = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick && fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1061,6 +1095,7 @@ var ICMinus = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1085,6 +1120,7 @@ var ICMinus = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1105,6 +1141,7 @@ var ICMinus = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1126,11 +1163,12 @@ var ICMinus = /* @__PURE__ */ __name((props) => {
 // src/assets/new-thread.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var ICNewThread = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1160,6 +1198,7 @@ var ICNewThread = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1190,11 +1229,12 @@ var ICNewThread = /* @__PURE__ */ __name((props) => {
 // src/assets/move.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var ICMove = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1213,6 +1253,7 @@ var ICMove = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1232,11 +1273,12 @@ var ICMove = /* @__PURE__ */ __name((props) => {
 // src/assets/search.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var ICSearch = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1257,6 +1299,7 @@ var ICSearch = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1278,11 +1321,12 @@ var ICSearch = /* @__PURE__ */ __name((props) => {
 // src/assets/globe.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var ICGlobe = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1303,6 +1347,7 @@ var ICGlobe = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1324,11 +1369,12 @@ var ICGlobe = /* @__PURE__ */ __name((props) => {
 // src/assets/graduationcap.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var ICGraduationcap = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1350,6 +1396,7 @@ var ICGraduationcap = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1377,6 +1424,7 @@ var ICGraduationcap = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1398,11 +1446,12 @@ var ICGraduationcap = /* @__PURE__ */ __name((props) => {
 // src/assets/palette.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var ICPalette = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1453,6 +1502,7 @@ var ICPalette = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1504,11 +1554,12 @@ var ICPalette = /* @__PURE__ */ __name((props) => {
 // src/assets/download.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ICDownload = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1530,6 +1581,7 @@ var ICDownload = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1552,11 +1604,12 @@ var ICDownload = /* @__PURE__ */ __name((props) => {
 // src/assets/regenerate.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var ICRegenerate = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1584,6 +1637,7 @@ var ICRegenerate = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1612,11 +1666,12 @@ var ICRegenerate = /* @__PURE__ */ __name((props) => {
 // src/assets/credit.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ICCredit = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1651,6 +1706,7 @@ var ICCredit = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1686,11 +1742,12 @@ var ICCredit = /* @__PURE__ */ __name((props) => {
 // src/assets/feedback.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var ICFeedback = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1720,6 +1777,7 @@ var ICFeedback = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1750,11 +1808,12 @@ var ICFeedback = /* @__PURE__ */ __name((props) => {
 // src/assets/tune.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var ICTune = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1774,6 +1833,7 @@ var ICTune = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1794,11 +1854,12 @@ var ICTune = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-back.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var ICArrowBack = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1816,26 +1877,38 @@ var ICArrowBack = /* @__PURE__ */ __name((props) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: size4, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    "path",
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "svg",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M30.0607 37.9392L16.4751 24.3535C16.2798 24.1583 16.2798 23.8417 16.4751 23.6464L30.0607 10.0608L27.9394 7.93945L14.3537 21.5251C12.9869 22.8919 12.9869 25.108 14.3537 26.4748L27.9394 40.0605L30.0607 37.9392Z",
-      fill: color
+      ...rest,
+      width: size4,
+      height: size4,
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M30.0607 37.9392L16.4751 24.3535C16.2798 24.1583 16.2798 23.8417 16.4751 23.6464L30.0607 10.0608L27.9394 7.93945L14.3537 21.5251C12.9869 22.8919 12.9869 25.108 14.3537 26.4748L27.9394 40.0605L30.0607 37.9392Z",
+          fill: color
+        }
+      )
     }
-  ) });
+  );
 }, "ICArrowBack");
 
 // src/assets/arrow-forward.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var ICArrowForward = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", type = "m" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", type = "m", ...rest } = props;
   if (type === "s") {
     if (fill && thick) {
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "svg",
         {
+          ...rest,
           width: size4,
           height: size4,
           viewBox: "0 0 48 48",
@@ -1859,6 +1932,7 @@ var ICArrowForward = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1879,6 +1953,7 @@ var ICArrowForward = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1900,11 +1975,12 @@ var ICArrowForward = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-up.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var ICArrowUp = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1923,6 +1999,7 @@ var ICArrowUp = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1942,11 +2019,12 @@ var ICArrowUp = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-down.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var ICArrowDown = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -1965,6 +2043,7 @@ var ICArrowDown = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -1984,11 +2063,12 @@ var ICArrowDown = /* @__PURE__ */ __name((props) => {
 // src/assets/menu.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var ICMenu = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2005,6 +2085,7 @@ var ICMenu = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2022,11 +2103,12 @@ var ICMenu = /* @__PURE__ */ __name((props) => {
 // src/assets/document-warning.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var ICDocumentWarning = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2058,6 +2140,7 @@ var ICDocumentWarning = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2090,11 +2173,12 @@ var ICDocumentWarning = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-right.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var ICArrowRight = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -2113,6 +2197,7 @@ var ICArrowRight = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       xmlns: "http://www.w3.org/2000/svg",
@@ -2132,11 +2217,12 @@ var ICArrowRight = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-left.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var ICArrowLeft = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2155,6 +2241,7 @@ var ICArrowLeft = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2174,11 +2261,12 @@ var ICArrowLeft = /* @__PURE__ */ __name((props) => {
 // src/assets/step.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var ICStep = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2210,6 +2298,7 @@ var ICStep = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2242,11 +2331,12 @@ var ICStep = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-turn.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var ICArrowTurn = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2265,6 +2355,7 @@ var ICArrowTurn = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2284,11 +2375,12 @@ var ICArrowTurn = /* @__PURE__ */ __name((props) => {
 // src/assets/power.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var ICPower = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2310,6 +2402,7 @@ var ICPower = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2332,11 +2425,12 @@ var ICPower = /* @__PURE__ */ __name((props) => {
 // src/assets/desktop.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var ICDesktop = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2357,6 +2451,7 @@ var ICDesktop = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2378,11 +2473,12 @@ var ICDesktop = /* @__PURE__ */ __name((props) => {
 // src/assets/desktop-on-cursor.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var ICDesktopOnCursor = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2411,6 +2507,7 @@ var ICDesktopOnCursor = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2440,11 +2537,12 @@ var ICDesktopOnCursor = /* @__PURE__ */ __name((props) => {
 // src/assets/view-list.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var ICViewList = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2465,6 +2563,7 @@ var ICViewList = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2486,11 +2585,12 @@ var ICViewList = /* @__PURE__ */ __name((props) => {
 // src/assets/chart-bar.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var ICChartBar = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2533,6 +2633,7 @@ var ICChartBar = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2553,6 +2654,7 @@ var ICChartBar = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2595,11 +2697,12 @@ var ICChartBar = /* @__PURE__ */ __name((props) => {
 // src/assets/chart-line-uptrend.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var ICChartLineUptrend = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2622,6 +2725,7 @@ var ICChartLineUptrend = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2642,6 +2746,7 @@ var ICChartLineUptrend = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2670,11 +2775,12 @@ var ICChartLineUptrend = /* @__PURE__ */ __name((props) => {
 // src/assets/folder.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var ICFolder = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2696,6 +2802,7 @@ var ICFolder = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2714,6 +2821,7 @@ var ICFolder = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2735,11 +2843,12 @@ var ICFolder = /* @__PURE__ */ __name((props) => {
 // src/assets/person.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var ICPerson = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2772,6 +2881,7 @@ var ICPerson = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2799,6 +2909,7 @@ var ICPerson = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2831,11 +2942,12 @@ var ICPerson = /* @__PURE__ */ __name((props) => {
 // src/assets/trash.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var ICTrash = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2861,6 +2973,7 @@ var ICTrash = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2881,6 +2994,7 @@ var ICTrash = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2906,11 +3020,12 @@ var ICTrash = /* @__PURE__ */ __name((props) => {
 // src/assets/pencil.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var ICPencil = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2932,6 +3047,7 @@ var ICPencil = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -2959,6 +3075,7 @@ var ICPencil = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -2980,11 +3097,12 @@ var ICPencil = /* @__PURE__ */ __name((props) => {
 // src/assets/copy.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var ICCopy = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3006,6 +3124,7 @@ var ICCopy = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3033,6 +3152,7 @@ var ICCopy = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3054,11 +3174,12 @@ var ICCopy = /* @__PURE__ */ __name((props) => {
 // src/assets/book.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var ICBook = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3080,6 +3201,7 @@ var ICBook = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3107,6 +3229,7 @@ var ICBook = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3128,11 +3251,12 @@ var ICBook = /* @__PURE__ */ __name((props) => {
 // src/assets/description.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var ICDescription = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3159,6 +3283,7 @@ var ICDescription = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3179,6 +3304,7 @@ var ICDescription = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3205,11 +3331,12 @@ var ICDescription = /* @__PURE__ */ __name((props) => {
 // src/assets/bookmark.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ICBookmark = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3231,6 +3358,7 @@ var ICBookmark = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3249,6 +3377,7 @@ var ICBookmark = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3270,11 +3399,12 @@ var ICBookmark = /* @__PURE__ */ __name((props) => {
 // src/assets/photo.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var ICPhoto = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3305,6 +3435,7 @@ var ICPhoto = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3325,6 +3456,7 @@ var ICPhoto = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3355,11 +3487,12 @@ var ICPhoto = /* @__PURE__ */ __name((props) => {
 // src/assets/camera.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var ICCamera = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3392,6 +3525,7 @@ var ICCamera = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3412,6 +3546,7 @@ var ICCamera = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3444,11 +3579,12 @@ var ICCamera = /* @__PURE__ */ __name((props) => {
 // src/assets/bolt.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var ICBolt = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3470,6 +3606,7 @@ var ICBolt = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3488,6 +3625,7 @@ var ICBolt = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3509,11 +3647,12 @@ var ICBolt = /* @__PURE__ */ __name((props) => {
 // src/assets/question-message.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var ICQuestionMessage = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3535,6 +3674,7 @@ var ICQuestionMessage = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3572,6 +3712,7 @@ var ICQuestionMessage = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3592,6 +3733,7 @@ var ICQuestionMessage = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3629,11 +3771,12 @@ var ICQuestionMessage = /* @__PURE__ */ __name((props) => {
 // src/assets/books.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var ICBooks = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3675,6 +3818,7 @@ var ICBooks = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3700,6 +3844,7 @@ var ICBooks = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3736,6 +3881,7 @@ var ICBooks = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3761,11 +3907,12 @@ var ICBooks = /* @__PURE__ */ __name((props) => {
 // src/assets/balance.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var ICBalance = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3801,6 +3948,7 @@ var ICBalance = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3840,6 +3988,7 @@ var ICBalance = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3874,6 +4023,7 @@ var ICBalance = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -3913,11 +4063,12 @@ var ICBalance = /* @__PURE__ */ __name((props) => {
 // src/assets/folder-add.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var ICFolderAdd = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3939,6 +4090,7 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3969,6 +4121,7 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -3989,6 +4142,7 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4019,11 +4173,12 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
 // src/assets/document.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var ICDocument = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4046,6 +4201,7 @@ var ICDocument = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4067,6 +4223,7 @@ var ICDocument = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4094,6 +4251,7 @@ var ICDocument = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4115,11 +4273,12 @@ var ICDocument = /* @__PURE__ */ __name((props) => {
 // src/assets/person-add.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var ICPersonAdd = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4155,6 +4314,7 @@ var ICPersonAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4192,6 +4352,7 @@ var ICPersonAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4226,6 +4387,7 @@ var ICPersonAdd = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4263,11 +4425,12 @@ var ICPersonAdd = /* @__PURE__ */ __name((props) => {
 // src/assets/send.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var ICSend = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4287,6 +4450,7 @@ var ICSend = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4308,6 +4472,7 @@ var ICSend = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4326,6 +4491,7 @@ var ICSend = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4347,11 +4513,12 @@ var ICSend = /* @__PURE__ */ __name((props) => {
 // src/assets/check-mark.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var ICCheckMark = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4373,6 +4540,7 @@ var ICCheckMark = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4394,6 +4562,7 @@ var ICCheckMark = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4414,6 +4583,7 @@ var ICCheckMark = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4435,11 +4605,12 @@ var ICCheckMark = /* @__PURE__ */ __name((props) => {
 // src/assets/exclamationmark.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var ICExclamationmark = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4461,6 +4632,7 @@ var ICExclamationmark = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4483,6 +4655,7 @@ var ICExclamationmark = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4503,6 +4676,7 @@ var ICExclamationmark = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4525,11 +4699,12 @@ var ICExclamationmark = /* @__PURE__ */ __name((props) => {
 // src/assets/close.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var ICClose = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4551,6 +4726,7 @@ var ICClose = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4570,6 +4746,7 @@ var ICClose = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4590,6 +4767,7 @@ var ICClose = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4609,11 +4787,12 @@ var ICClose = /* @__PURE__ */ __name((props) => {
 // src/assets/lock.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var ICLock = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4644,6 +4823,7 @@ var ICLock = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4676,6 +4856,7 @@ var ICLock = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4705,6 +4886,7 @@ var ICLock = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4737,11 +4919,12 @@ var ICLock = /* @__PURE__ */ __name((props) => {
 // src/assets/ai.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var ICAi = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4773,6 +4956,7 @@ var ICAi = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4811,6 +4995,7 @@ var ICAi = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4848,6 +5033,7 @@ var ICAi = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -4886,11 +5072,12 @@ var ICAi = /* @__PURE__ */ __name((props) => {
 // src/assets/stack.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var ICStack = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4926,6 +5113,7 @@ var ICStack = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4963,6 +5151,7 @@ var ICStack = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -4997,6 +5186,7 @@ var ICStack = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5034,11 +5224,12 @@ var ICStack = /* @__PURE__ */ __name((props) => {
 // src/assets/summarize.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var ICSummarize = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5060,6 +5251,7 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5097,6 +5289,7 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5117,6 +5310,7 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5160,11 +5354,12 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
 // src/assets/memo.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var ICMemo = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5186,6 +5381,7 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5211,6 +5407,7 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5231,6 +5428,7 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5256,11 +5454,12 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
 // src/assets/essay.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var ICEssay = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5290,6 +5489,7 @@ var ICEssay = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5314,6 +5514,7 @@ var ICEssay = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5342,6 +5543,7 @@ var ICEssay = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5366,11 +5568,12 @@ var ICEssay = /* @__PURE__ */ __name((props) => {
 // src/assets/creditcard.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var ICCreditcard = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5401,6 +5604,7 @@ var ICCreditcard = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5425,6 +5629,7 @@ var ICCreditcard = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5454,6 +5659,7 @@ var ICCreditcard = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5478,11 +5684,12 @@ var ICCreditcard = /* @__PURE__ */ __name((props) => {
 // src/assets/speaker.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var ICSpeaker = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5511,6 +5718,7 @@ var ICSpeaker = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5541,6 +5749,7 @@ var ICSpeaker = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5568,6 +5777,7 @@ var ICSpeaker = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5598,11 +5808,12 @@ var ICSpeaker = /* @__PURE__ */ __name((props) => {
 // src/assets/light.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var ICLight = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5631,6 +5842,7 @@ var ICLight = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5661,6 +5873,7 @@ var ICLight = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5688,6 +5901,7 @@ var ICLight = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5718,11 +5932,12 @@ var ICLight = /* @__PURE__ */ __name((props) => {
 // src/assets/document-add.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var ICDocumentAdd = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5752,6 +5967,7 @@ var ICDocumentAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5782,6 +5998,7 @@ var ICDocumentAdd = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5816,6 +6033,7 @@ var ICDocumentAdd = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5846,11 +6064,12 @@ var ICDocumentAdd = /* @__PURE__ */ __name((props) => {
 // src/assets/thumb-up.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var ICThumbUp = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5873,6 +6092,7 @@ var ICThumbUp = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5894,6 +6114,7 @@ var ICThumbUp = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5921,6 +6142,7 @@ var ICThumbUp = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -5942,11 +6164,12 @@ var ICThumbUp = /* @__PURE__ */ __name((props) => {
 // src/assets/thumb-down.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var ICThumbDown = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5975,6 +6198,7 @@ var ICThumbDown = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -5996,6 +6220,7 @@ var ICThumbDown = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6023,6 +6248,7 @@ var ICThumbDown = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6044,11 +6270,12 @@ var ICThumbDown = /* @__PURE__ */ __name((props) => {
 // src/assets/shield.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var ICShield = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6070,6 +6297,7 @@ var ICShield = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6100,6 +6328,7 @@ var ICShield = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6120,6 +6349,7 @@ var ICShield = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       xmlns: "http://www.w3.org/2000/svg",
@@ -6150,11 +6380,12 @@ var ICShield = /* @__PURE__ */ __name((props) => {
 // src/assets/home.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var ICHome = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6175,6 +6406,7 @@ var ICHome = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6196,11 +6428,12 @@ var ICHome = /* @__PURE__ */ __name((props) => {
 // src/assets/visibility.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var ICVisibility = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6231,6 +6464,7 @@ var ICVisibility = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6263,6 +6497,7 @@ var ICVisibility = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6292,6 +6527,7 @@ var ICVisibility = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6324,11 +6560,12 @@ var ICVisibility = /* @__PURE__ */ __name((props) => {
 // src/assets/visibility-off.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var ICVisibilityOff = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6378,6 +6615,7 @@ var ICVisibilityOff = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6427,6 +6665,7 @@ var ICVisibilityOff = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6475,6 +6714,7 @@ var ICVisibilityOff = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6528,11 +6768,12 @@ var ICVisibilityOff = /* @__PURE__ */ __name((props) => {
 // src/assets/magic-wand.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var ICMagicWand = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6576,6 +6817,7 @@ var ICMagicWand = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6620,11 +6862,12 @@ var ICMagicWand = /* @__PURE__ */ __name((props) => {
 // src/assets/magic-pencil.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var ICMagicPencil = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6669,6 +6912,7 @@ var ICMagicPencil = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6714,11 +6958,12 @@ var ICMagicPencil = /* @__PURE__ */ __name((props) => {
 // src/assets/bulb-exclamtionmark.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var ICBulbExclamtionmark = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6750,6 +6995,7 @@ var ICBulbExclamtionmark = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6782,11 +7028,12 @@ var ICBulbExclamtionmark = /* @__PURE__ */ __name((props) => {
 // src/assets/bulb.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var ICBulb = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         xmlns: "http://www.w3.org/2000/svg",
@@ -6810,6 +7057,7 @@ var ICBulb = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       xmlns: "http://www.w3.org/2000/svg",
@@ -6834,11 +7082,12 @@ var ICBulb = /* @__PURE__ */ __name((props) => {
 // src/assets/paraphase.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var ICParaphase = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6864,6 +7113,7 @@ var ICParaphase = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6890,11 +7140,12 @@ var ICParaphase = /* @__PURE__ */ __name((props) => {
 // src/assets/make-easy.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var ICMakeEasy = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -6937,6 +7188,7 @@ var ICMakeEasy = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -6980,11 +7232,12 @@ var ICMakeEasy = /* @__PURE__ */ __name((props) => {
 // src/assets/translate.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ICTranslate = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7014,6 +7267,7 @@ var ICTranslate = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7044,11 +7298,12 @@ var ICTranslate = /* @__PURE__ */ __name((props) => {
 // src/assets/Info.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var ICInfo = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7079,6 +7334,7 @@ var ICInfo = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7110,7 +7366,7 @@ var ICInfo = /* @__PURE__ */ __name((props) => {
 // src/assets/folder-open.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var ICFolderOpen = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
+  const { thick = false, fill = false, size: size4 = 32, ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
@@ -7204,11 +7460,12 @@ var ICFolderOpen = /* @__PURE__ */ __name((props) => {
 // src/assets/highlight-edit.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "svg",
       {
+        ...rest,
         xmlns: "http://www.w3.org/2000/svg",
         width: size4,
         height: size4,
@@ -7238,6 +7495,7 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7268,11 +7526,12 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
 // src/assets/apple.tsx
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var ICApple = /* @__PURE__ */ __name((props) => {
-  const { fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7300,6 +7559,7 @@ var ICApple = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7328,11 +7588,12 @@ var ICApple = /* @__PURE__ */ __name((props) => {
 // src/assets/android.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var ICAndroid = /* @__PURE__ */ __name((props) => {
-  const { fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7351,6 +7612,7 @@ var ICAndroid = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7370,11 +7632,12 @@ var ICAndroid = /* @__PURE__ */ __name((props) => {
 // src/assets/twitter.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var ICTwitter = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7393,6 +7656,7 @@ var ICTwitter = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7412,11 +7676,12 @@ var ICTwitter = /* @__PURE__ */ __name((props) => {
 // src/assets/facebook.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var ICFacebook = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7435,6 +7700,7 @@ var ICFacebook = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7454,11 +7720,12 @@ var ICFacebook = /* @__PURE__ */ __name((props) => {
 // src/assets/google.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var ICGoogle = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill) {
     return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7502,6 +7769,7 @@ var ICGoogle = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7521,11 +7789,12 @@ var ICGoogle = /* @__PURE__ */ __name((props) => {
 // src/assets/paraphrase.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var ICParaphrase = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7551,6 +7820,7 @@ var ICParaphrase = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7577,11 +7847,12 @@ var ICParaphrase = /* @__PURE__ */ __name((props) => {
 // src/assets/car.tsx
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var ICCar = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7602,6 +7873,7 @@ var ICCar = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7623,11 +7895,12 @@ var ICCar = /* @__PURE__ */ __name((props) => {
 // src/assets/airplane.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var ICAirplane = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7648,6 +7921,7 @@ var ICAirplane = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7669,11 +7943,12 @@ var ICAirplane = /* @__PURE__ */ __name((props) => {
 // src/assets/rocket.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var ICRocket = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7703,6 +7978,7 @@ var ICRocket = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7733,11 +8009,12 @@ var ICRocket = /* @__PURE__ */ __name((props) => {
 // src/assets/source.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var ICSource = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7787,6 +8064,7 @@ var ICSource = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7837,11 +8115,12 @@ var ICSource = /* @__PURE__ */ __name((props) => {
 // src/assets/setting.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var ICSetting = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7873,6 +8152,7 @@ var ICSetting = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7905,11 +8185,12 @@ var ICSetting = /* @__PURE__ */ __name((props) => {
 // src/assets/extend.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var ICExtend = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7928,6 +8209,7 @@ var ICExtend = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -7947,11 +8229,12 @@ var ICExtend = /* @__PURE__ */ __name((props) => {
 // src/assets/shorten.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var ICShorten = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -7979,6 +8262,7 @@ var ICShorten = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8007,11 +8291,12 @@ var ICShorten = /* @__PURE__ */ __name((props) => {
 // src/assets/sun.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
 var ICSun = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8066,6 +8351,7 @@ var ICSun = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8121,11 +8407,12 @@ var ICSun = /* @__PURE__ */ __name((props) => {
 // src/assets/moon.tsx
 var import_jsx_runtime106 = require("react/jsx-runtime");
 var ICMoon = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8146,6 +8433,7 @@ var ICMoon = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8167,11 +8455,12 @@ var ICMoon = /* @__PURE__ */ __name((props) => {
 // src/assets/fire.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var ICFire = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8204,6 +8493,7 @@ var ICFire = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8224,6 +8514,7 @@ var ICFire = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8256,11 +8547,12 @@ var ICFire = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-upward.tsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var ICArrowUpward = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8281,6 +8573,7 @@ var ICArrowUpward = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8302,11 +8595,12 @@ var ICArrowUpward = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-downward.tsx
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var ICArrowDownward = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8327,6 +8621,7 @@ var ICArrowDownward = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8348,11 +8643,12 @@ var ICArrowDownward = /* @__PURE__ */ __name((props) => {
 // src/assets/light-mode.tsx
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var ICLightMode = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8407,6 +8703,7 @@ var ICLightMode = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8462,11 +8759,12 @@ var ICLightMode = /* @__PURE__ */ __name((props) => {
 // src/assets/dark-mode.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
 var ICDarkMode = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8487,6 +8785,7 @@ var ICDarkMode = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8508,11 +8807,12 @@ var ICDarkMode = /* @__PURE__ */ __name((props) => {
 // src/assets/target.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var ICTarget = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8547,6 +8847,7 @@ var ICTarget = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8582,11 +8883,12 @@ var ICTarget = /* @__PURE__ */ __name((props) => {
 // src/assets/question-box.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var ICQuestionBox = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8608,6 +8910,7 @@ var ICQuestionBox = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8645,6 +8948,7 @@ var ICQuestionBox = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8665,6 +8969,7 @@ var ICQuestionBox = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8702,11 +9007,12 @@ var ICQuestionBox = /* @__PURE__ */ __name((props) => {
 // src/assets/new-tab.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
 var ICNewTab = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8734,6 +9040,7 @@ var ICNewTab = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8762,11 +9069,12 @@ var ICNewTab = /* @__PURE__ */ __name((props) => {
 // src/assets/example.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var ICExample = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8791,6 +9099,7 @@ var ICExample = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8814,6 +9123,7 @@ var ICExample = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8838,11 +9148,12 @@ var ICExample = /* @__PURE__ */ __name((props) => {
 // src/assets/quote.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var ICQuote = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8875,6 +9186,7 @@ var ICQuote = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8902,6 +9214,7 @@ var ICQuote = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -8934,11 +9247,12 @@ var ICQuote = /* @__PURE__ */ __name((props) => {
 // src/assets/document-check.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
 var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8968,6 +9282,7 @@ var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -8998,6 +9313,7 @@ var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9032,6 +9348,7 @@ var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9062,11 +9379,12 @@ var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
 // src/assets/block.tsx
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var ICBlock = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9087,6 +9405,7 @@ var ICBlock = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9108,11 +9427,12 @@ var ICBlock = /* @__PURE__ */ __name((props) => {
 // src/assets/bookmark-cancel.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9148,6 +9468,7 @@ var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9183,6 +9504,7 @@ var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9217,6 +9539,7 @@ var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9252,11 +9575,12 @@ var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-up-right.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var ICArrowUpRight = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9275,6 +9599,7 @@ var ICArrowUpRight = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9294,11 +9619,12 @@ var ICArrowUpRight = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-down-left.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 var ICArrowDownLeft = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9317,6 +9643,7 @@ var ICArrowDownLeft = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9336,11 +9663,12 @@ var ICArrowDownLeft = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-up-left.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var ICArrowUpLeft = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9359,6 +9687,7 @@ var ICArrowUpLeft = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9378,11 +9707,12 @@ var ICArrowUpLeft = /* @__PURE__ */ __name((props) => {
 // src/assets/email.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var ICEmail = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9411,6 +9741,7 @@ var ICEmail = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9432,6 +9763,7 @@ var ICEmail = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9459,6 +9791,7 @@ var ICEmail = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9480,11 +9813,12 @@ var ICEmail = /* @__PURE__ */ __name((props) => {
 // src/assets/filter.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
 var ICFilter = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9501,6 +9835,7 @@ var ICFilter = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9518,11 +9853,12 @@ var ICFilter = /* @__PURE__ */ __name((props) => {
 // src/assets/timer.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var ICTimer = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9547,6 +9883,7 @@ var ICTimer = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9572,11 +9909,12 @@ var ICTimer = /* @__PURE__ */ __name((props) => {
 // src/assets/play-button.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var ICPlayButton = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9601,6 +9939,7 @@ var ICPlayButton = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9621,6 +9960,7 @@ var ICPlayButton = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9645,11 +9985,12 @@ var ICPlayButton = /* @__PURE__ */ __name((props) => {
 // src/assets/text-select.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
 var ICTextSelect = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9676,6 +10017,7 @@ var ICTextSelect = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9700,11 +10042,12 @@ var ICTextSelect = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-drop-down.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
 var ICArrowDropDown = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9726,11 +10069,12 @@ var ICArrowDropDown = /* @__PURE__ */ __name((props) => {
 // src/assets/bell.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
 var ICBell = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9755,6 +10099,7 @@ var ICBell = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9776,6 +10121,7 @@ var ICBell = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9800,11 +10146,12 @@ var ICBell = /* @__PURE__ */ __name((props) => {
 // src/assets/secret-mode.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
 var ICSecretMode = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9837,6 +10184,7 @@ var ICSecretMode = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9866,6 +10214,7 @@ var ICSecretMode = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9898,11 +10247,12 @@ var ICSecretMode = /* @__PURE__ */ __name((props) => {
 // src/assets/add-clock.tsx
 var import_jsx_runtime131 = require("react/jsx-runtime");
 var ICAddClock = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -9937,6 +10287,7 @@ var ICAddClock = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -9972,11 +10323,12 @@ var ICAddClock = /* @__PURE__ */ __name((props) => {
 // src/assets/clock.tsx
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var ICClock = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10006,6 +10358,7 @@ var ICClock = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10036,11 +10389,12 @@ var ICClock = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-backward.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var ICArrowBackward = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10061,6 +10415,7 @@ var ICArrowBackward = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10082,11 +10437,12 @@ var ICArrowBackward = /* @__PURE__ */ __name((props) => {
 // src/assets/link.tsx
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var ICLink = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10114,6 +10470,7 @@ var ICLink = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10142,11 +10499,12 @@ var ICLink = /* @__PURE__ */ __name((props) => {
 // src/assets/sheet-export.tsx
 var import_jsx_runtime135 = require("react/jsx-runtime");
 var ICSheetExport = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10176,6 +10534,7 @@ var ICSheetExport = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10206,11 +10565,12 @@ var ICSheetExport = /* @__PURE__ */ __name((props) => {
 // src/assets/shield-usage.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
 var ICShieldUsage = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10249,6 +10609,7 @@ var ICShieldUsage = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10294,11 +10655,12 @@ var ICShieldUsage = /* @__PURE__ */ __name((props) => {
 // src/assets/highlighter.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
 var ICHighlighter = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10319,6 +10681,7 @@ var ICHighlighter = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10346,11 +10709,12 @@ var ICSpinner = /* @__PURE__ */ __name((props) => {
 // src/assets/drop-down.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
 var ICDropDown = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10371,6 +10735,7 @@ var ICDropDown = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10392,11 +10757,12 @@ var ICDropDown = /* @__PURE__ */ __name((props) => {
 // src/assets/drop-up.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
 var ICDropUp = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10417,6 +10783,7 @@ var ICDropUp = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10438,11 +10805,12 @@ var ICDropUp = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-drop-right.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
 var ICArrowDropRight = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10461,6 +10829,7 @@ var ICArrowDropRight = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10480,11 +10849,12 @@ var ICArrowDropRight = /* @__PURE__ */ __name((props) => {
 // src/assets/arrow-up-down.tsx
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var ICArrowUpDown = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10512,6 +10882,7 @@ var ICArrowUpDown = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10540,11 +10911,12 @@ var ICArrowUpDown = /* @__PURE__ */ __name((props) => {
 // src/assets/google-export.tsx
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var ICGoogleExport = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10579,6 +10951,7 @@ var ICGoogleExport = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10614,11 +10987,12 @@ var ICGoogleExport = /* @__PURE__ */ __name((props) => {
 // src/assets/shield-person.tsx
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var ICShieldPerson = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10657,6 +11031,7 @@ var ICShieldPerson = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10696,11 +11071,12 @@ var ICShieldPerson = /* @__PURE__ */ __name((props) => {
 // src/assets/formal-bag.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
 var ICFormalBag = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10721,6 +11097,7 @@ var ICFormalBag = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10742,11 +11119,12 @@ var ICFormalBag = /* @__PURE__ */ __name((props) => {
 // src/assets/casual-shoe.tsx
 var import_jsx_runtime146 = require("react/jsx-runtime");
 var ICCasualShoe = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10767,6 +11145,7 @@ var ICCasualShoe = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10788,11 +11167,12 @@ var ICCasualShoe = /* @__PURE__ */ __name((props) => {
 // src/assets/undo.tsx
 var import_jsx_runtime147 = require("react/jsx-runtime");
 var ICUndo = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10811,6 +11191,7 @@ var ICUndo = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10830,11 +11211,12 @@ var ICUndo = /* @__PURE__ */ __name((props) => {
 // src/assets/expand.tsx
 var import_jsx_runtime148 = require("react/jsx-runtime");
 var ICExpand = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10862,6 +11244,7 @@ var ICExpand = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10890,11 +11273,12 @@ var ICExpand = /* @__PURE__ */ __name((props) => {
 // src/assets/verification-badge.tsx
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var ICVerificationBadge = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10916,6 +11300,7 @@ var ICVerificationBadge = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10936,6 +11321,7 @@ var ICVerificationBadge = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -10957,11 +11343,12 @@ var ICVerificationBadge = /* @__PURE__ */ __name((props) => {
 // src/assets/volume-up.tsx
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var ICVolumeUp = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -10999,6 +11386,7 @@ var ICVolumeUp = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11033,6 +11421,7 @@ var ICVolumeUp = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11074,11 +11463,12 @@ var ICVolumeUp = /* @__PURE__ */ __name((props) => {
 // src/assets/volume.tsx
 var import_jsx_runtime151 = require("react/jsx-runtime");
 var ICVolume = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11100,6 +11490,7 @@ var ICVolume = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11118,6 +11509,7 @@ var ICVolume = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11139,11 +11531,12 @@ var ICVolume = /* @__PURE__ */ __name((props) => {
 // src/assets/folder-open-share.tsx
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var ICFolderOpenShare = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11179,6 +11572,7 @@ var ICFolderOpenShare = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11213,6 +11607,7 @@ var ICFolderOpenShare = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11248,11 +11643,12 @@ var ICFolderOpenShare = /* @__PURE__ */ __name((props) => {
 // src/assets/folder-share.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var ICFolderShare = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11288,6 +11684,7 @@ var ICFolderShare = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11322,6 +11719,7 @@ var ICFolderShare = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11357,11 +11755,12 @@ var ICFolderShare = /* @__PURE__ */ __name((props) => {
 // src/assets/report.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
 var ICReport = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11383,6 +11782,7 @@ var ICReport = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11414,6 +11814,7 @@ var ICReport = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11434,6 +11835,7 @@ var ICReport = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11465,11 +11867,12 @@ var ICReport = /* @__PURE__ */ __name((props) => {
 // src/assets/mindmap.tsx
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var ICMindmap = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11490,6 +11893,7 @@ var ICMindmap = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11511,11 +11915,12 @@ var ICMindmap = /* @__PURE__ */ __name((props) => {
 // src/assets/flowchart.tsx
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var ICFlowchart = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11536,6 +11941,7 @@ var ICFlowchart = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11557,11 +11963,12 @@ var ICFlowchart = /* @__PURE__ */ __name((props) => {
 // src/assets/show-all.tsx
 var import_jsx_runtime157 = require("react/jsx-runtime");
 var ICShowAll = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11579,6 +11986,7 @@ var ICShowAll = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11597,11 +12005,12 @@ var ICShowAll = /* @__PURE__ */ __name((props) => {
 // src/assets/hide-all.tsx
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var ICHideAll = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11619,6 +12028,7 @@ var ICHideAll = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11637,11 +12047,12 @@ var ICHideAll = /* @__PURE__ */ __name((props) => {
 // src/assets/brain.tsx
 var import_jsx_runtime159 = require("react/jsx-runtime");
 var ICBrain = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11670,6 +12081,7 @@ var ICBrain = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11690,6 +12102,7 @@ var ICBrain = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11711,11 +12124,12 @@ var ICBrain = /* @__PURE__ */ __name((props) => {
 // src/assets/zoom-in.tsx
 var import_jsx_runtime160 = require("react/jsx-runtime");
 var ICZoomIn = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11745,6 +12159,7 @@ var ICZoomIn = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11775,11 +12190,12 @@ var ICZoomIn = /* @__PURE__ */ __name((props) => {
 // src/assets/zoom-out.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
 var ICZoomOut = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11803,6 +12219,7 @@ var ICZoomOut = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11827,11 +12244,12 @@ var ICZoomOut = /* @__PURE__ */ __name((props) => {
 // src/assets/focus.tsx
 var import_jsx_runtime162 = require("react/jsx-runtime");
 var ICFocus = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11863,6 +12281,7 @@ var ICFocus = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -11895,11 +12314,12 @@ var ICFocus = /* @__PURE__ */ __name((props) => {
 // src/assets/help.tsx
 var import_jsx_runtime163 = require("react/jsx-runtime");
 var ICHelp = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11921,6 +12341,7 @@ var ICHelp = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11958,6 +12379,7 @@ var ICHelp = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -11978,6 +12400,7 @@ var ICHelp = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12015,11 +12438,12 @@ var ICHelp = /* @__PURE__ */ __name((props) => {
 // src/assets/paragraph.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
 var ICParagraph = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12037,6 +12461,7 @@ var ICParagraph = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12055,11 +12480,12 @@ var ICParagraph = /* @__PURE__ */ __name((props) => {
 // src/assets/retry.tsx
 var import_jsx_runtime165 = require("react/jsx-runtime");
 var ICRetry = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12078,6 +12504,7 @@ var ICRetry = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12097,11 +12524,12 @@ var ICRetry = /* @__PURE__ */ __name((props) => {
 // src/assets/add-to-folder.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
 var ICAddToFolder = /* @__PURE__ */ __name((props) => {
-  const { thick = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12123,6 +12551,7 @@ var ICAddToFolder = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12145,11 +12574,12 @@ var ICAddToFolder = /* @__PURE__ */ __name((props) => {
 // src/assets/remove-from-folder.tsx
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var ICRemoveFromFolder = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12171,6 +12601,7 @@ var ICRemoveFromFolder = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12193,11 +12624,12 @@ var ICRemoveFromFolder = /* @__PURE__ */ __name((props) => {
 // src/assets/move-to-folder.tsx
 var import_jsx_runtime168 = require("react/jsx-runtime");
 var ICMoveToFolder = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12225,6 +12657,7 @@ var ICMoveToFolder = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12253,11 +12686,12 @@ var ICMoveToFolder = /* @__PURE__ */ __name((props) => {
 // src/assets/new-thread-folder.tsx
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var ICNewThreadFolder = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12288,6 +12722,7 @@ var ICNewThreadFolder = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12319,11 +12754,12 @@ var ICNewThreadFolder = /* @__PURE__ */ __name((props) => {
 // src/assets/chrome.tsx
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var ICChrome = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (fill && thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12365,6 +12801,7 @@ var ICChrome = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12407,11 +12844,12 @@ var ICChrome = /* @__PURE__ */ __name((props) => {
 // src/assets/new-chrome-extension.tsx
 var import_jsx_runtime171 = require("react/jsx-runtime");
 var ICNewChromeExtension = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12432,6 +12870,7 @@ var ICNewChromeExtension = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12453,11 +12892,12 @@ var ICNewChromeExtension = /* @__PURE__ */ __name((props) => {
 // src/assets/mobile.tsx
 var import_jsx_runtime172 = require("react/jsx-runtime");
 var ICMobile = /* @__PURE__ */ __name((props) => {
-  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F" } = props;
+  const { thick = false, fill = false, size: size4 = 32, color = "#1E1E1F", ...rest } = props;
   if (thick) {
     return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
       "svg",
       {
+        ...rest,
         width: size4,
         height: size4,
         viewBox: "0 0 48 48",
@@ -12487,6 +12927,7 @@ var ICMobile = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
     "svg",
     {
+      ...rest,
       width: size4,
       height: size4,
       viewBox: "0 0 48 48",
@@ -12517,10 +12958,11 @@ var ICMobile = /* @__PURE__ */ __name((props) => {
 // src/assets/google-color.tsx
 var import_jsx_runtime173 = require("react/jsx-runtime");
 var ICGoogleColor = /* @__PURE__ */ __name((props) => {
-  const { size: size4 = 32 } = props;
+  const { size: size4 = 32, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
     "svg",
     {
+      ...rest,
       xmlns: "http://www.w3.org/2000/svg",
       width: size4,
       height: size4,