@loomhq/lens 10.103.7 → 10.103.8

package/dist/icons/index.js

@@ -1,7 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
 // src/components/icon/available-icons/account.tsx
 import * as React from "react";
 function SvgAccount(props) {
-  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -30,7 +47,7 @@ function SvgAccount(props) {
 
 // src/components/icon/available-icons/account-circle.tsx
 import React2 from "react";
-var SvgAccountCircle = (props) => /* @__PURE__ */ React2.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React2.createElement(
+var SvgAccountCircle = (props) => /* @__PURE__ */ React2.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React2.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -42,7 +59,7 @@ var SvgAccountCircle = (props) => /* @__PURE__ */ React2.createElement("svg", {
 
 // src/components/icon/available-icons/add-a-photo.tsx
 import React3 from "react";
-var SvgAddAPhoto = (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React3.createElement(
+var SvgAddAPhoto = (props) => /* @__PURE__ */ React3.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React3.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -54,7 +71,7 @@ var SvgAddAPhoto = (props) => /* @__PURE__ */ React3.createElement("svg", { view
 
 // src/components/icon/available-icons/add-circle-outline.tsx
 import React4 from "react";
-var SvgAddCircleOutline = (props) => /* @__PURE__ */ React4.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React4.createElement(
+var SvgAddCircleOutline = (props) => /* @__PURE__ */ React4.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React4.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -67,7 +84,7 @@ var SvgAddCircleOutline = (props) => /* @__PURE__ */ React4.createElement("svg",
 // src/components/icon/available-icons/add-photo.tsx
 import * as React5 from "react";
 function SvgAddPhoto(props) {
-  return /* @__PURE__ */ React5.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React5.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -97,7 +114,7 @@ function SvgAddPhoto(props) {
 // src/components/icon/available-icons/alarm-clock.tsx
 import * as React6 from "react";
 function SvgAlarmClock(props) {
-  return /* @__PURE__ */ React6.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React6.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -111,7 +128,7 @@ function SvgAlarmClock(props) {
 // src/components/icon/available-icons/alarm-clock-complete.tsx
 import * as React7 from "react";
 function SvgAlarmClockComplete(props) {
-  return /* @__PURE__ */ React7.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React7.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -125,7 +142,7 @@ function SvgAlarmClockComplete(props) {
 // src/components/icon/available-icons/alert-triangle.tsx
 import * as React8 from "react";
 function SvgAlertTriangle(props) {
-  return /* @__PURE__ */ React8.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React8.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -139,7 +156,7 @@ function SvgAlertTriangle(props) {
 // src/components/icon/available-icons/align-bottom.tsx
 import * as React9 from "react";
 function SvgAlignBottom(props) {
-  return /* @__PURE__ */ React9.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React9.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -160,7 +177,7 @@ function SvgAlignBottom(props) {
 
 // src/components/icon/available-icons/apps.tsx
 import React10 from "react";
-var SvgApps = (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React10.createElement(
+var SvgApps = (props) => /* @__PURE__ */ React10.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React10.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -173,7 +190,7 @@ var SvgApps = (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox:
 // src/components/icon/available-icons/archive.tsx
 import * as React11 from "react";
 function SvgArchive(props) {
-  return /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement("title", null, "Artboard 2 copy"), /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React11.createElement("title", null, "Artboard 2 copy"), /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M9.66 12.71a1 1 0 00.7.29h3.28a1 1 0 00.7-.29 1 1 0 00.3-.71 1 1 0 00-1-1h-3.28a1 1 0 00-.7 1.71z",
@@ -190,7 +207,7 @@ function SvgArchive(props) {
 
 // src/components/icon/available-icons/arrow-back.tsx
 import React12 from "react";
-var SvgArrowBack = (props) => /* @__PURE__ */ React12.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React12.createElement(
+var SvgArrowBack = (props) => /* @__PURE__ */ React12.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React12.createElement(
   "path",
   {
     d: "M18.791 11.005H7.621l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 00-1.41 0l-6.59 6.59a.996.996 0 000 1.41l6.59 6.59a.996.996 0 101.41-1.41l-4.88-4.88h11.17c.55 0 1-.45 1-1s-.45-1-1-1z",
@@ -200,7 +217,7 @@ var SvgArrowBack = (props) => /* @__PURE__ */ React12.createElement("svg", { vie
 
 // src/components/icon/available-icons/arrow-drop-down.tsx
 import React13 from "react";
-var SvgArrowDropDown = (props) => /* @__PURE__ */ React13.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React13.createElement(
+var SvgArrowDropDown = (props) => /* @__PURE__ */ React13.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React13.createElement(
   "path",
   {
     d: "M8.706 11.414l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71h-5.18c-.89 0-1.33 1.08-.7 1.71z",
@@ -210,7 +227,7 @@ var SvgArrowDropDown = (props) => /* @__PURE__ */ React13.createElement("svg", {
 
 // src/components/icon/available-icons/arrow-drop-up.tsx
 import React14 from "react";
-var SvgArrowDropUp = (props) => /* @__PURE__ */ React14.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React14.createElement(
+var SvgArrowDropUp = (props) => /* @__PURE__ */ React14.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React14.createElement(
   "path",
   {
     d: "M8.706 12.586l2.59-2.59a.996.996 0 011.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71h-5.18c-.89 0-1.33-1.08-.7-1.71z",
@@ -220,7 +237,7 @@ var SvgArrowDropUp = (props) => /* @__PURE__ */ React14.createElement("svg", { v
 
 // src/components/icon/available-icons/arrow-forward.tsx
 import React15 from "react";
-var SvgArrowForward = (props) => /* @__PURE__ */ React15.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React15.createElement(
+var SvgArrowForward = (props) => /* @__PURE__ */ React15.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React15.createElement(
   "path",
   {
     d: "M5.209 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 000-1.41l-6.58-6.6a.996.996 0 00-1.41 0 .996.996 0 000 1.41l4.87 4.89H5.209c-.55 0-1 .45-1 1s.45 1 1 1z",
@@ -231,7 +248,7 @@ var SvgArrowForward = (props) => /* @__PURE__ */ React15.createElement("svg", {
 // src/components/icon/available-icons/arrow-left.tsx
 import * as React16 from "react";
 function SvgArrowLeft(props) {
-  return /* @__PURE__ */ React16.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React16.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React16.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -253,7 +270,7 @@ function SvgArrowLeft(props) {
 // src/components/icon/available-icons/arrow-right.tsx
 import * as React17 from "react";
 function SvgArrowRight(props) {
-  return /* @__PURE__ */ React17.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React17.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React17.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -275,7 +292,7 @@ function SvgArrowRight(props) {
 // src/components/icon/available-icons/arrow-left-alt.tsx
 import * as React18 from "react";
 function SvgArrowLeftAlt(props) {
-  return /* @__PURE__ */ React18.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React18.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React18.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -297,7 +314,7 @@ function SvgArrowLeftAlt(props) {
 // src/components/icon/available-icons/arrow-right-alt.tsx
 import * as React19 from "react";
 function SvgArrowRightAlt(props) {
-  return /* @__PURE__ */ React19.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React19.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -319,7 +336,7 @@ function SvgArrowRightAlt(props) {
 // src/components/icon/available-icons/at-mention.tsx
 import * as React20 from "react";
 function SvgAtMention(props) {
-  return /* @__PURE__ */ React20.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React20.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React20.createElement(
     "path",
     {
       d: "M16.3759 16.69C18.8719 16.666 21.1039 14.098 21.1039 10.474C21.1039 5.98598 17.4079 2.62598 12.5119 2.62598C7.37593 2.62598 3.12793 6.44198 3.12793 12.034C3.12793 17.482 7.13593 21.13 12.7519 21.13C14.6409 21.13 16.9279 20.4224 18.2971 19.2619C18.3941 19.1797 18.4069 19.0366 18.3314 18.9343L17.5343 17.8539C17.4516 17.7417 17.2933 17.7193 17.1795 17.7998C15.8335 18.7515 14.2818 19.186 12.7519 19.186C8.09593 19.186 5.33593 16.114 5.33593 12.034C5.33593 7.56998 8.40793 4.59398 12.5359 4.59398C16.3999 4.59398 19.0159 7.06598 19.0159 10.498C19.0159 12.874 17.8159 14.794 16.5439 14.794C15.9439 14.794 15.7279 14.362 15.7279 13.882C15.7279 13.738 15.7759 13.498 15.7999 13.378L17.0073 7.72822C17.0406 7.57263 16.922 7.42598 16.7629 7.42598H15.1674C15.0471 7.42598 14.9439 7.51166 14.9217 7.6299L14.9142 7.66962C14.8672 7.9204 14.4255 7.9886 14.2395 7.81392C13.7311 7.33639 12.9904 7.11398 12.3199 7.11398C9.75193 7.11398 7.56793 9.44198 7.56793 12.61C7.56793 15.058 9.10393 16.738 11.2159 16.738C12.1018 16.738 13.0214 16.3664 13.6772 15.6517C13.8243 15.4914 14.1336 15.5376 14.2517 15.7203C14.6437 16.3267 15.4038 16.69 16.3759 16.69ZM14.2159 11.17C14.1679 13.258 13.1119 14.746 11.6479 14.746C10.3519 14.746 9.79993 13.738 9.79993 12.442C9.79993 10.882 10.7599 9.12998 12.4159 9.12998C13.5919 9.12998 14.2159 9.89798 14.2159 11.17Z",
@@ -331,7 +348,7 @@ function SvgAtMention(props) {
 // src/components/icon/available-icons/auto-chapters.tsx
 import * as React21 from "react";
 function SvgAutoChapters(props) {
-  return /* @__PURE__ */ React21.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React21.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -351,7 +368,7 @@ function SvgAutoChapters(props) {
 // src/components/icon/available-icons/auto-tasks.tsx
 import * as React22 from "react";
 function SvgAutoTasks(props) {
-  return /* @__PURE__ */ React22.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React22.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React22.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -379,7 +396,7 @@ function SvgAutoTasks(props) {
 // src/components/icon/available-icons/auto-titles.tsx
 import * as React23 from "react";
 function SvgAutoTitles(props) {
-  return /* @__PURE__ */ React23.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React23.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React23.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -447,7 +464,7 @@ function SvgAutoTitles(props) {
 // src/components/icon/available-icons/auto-summaries.tsx
 import * as React24 from "react";
 function SvgAutoSummaries(props) {
-  return /* @__PURE__ */ React24.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React24.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React24.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -490,7 +507,7 @@ function SvgAutoSummaries(props) {
 
 // src/components/icon/available-icons/back.tsx
 import React25 from "react";
-var SvgBack = (props) => /* @__PURE__ */ React25.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React25.createElement(
+var SvgBack = (props) => /* @__PURE__ */ React25.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React25.createElement(
   "path",
   {
     fill: "currentColor",
@@ -510,7 +527,7 @@ var SvgBack = (props) => /* @__PURE__ */ React25.createElement("svg", { viewBox:
 
 // src/components/icon/available-icons/forward.tsx
 import React26 from "react";
-var SvgForward = (props) => /* @__PURE__ */ React26.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React26.createElement(
+var SvgForward = (props) => /* @__PURE__ */ React26.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React26.createElement(
   "path",
   {
     fill: "currentColor",
@@ -530,7 +547,7 @@ var SvgForward = (props) => /* @__PURE__ */ React26.createElement("svg", { viewB
 
 // src/components/icon/available-icons/replay-5.tsx
 import React27 from "react";
-var SvgReplay5 = (props) => /* @__PURE__ */ React27.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React27.createElement(
+var SvgReplay5 = (props) => /* @__PURE__ */ React27.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React27.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -565,7 +582,7 @@ var SvgReplay5 = (props) => /* @__PURE__ */ React27.createElement("svg", { viewB
 // src/components/icon/available-icons/back5.tsx
 import * as React28 from "react";
 function SvgBack5(props) {
-  return /* @__PURE__ */ React28.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React28.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -601,7 +618,7 @@ function SvgBack5(props) {
 // src/components/icon/available-icons/forward-5.tsx
 import * as React29 from "react";
 function SvgForward5(props) {
-  return /* @__PURE__ */ React29.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React29.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React29.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -637,7 +654,7 @@ function SvgForward5(props) {
 // src/components/icon/available-icons/bar-chart.tsx
 import * as React30 from "react";
 function SvgBarChart(props) {
-  return /* @__PURE__ */ React30.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React30.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React30.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -651,7 +668,7 @@ function SvgBarChart(props) {
 // src/components/icon/available-icons/bell.tsx
 import * as React31 from "react";
 function SvgBell(props) {
-  return /* @__PURE__ */ React31.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React31.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React31.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -665,7 +682,7 @@ function SvgBell(props) {
 // src/components/icon/available-icons/bell-off.tsx
 import * as React32 from "react";
 function SvgBellOff(props) {
-  return /* @__PURE__ */ React32.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React32.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React32.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -687,7 +704,7 @@ function SvgBellOff(props) {
 // src/components/icon/available-icons/bell-ring.tsx
 import * as React33 from "react";
 function SvgBellRing(props) {
-  return /* @__PURE__ */ React33.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React33.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React33.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -725,7 +742,7 @@ function SvgBellRing(props) {
 // src/components/icon/available-icons/book.tsx
 import * as React34 from "react";
 function SvgBook(props) {
-  return /* @__PURE__ */ React34.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React34.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React34.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -739,7 +756,7 @@ function SvgBook(props) {
 // src/components/icon/available-icons/blur.tsx
 import React35 from "react";
 function SvgBlur(props) {
-  return /* @__PURE__ */ React35.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React35.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React35.createElement(
     "path",
     {
       d: "M16.0999 14.2999C16.0999 15.294 15.294 16.0999 14.2999 16.0999C13.3058 16.0999 12.4999 15.294 12.4999 14.2999C12.4999 13.3058 13.3058 12.4999 14.2999 12.4999C15.294 12.4999 16.0999 13.3058 16.0999 14.2999Z",
@@ -816,7 +833,7 @@ function SvgBlur(props) {
 
 // src/components/icon/available-icons/border-color.tsx
 import React36 from "react";
-var SvgBorderColor = (props) => /* @__PURE__ */ React36.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React36.createElement(
+var SvgBorderColor = (props) => /* @__PURE__ */ React36.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React36.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -829,7 +846,7 @@ var SvgBorderColor = (props) => /* @__PURE__ */ React36.createElement("svg", { v
 // src/components/icon/available-icons/bulb.tsx
 import * as React37 from "react";
 function SvgBulb(props) {
-  return /* @__PURE__ */ React37.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React37.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React37.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -877,7 +894,7 @@ var SvgCalendly = () => /* @__PURE__ */ React38.createElement("svg", { width: "2
 // src/components/icon/available-icons/call-to-action.tsx
 import * as React39 from "react";
 function SvgCallToAction(props) {
-  return /* @__PURE__ */ React39.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React39.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React39.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -899,7 +916,7 @@ function SvgCallToAction(props) {
 // src/components/icon/available-icons/chart.tsx
 import * as React40 from "react";
 function SvgChart(props) {
-  return /* @__PURE__ */ React40.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React40.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React40.createElement(
     "path",
     {
       d: "M4.68 17.075l4.965-4.965 3.045 3.045a.93.93 0 001.358-.038l6.717-7.56a.941.941 0 00-.037-1.284.937.937 0 00-1.359.038l-5.986 6.726L10.3 9.955a.933.933 0 00-1.322 0L3.274 15.67a.933.933 0 000 1.32l.084.085a.933.933 0 001.321 0z",
@@ -911,7 +928,7 @@ function SvgChart(props) {
 // src/components/icon/available-icons/check.tsx
 import * as React41 from "react";
 function SvgCheck(props) {
-  return /* @__PURE__ */ React41.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React41.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React41.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -925,7 +942,7 @@ function SvgCheck(props) {
 // src/components/icon/available-icons/check-circle.tsx
 import * as React42 from "react";
 function SvgCheckCircle(props) {
-  return /* @__PURE__ */ React42.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React42.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React42.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -947,7 +964,7 @@ function SvgCheckCircle(props) {
 // src/components/icon/available-icons/check-circle-fill.tsx
 import * as React43 from "react";
 function SvgCheckCircleFill(props) {
-  return /* @__PURE__ */ React43.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React43.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React43.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -968,7 +985,7 @@ function SvgCheckCircleFill(props) {
 
 // src/components/icon/available-icons/check-circle-outline.tsx
 import React44 from "react";
-var SvgCheckCircleOutline = (props) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React44.createElement(
+var SvgCheckCircleOutline = (props) => /* @__PURE__ */ React44.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React44.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -981,7 +998,7 @@ var SvgCheckCircleOutline = (props) => /* @__PURE__ */ React44.createElement("sv
 // src/components/icon/available-icons/chevron-down.tsx
 import * as React45 from "react";
 function SvgChevronDown(props) {
-  return /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React45.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React45.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -995,7 +1012,7 @@ function SvgChevronDown(props) {
 // src/components/icon/available-icons/chevron-left.tsx
 import * as React46 from "react";
 function SvgChevronLeft(props) {
-  return /* @__PURE__ */ React46.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React46.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React46.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1009,7 +1026,7 @@ function SvgChevronLeft(props) {
 // src/components/icon/available-icons/chevron-right.tsx
 import * as React47 from "react";
 function SvgChevronRight(props) {
-  return /* @__PURE__ */ React47.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React47.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React47.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1023,7 +1040,7 @@ function SvgChevronRight(props) {
 // src/components/icon/available-icons/chevrons-left.tsx
 import * as React48 from "react";
 function SvgChevronsLeft(props) {
-  return /* @__PURE__ */ React48.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React48.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1045,7 +1062,7 @@ function SvgChevronsLeft(props) {
 // src/components/icon/available-icons/chevron-small-down.tsx
 import * as React49 from "react";
 function SvgChevronSmallDown(props) {
-  return /* @__PURE__ */ React49.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React49.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React49.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1059,7 +1076,7 @@ function SvgChevronSmallDown(props) {
 // src/components/icon/available-icons/chevron-small-left.tsx
 import * as React50 from "react";
 function SvgChevronSmallLeft(props) {
-  return /* @__PURE__ */ React50.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React50.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React50.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1073,7 +1090,7 @@ function SvgChevronSmallLeft(props) {
 // src/components/icon/available-icons/chevron-small-right.tsx
 import * as React51 from "react";
 function SvgChevronSmallRight(props) {
-  return /* @__PURE__ */ React51.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React51.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React51.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1087,7 +1104,7 @@ function SvgChevronSmallRight(props) {
 // src/components/icon/available-icons/chevron-small-up.tsx
 import * as React52 from "react";
 function SvgChevronSmallUp(props) {
-  return /* @__PURE__ */ React52.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React52.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React52.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1101,7 +1118,7 @@ function SvgChevronSmallUp(props) {
 // src/components/icon/available-icons/chevrons-right.tsx
 import * as React53 from "react";
 function SvgChevronsRight(props) {
-  return /* @__PURE__ */ React53.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React53.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React53.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1123,7 +1140,7 @@ function SvgChevronsRight(props) {
 // src/components/icon/available-icons/chevron-up.tsx
 import * as React54 from "react";
 function SvgChevronUp(props) {
-  return /* @__PURE__ */ React54.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React54.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React54.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1137,7 +1154,7 @@ function SvgChevronUp(props) {
 // src/components/icon/available-icons/chrome.tsx
 import * as React55 from "react";
 function SvgChrome(props) {
-  return /* @__PURE__ */ React55.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React55.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React55.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1153,14 +1170,13 @@ import * as React56 from "react";
 function SvgChromeLogo(props) {
   return /* @__PURE__ */ React56.createElement(
     "svg",
-    {
+    __spreadValues({
       width: "96",
       height: "97",
       viewBox: "0 0 96 97",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React56.createElement("g", { clipPath: "url(#clip0_2_3878)" }, /* @__PURE__ */ React56.createElement(
       "path",
       {
@@ -1207,7 +1223,7 @@ function SvgChromeLogo(props) {
 // src/components/icon/available-icons/close.tsx
 import * as React57 from "react";
 function SvgClose(props) {
-  return /* @__PURE__ */ React57.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React57.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React57.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1221,7 +1237,7 @@ function SvgClose(props) {
 // src/components/icon/available-icons/code.tsx
 import * as React58 from "react";
 function SvgCode(props) {
-  return /* @__PURE__ */ React58.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React58.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React58.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1242,7 +1258,7 @@ function SvgCode(props) {
 
 // src/components/icon/available-icons/collapse.tsx
 import React59 from "react";
-var SvgCollapse = (props) => /* @__PURE__ */ React59.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React59.createElement(
+var SvgCollapse = (props) => /* @__PURE__ */ React59.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React59.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1254,7 +1270,7 @@ var SvgCollapse = (props) => /* @__PURE__ */ React59.createElement("svg", { view
 
 // src/components/icon/available-icons/collapse-replies.tsx
 import React60 from "react";
-var SvgCollapseReplies = (props) => /* @__PURE__ */ React60.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React60.createElement(
+var SvgCollapseReplies = (props) => /* @__PURE__ */ React60.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React60.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1274,7 +1290,7 @@ var SvgCollapseReplies = (props) => /* @__PURE__ */ React60.createElement("svg",
 
 // src/components/icon/available-icons/color-lens.tsx
 import React61 from "react";
-var SvgColorLens = (props) => /* @__PURE__ */ React61.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React61.createElement(
+var SvgColorLens = (props) => /* @__PURE__ */ React61.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React61.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1287,7 +1303,7 @@ var SvgColorLens = (props) => /* @__PURE__ */ React61.createElement("svg", { vie
 // src/components/icon/available-icons/comment.tsx
 import * as React62 from "react";
 function SvgComment(props) {
-  return /* @__PURE__ */ React62.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React62.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React62.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1300,7 +1316,7 @@ function SvgComment(props) {
 
 // src/components/icon/available-icons/confetti.tsx
 import React63 from "react";
-var SvgConfetti = (props) => /* @__PURE__ */ React63.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React63.createElement(
+var SvgConfetti = (props) => /* @__PURE__ */ React63.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React63.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1385,7 +1401,7 @@ var SvgConfetti = (props) => /* @__PURE__ */ React63.createElement("svg", { view
 // src/components/icon/available-icons/contact-support.tsx
 import * as React64 from "react";
 function SvgContactSupport(props) {
-  return /* @__PURE__ */ React64.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React64.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React64.createElement(
     "path",
     {
       d: "M12.96 13.452v-.08c0-.547.254-.962.722-1.296l.549-.387c.79-.56 1.325-1.309 1.325-2.364 0-1.35-1.084-2.658-3.158-2.658-1.98 0-3.065 1.389-3.065 2.831 0 .2.014.415.067.602l1.686.066a1.382 1.382 0 01-.053-.427c0-.748.415-1.51 1.365-1.51.896 0 1.338.588 1.338 1.203 0 .4-.174.761-.576 1.055l-.642.48c-.763.575-1.057 1.23-1.057 1.938 0 .2.027.374.054.547h1.445zm-1.753 1.937a1.05 1.05 0 001.057 1.055c.589 0 1.07-.467 1.07-1.055 0-.588-.481-1.068-1.07-1.068-.589 0-1.057.48-1.057 1.068z",
@@ -1413,7 +1429,7 @@ function SvgContactSupport(props) {
 // src/components/icon/available-icons/copy.tsx
 import * as React65 from "react";
 function SvgCopy(props) {
-  return /* @__PURE__ */ React65.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React65.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React65.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1434,7 +1450,7 @@ function SvgCopy(props) {
 
 // src/components/icon/available-icons/create.tsx
 import React66 from "react";
-var SvgCreate = (props) => /* @__PURE__ */ React66.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React66.createElement(
+var SvgCreate = (props) => /* @__PURE__ */ React66.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React66.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1447,7 +1463,7 @@ var SvgCreate = (props) => /* @__PURE__ */ React66.createElement("svg", { viewBo
 // src/components/icon/available-icons/crop169-expanded.tsx
 import * as React67 from "react";
 function SvgCrop169Expanded(props) {
-  return /* @__PURE__ */ React67.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React67.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React67.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1460,7 +1476,7 @@ function SvgCrop169Expanded(props) {
 
 // src/components/icon/available-icons/cut.tsx
 import React68 from "react";
-var SvgCut = (props) => /* @__PURE__ */ React68.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React68.createElement(
+var SvgCut = (props) => /* @__PURE__ */ React68.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React68.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1472,7 +1488,7 @@ var SvgCut = (props) => /* @__PURE__ */ React68.createElement("svg", { viewBox:
 
 // src/components/icon/available-icons/delete.tsx
 import React69 from "react";
-var SvgDelete = (props) => /* @__PURE__ */ React69.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React69.createElement(
+var SvgDelete = (props) => /* @__PURE__ */ React69.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React69.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1484,7 +1500,7 @@ var SvgDelete = (props) => /* @__PURE__ */ React69.createElement("svg", { viewBo
 
 // src/components/icon/available-icons/delete-forever.tsx
 import React70 from "react";
-var SvgDeleteForever = (props) => /* @__PURE__ */ React70.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React70.createElement(
+var SvgDeleteForever = (props) => /* @__PURE__ */ React70.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1497,7 +1513,7 @@ var SvgDeleteForever = (props) => /* @__PURE__ */ React70.createElement("svg", {
 // src/components/icon/available-icons/desktop-mac.tsx
 import * as React71 from "react";
 function SvgDesktopMac(props) {
-  return /* @__PURE__ */ React71.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React71.createElement(
+  return /* @__PURE__ */ React71.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React71.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1527,7 +1543,7 @@ function SvgDesktopMac(props) {
 // src/components/icon/available-icons/domain.tsx
 import * as React72 from "react";
 function SvgDomain(props) {
-  return /* @__PURE__ */ React72.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React72.createElement(
+  return /* @__PURE__ */ React72.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React72.createElement(
     "path",
     {
       d: "M21.62 10.26a3 3 0 00-2.12-.88h-4V5.62a3 3 0 00-4.34-2.68l-8 4A3 3 0 002 8a3 3 0 00-.5 1.62v8.76a3 3 0 00.88 2.13 3 3 0 002.12.87h15a3 3 0 002.12-.87 3 3 0 00.88-2.13v-6a3 3 0 00-.88-2.12zM4.5 19.38a1 1 0 01-.71-.29 1 1 0 01-.29-.71V9.62a1 1 0 01.15-.53 1.06 1.06 0 01.4-.36l8-4a1 1 0 01.5-.11 1 1 0 01.48.15 1 1 0 01.34.36 1 1 0 01.13.49v12.76a1 1 0 01-.29.71 1 1 0 01-.71.29zm16-1a1 1 0 01-.29.71 1 1 0 01-.71.29h-4v-8h4a1 1 0 011 1z",
@@ -1545,7 +1561,7 @@ function SvgDomain(props) {
 // src/components/icon/available-icons/download.tsx
 import * as React73 from "react";
 function SvgDownload(props) {
-  return /* @__PURE__ */ React73.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React73.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React73.createElement(
     "path",
     {
       d: "M18.22 21H5.78A2.77 2.77 0 013 18.22v-3.55a1 1 0 012 0v3.55a.76.76 0 00.23.55.75.75 0 00.55.23h12.44a.79.79 0 00.78-.78v-3.55a1 1 0 012 0v3.55A2.77 2.77 0 0118.22 21zM12 15.67a1 1 0 01-.35-.08.83.83 0 01-.34-.22l-4.46-4.44a1 1 0 01-.29-.71 1 1 0 01.29-.7 1 1 0 011.41 0L11 12.25V4a1 1 0 012 0v8.25l2.74-2.73a1 1 0 011.41 0 1 1 0 01.29.7 1 1 0 01-.29.71l-4.44 4.44a1 1 0 01-.33.22 1.05 1.05 0 01-.36.08z",
@@ -1559,14 +1575,13 @@ import * as React74 from "react";
 function SvgEdgeLogo(props) {
   return /* @__PURE__ */ React74.createElement(
     "svg",
-    {
+    __spreadValues({
       width: "96",
       height: "97",
       viewBox: "0 0 96 97",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React74.createElement("g", { clipPath: "url(#clip0_2_3904)" }, /* @__PURE__ */ React74.createElement(
       "path",
       {
@@ -1700,7 +1715,7 @@ function SvgEdgeLogo(props) {
 // src/components/icon/available-icons/edit.tsx
 import * as React75 from "react";
 function SvgEdit(props) {
-  return /* @__PURE__ */ React75.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React75.createElement(
+  return /* @__PURE__ */ React75.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React75.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1714,7 +1729,7 @@ function SvgEdit(props) {
 // src/components/icon/available-icons/edit-border.tsx
 import * as React76 from "react";
 function SvgEditBorder(props) {
-  return /* @__PURE__ */ React76.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React76.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React76.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1741,7 +1756,7 @@ function SvgEditBorder(props) {
 
 // src/components/icon/available-icons/exit-to-app.tsx
 import React77 from "react";
-var SvgExitToApp = (props) => /* @__PURE__ */ React77.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React77.createElement(
+var SvgExitToApp = (props) => /* @__PURE__ */ React77.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React77.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1753,7 +1768,7 @@ var SvgExitToApp = (props) => /* @__PURE__ */ React77.createElement("svg", { vie
 
 // src/components/icon/available-icons/expand.tsx
 import React78 from "react";
-var SvgExpand = (props) => /* @__PURE__ */ React78.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React78.createElement(
+var SvgExpand = (props) => /* @__PURE__ */ React78.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React78.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1765,7 +1780,7 @@ var SvgExpand = (props) => /* @__PURE__ */ React78.createElement("svg", { viewBo
 
 // src/components/icon/available-icons/expand-replies.tsx
 import React79 from "react";
-var SvgExpandReplies = (props) => /* @__PURE__ */ React79.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React79.createElement(
+var SvgExpandReplies = (props) => /* @__PURE__ */ React79.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React79.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -1786,7 +1801,7 @@ var SvgExpandReplies = (props) => /* @__PURE__ */ React79.createElement("svg", {
 // src/components/icon/available-icons/extension.tsx
 import * as React80 from "react";
 function SvgExtension(props) {
-  return /* @__PURE__ */ React80.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React80.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React80.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1800,7 +1815,7 @@ function SvgExtension(props) {
 // src/components/icon/available-icons/external-link.tsx
 import * as React81 from "react";
 function SvgExternalLink(props) {
-  return /* @__PURE__ */ React81.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React81.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React81.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1822,7 +1837,7 @@ function SvgExternalLink(props) {
 // src/components/icon/available-icons/eye.tsx
 import * as React82 from "react";
 function SvgEye(props) {
-  return /* @__PURE__ */ React82.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React82.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React82.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1844,7 +1859,7 @@ function SvgEye(props) {
 // src/components/icon/available-icons/eye-off.tsx
 import * as React83 from "react";
 function SvgEyeOff(props) {
-  return /* @__PURE__ */ React83.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React83.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React83.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1871,12 +1886,12 @@ function SvgEyeOff(props) {
 
 // src/components/icon/available-icons/fiber-manual-record.tsx
 import React84 from "react";
-var SvgFiberManualRecord = (props) => /* @__PURE__ */ React84.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React84.createElement("path", { d: "M12 4a8 8 0 100 16 8 8 0 000-16z", fill: "currentColor" }));
+var SvgFiberManualRecord = (props) => /* @__PURE__ */ React84.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React84.createElement("path", { d: "M12 4a8 8 0 100 16 8 8 0 000-16z", fill: "currentColor" }));
 
 // src/components/icon/available-icons/filler-word-removal.tsx
 import * as React85 from "react";
 function SvgFillerWordRemoval(props) {
-  return /* @__PURE__ */ React85.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React85.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React85.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1918,14 +1933,13 @@ import * as React86 from "react";
 function SvgFirefoxLogo(props) {
   return /* @__PURE__ */ React86.createElement(
     "svg",
-    {
+    __spreadValues({
       width: "96",
       height: "99",
       viewBox: "0 0 96 99",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React86.createElement("g", { clipPath: "url(#clip0_2_3887)" }, /* @__PURE__ */ React86.createElement(
       "path",
       {
@@ -2246,7 +2260,7 @@ function SvgFirefoxLogo(props) {
 
 // src/components/icon/available-icons/first-page.tsx
 import React87 from "react";
-var SvgFirstPage = (props) => /* @__PURE__ */ React87.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React87.createElement(
+var SvgFirstPage = (props) => /* @__PURE__ */ React87.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React87.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2259,7 +2273,7 @@ var SvgFirstPage = (props) => /* @__PURE__ */ React87.createElement("svg", { vie
 // src/components/icon/available-icons/folder.tsx
 import * as React88 from "react";
 function SvgFolder(props) {
-  return /* @__PURE__ */ React88.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React88.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React88.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2273,7 +2287,7 @@ function SvgFolder(props) {
 // src/components/icon/available-icons/folder-shared.tsx
 import * as React89 from "react";
 function SvgFolderShared(props) {
-  return /* @__PURE__ */ React89.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React89.createElement(
+  return /* @__PURE__ */ React89.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React89.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2303,7 +2317,7 @@ function SvgFolderShared(props) {
 // src/components/icon/available-icons/caret-folder.tsx
 import * as React90 from "react";
 function SvgCaretFolder(props) {
-  return /* @__PURE__ */ React90.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React90.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React90.createElement(
     "path",
     {
       d: "M20.24 7a2.6 2.6 0 00-1.84-.8h-6.67l-1.3-1.95a1 1 0 00-.83-.45h-4a2.66 2.66 0 00-1.84.76A2.6 2.6 0 003 6.4v11.2a2.6 2.6 0 00.76 1.84 2.66 2.66 0 001.84.76h12.8a2.6 2.6 0 001.84-.76A2.66 2.66 0 0021 17.6V8.8a2.6 2.6 0 00-.76-1.8zM19 17.6a.62.62 0 01-.6.6H5.6a.62.62 0 01-.6-.6V6.4a.62.62 0 01.6-.6h3.46l1.31 2a1 1 0 00.83.45h7.2a.59.59 0 01.42.17.6.6 0 01.18.38z",
@@ -2321,7 +2335,7 @@ function SvgCaretFolder(props) {
 // src/components/icon/available-icons/frown.tsx
 import * as React91 from "react";
 function SvgFrown(props) {
-  return /* @__PURE__ */ React91.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React91.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React91.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2342,7 +2356,7 @@ function SvgFrown(props) {
 
 // src/components/icon/available-icons/fullscreen.tsx
 import React92 from "react";
-var SvgFullscreen = (props) => /* @__PURE__ */ React92.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React92.createElement(
+var SvgFullscreen = (props) => /* @__PURE__ */ React92.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React92.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2354,7 +2368,7 @@ var SvgFullscreen = (props) => /* @__PURE__ */ React92.createElement("svg", { vi
 
 // src/components/icon/available-icons/fullscreen-exit.tsx
 import React93 from "react";
-var SvgFullscreenExit = (props) => /* @__PURE__ */ React93.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React93.createElement(
+var SvgFullscreenExit = (props) => /* @__PURE__ */ React93.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React93.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2367,7 +2381,7 @@ var SvgFullscreenExit = (props) => /* @__PURE__ */ React93.createElement("svg",
 // src/components/icon/available-icons/google.tsx
 import * as React94 from "react";
 function SvgGoogle(props) {
-  return /* @__PURE__ */ React94.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React94.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React94.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2405,7 +2419,7 @@ function SvgGoogle(props) {
 // src/components/icon/available-icons/grid.tsx
 import * as React95 from "react";
 function SvgGrid(props) {
-  return /* @__PURE__ */ React95.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React95.createElement(
+  return /* @__PURE__ */ React95.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React95.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2418,7 +2432,7 @@ function SvgGrid(props) {
 
 // src/components/icon/available-icons/group-add.tsx
 import React96 from "react";
-var SvgGroupAdd = (props) => /* @__PURE__ */ React96.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React96.createElement(
+var SvgGroupAdd = (props) => /* @__PURE__ */ React96.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React96.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2430,7 +2444,7 @@ var SvgGroupAdd = (props) => /* @__PURE__ */ React96.createElement("svg", { view
 
 // src/components/icon/available-icons/help.tsx
 import React97 from "react";
-var SvgHelp = (props) => /* @__PURE__ */ React97.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React97.createElement(
+var SvgHelp = (props) => /* @__PURE__ */ React97.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React97.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2443,7 +2457,7 @@ var SvgHelp = (props) => /* @__PURE__ */ React97.createElement("svg", { viewBox:
 // src/components/icon/available-icons/help-circle.tsx
 import * as React98 from "react";
 function SvgHelpCircle(props) {
-  return /* @__PURE__ */ React98.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React98.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React98.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2462,7 +2476,7 @@ function SvgHelpCircle(props) {
 
 // src/components/icon/available-icons/highlight-off.tsx
 import React99 from "react";
-var SvgHighlightOff = (props) => /* @__PURE__ */ React99.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React99.createElement(
+var SvgHighlightOff = (props) => /* @__PURE__ */ React99.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React99.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2474,7 +2488,7 @@ var SvgHighlightOff = (props) => /* @__PURE__ */ React99.createElement("svg", {
 
 // src/components/icon/available-icons/image.tsx
 import React100 from "react";
-var SvgImage = (props) => /* @__PURE__ */ React100.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React100.createElement(
+var SvgImage = (props) => /* @__PURE__ */ React100.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React100.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2487,7 +2501,7 @@ var SvgImage = (props) => /* @__PURE__ */ React100.createElement("svg", { viewBo
 // src/components/icon/available-icons/image1.tsx
 import * as React101 from "react";
 function SvgImage1(props) {
-  return /* @__PURE__ */ React101.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React101.createElement(
+  return /* @__PURE__ */ React101.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React101.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2509,7 +2523,7 @@ function SvgImage1(props) {
 // src/components/icon/available-icons/image2.tsx
 import * as React102 from "react";
 function SvgImage2(props) {
-  return /* @__PURE__ */ React102.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React102.createElement(
+  return /* @__PURE__ */ React102.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React102.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2531,7 +2545,7 @@ function SvgImage2(props) {
 // src/components/icon/available-icons/import.tsx
 import * as React103 from "react";
 function SvgImport(props) {
-  return /* @__PURE__ */ React103.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React103.createElement(
+  return /* @__PURE__ */ React103.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React103.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2561,7 +2575,7 @@ function SvgImport(props) {
 // src/components/icon/available-icons/info.tsx
 import * as React104 from "react";
 function SvgInfo(props) {
-  return /* @__PURE__ */ React104.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React104.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React104.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2583,7 +2597,7 @@ function SvgInfo(props) {
 // src/components/icon/available-icons/info-fill.tsx
 import * as React105 from "react";
 function SvgInfoFill(props) {
-  return /* @__PURE__ */ React105.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React105.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React105.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2596,7 +2610,7 @@ function SvgInfoFill(props) {
 
 // src/components/icon/available-icons/info-outline.tsx
 import React106 from "react";
-var SvgInfoOutline = (props) => /* @__PURE__ */ React106.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React106.createElement(
+var SvgInfoOutline = (props) => /* @__PURE__ */ React106.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React106.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2608,7 +2622,7 @@ var SvgInfoOutline = (props) => /* @__PURE__ */ React106.createElement("svg", {
 
 // src/components/icon/available-icons/keyboard-arrow-down.tsx
 import React107 from "react";
-var SvgKeyboardArrowDown = (props) => /* @__PURE__ */ React107.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React107.createElement(
+var SvgKeyboardArrowDown = (props) => /* @__PURE__ */ React107.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React107.createElement(
   "path",
   {
     d: "M8.125 9l3.88 3.88L15.885 9a.996.996 0 111.41 1.41L12.705 15a.996.996 0 01-1.41 0l-4.59-4.59a.996.996 0 010-1.41c.39-.38 1.03-.39 1.42 0z",
@@ -2618,7 +2632,7 @@ var SvgKeyboardArrowDown = (props) => /* @__PURE__ */ React107.createElement("sv
 
 // src/components/icon/available-icons/keyboard-arrow-left.tsx
 import React108 from "react";
-var SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React108.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React108.createElement(
+var SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React108.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React108.createElement(
   "path",
   {
     d: "M15 15.875l-3.88-3.88L15 8.115a.996.996 0 10-1.41-1.41L9 11.295a.996.996 0 000 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z",
@@ -2628,7 +2642,7 @@ var SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React108.createElement("sv
 
 // src/components/icon/available-icons/keyboard-arrow-right.tsx
 import React109 from "react";
-var SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React109.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React109.createElement(
+var SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React109.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React109.createElement(
   "path",
   {
     d: "M9 15.875l3.88-3.88L9 8.115a.996.996 0 111.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.59a.996.996 0 01-1.41 0c-.38-.39-.39-1.03 0-1.42z",
@@ -2638,7 +2652,7 @@ var SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React109.createElement("s
 
 // src/components/icon/available-icons/keyboard-arrow-up.tsx
 import React110 from "react";
-var SvgKeyboardArrowUp = (props) => /* @__PURE__ */ React110.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React110.createElement(
+var SvgKeyboardArrowUp = (props) => /* @__PURE__ */ React110.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React110.createElement(
   "path",
   {
     d: "M8.125 15l3.88-3.88 3.88 3.88a.996.996 0 101.41-1.41L12.705 9a.996.996 0 00-1.41 0l-4.59 4.59a.996.996 0 000 1.41c.39.38 1.03.39 1.42 0z",
@@ -2648,7 +2662,7 @@ var SvgKeyboardArrowUp = (props) => /* @__PURE__ */ React110.createElement("svg"
 
 // src/components/icon/available-icons/launch.tsx
 import React111 from "react";
-var SvgLaunch = (props) => /* @__PURE__ */ React111.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React111.createElement(
+var SvgLaunch = (props) => /* @__PURE__ */ React111.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React111.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2660,7 +2674,7 @@ var SvgLaunch = (props) => /* @__PURE__ */ React111.createElement("svg", { viewB
 
 // src/components/icon/available-icons/lightbulb-outline.tsx
 import React112 from "react";
-var SvgLightbulbOutline = (props) => /* @__PURE__ */ React112.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React112.createElement(
+var SvgLightbulbOutline = (props) => /* @__PURE__ */ React112.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React112.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2673,7 +2687,7 @@ var SvgLightbulbOutline = (props) => /* @__PURE__ */ React112.createElement("svg
 // src/components/icon/available-icons/link.tsx
 import * as React113 from "react";
 function SvgLink(props) {
-  return /* @__PURE__ */ React113.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React113.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React113.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2702,7 +2716,7 @@ function SvgLink(props) {
 
 // src/components/icon/available-icons/linkedin.tsx
 import React114 from "react";
-var SvgLinkedIn = (props) => /* @__PURE__ */ React114.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React114.createElement(
+var SvgLinkedIn = (props) => /* @__PURE__ */ React114.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React114.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2715,7 +2729,7 @@ var SvgLinkedIn = (props) => /* @__PURE__ */ React114.createElement("svg", { vie
 // src/components/icon/available-icons/link-off.tsx
 import * as React115 from "react";
 function SvgLinkOff(props) {
-  return /* @__PURE__ */ React115.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React115.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React115.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2729,7 +2743,7 @@ function SvgLinkOff(props) {
 // src/components/icon/available-icons/list.tsx
 import * as React116 from "react";
 function SvgList(props) {
-  return /* @__PURE__ */ React116.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React116.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React116.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2743,7 +2757,7 @@ function SvgList(props) {
 // src/components/icon/available-icons/location.tsx
 import * as React117 from "react";
 function SvgLocation(props) {
-  return /* @__PURE__ */ React117.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React117.createElement(
+  return /* @__PURE__ */ React117.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React117.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2757,7 +2771,7 @@ function SvgLocation(props) {
 // src/components/icon/available-icons/lock.tsx
 import * as React118 from "react";
 function SvgLock(props) {
-  return /* @__PURE__ */ React118.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React118.createElement(
+  return /* @__PURE__ */ React118.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React118.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2779,7 +2793,7 @@ function SvgLock(props) {
 // src/components/icon/available-icons/lock-fill.tsx
 import * as React119 from "react";
 function SvgLockFill(props) {
-  return /* @__PURE__ */ React119.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React119.createElement(
+  return /* @__PURE__ */ React119.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React119.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2801,7 +2815,7 @@ function SvgLockFill(props) {
 // src/components/icon/available-icons/log-out.tsx
 import * as React120 from "react";
 function SvgLogOut(props) {
-  return /* @__PURE__ */ React120.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React120.createElement(
+  return /* @__PURE__ */ React120.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React120.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2823,7 +2837,7 @@ function SvgLogOut(props) {
 // src/components/icon/available-icons/maximize.tsx
 import * as React121 from "react";
 function SvgMaximize(props) {
-  return /* @__PURE__ */ React121.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React121.createElement(
+  return /* @__PURE__ */ React121.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React121.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2837,7 +2851,7 @@ function SvgMaximize(props) {
 // src/components/icon/available-icons/menu.tsx
 import * as React122 from "react";
 function SvgMenu(props) {
-  return /* @__PURE__ */ React122.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React122.createElement(
+  return /* @__PURE__ */ React122.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React122.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2851,7 +2865,7 @@ function SvgMenu(props) {
 // src/components/icon/available-icons/mic.tsx
 import * as React123 from "react";
 function SvgMic(props) {
-  return /* @__PURE__ */ React123.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React123.createElement(
+  return /* @__PURE__ */ React123.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React123.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2889,7 +2903,7 @@ function SvgMic(props) {
 // src/components/icon/available-icons/mic-off.tsx
 import * as React124 from "react";
 function SvgMicOff(props) {
-  return /* @__PURE__ */ React124.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React124.createElement(
+  return /* @__PURE__ */ React124.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React124.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2903,7 +2917,7 @@ function SvgMicOff(props) {
 // src/components/icon/available-icons/minimize.tsx
 import * as React125 from "react";
 function SvgMinimize(props) {
-  return /* @__PURE__ */ React125.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React125.createElement(
+  return /* @__PURE__ */ React125.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React125.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2917,7 +2931,7 @@ function SvgMinimize(props) {
 // src/components/icon/available-icons/minus-circle.tsx
 import * as React126 from "react";
 function SvgMinusCircle(props) {
-  return /* @__PURE__ */ React126.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React126.createElement(
+  return /* @__PURE__ */ React126.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React126.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2939,7 +2953,7 @@ function SvgMinusCircle(props) {
 // src/components/icon/available-icons/more-horiz.tsx
 import * as React127 from "react";
 function SvgMoreHoriz(props) {
-  return /* @__PURE__ */ React127.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React127.createElement(
+  return /* @__PURE__ */ React127.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React127.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2953,7 +2967,7 @@ function SvgMoreHoriz(props) {
 // src/components/icon/available-icons/mute.tsx
 import * as React128 from "react";
 function SvgMute(props) {
-  return /* @__PURE__ */ React128.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React128.createElement(
+  return /* @__PURE__ */ React128.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React128.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2966,7 +2980,7 @@ function SvgMute(props) {
 
 // src/components/icon/available-icons/near-me.tsx
 import React129 from "react";
-var SvgNearMe = (props) => /* @__PURE__ */ React129.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React129.createElement(
+var SvgNearMe = (props) => /* @__PURE__ */ React129.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React129.createElement(
   "path",
   {
     d: "M18.95 3.738L4.27 9.878c-.83.35-.81 1.53.02 1.85l5.34 2.07a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z",
@@ -2976,7 +2990,7 @@ var SvgNearMe = (props) => /* @__PURE__ */ React129.createElement("svg", { viewB
 
 // src/components/icon/available-icons/notifications.tsx
 import React130 from "react";
-var SvgNotifications = (props) => /* @__PURE__ */ React130.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React130.createElement(
+var SvgNotifications = (props) => /* @__PURE__ */ React130.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React130.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -2988,7 +3002,7 @@ var SvgNotifications = (props) => /* @__PURE__ */ React130.createElement("svg",
 
 // src/components/icon/available-icons/offline-bolt.tsx
 import React131 from "react";
-var SvgOfflineBolt = (props) => /* @__PURE__ */ React131.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React131.createElement(
+var SvgOfflineBolt = (props) => /* @__PURE__ */ React131.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React131.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3001,7 +3015,7 @@ var SvgOfflineBolt = (props) => /* @__PURE__ */ React131.createElement("svg", {
 // src/components/icon/available-icons/outlook.tsx
 import * as React132 from "react";
 function SvgOutlook(props) {
-  return /* @__PURE__ */ React132.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React132.createElement(
+  return /* @__PURE__ */ React132.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React132.createElement(
     "path",
     {
       d: "M14.2645 6.81636V10.3373L15.5085 11.112C15.5413 11.1215 15.6125 11.1222 15.6453 11.112L20.9993 7.54177C20.9993 7.11923 20.6008 6.81635 20.3759 6.81635H14.2645V6.81636Z",
@@ -3031,7 +3045,7 @@ function SvgOutlook(props) {
 // src/components/icon/available-icons/palette.tsx
 import * as React133 from "react";
 function SvgPalette(props) {
-  return /* @__PURE__ */ React133.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React133.createElement(
+  return /* @__PURE__ */ React133.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React133.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3051,7 +3065,7 @@ function SvgPalette(props) {
 // src/components/icon/available-icons/pause.tsx
 import * as React134 from "react";
 function SvgPause(props) {
-  return /* @__PURE__ */ React134.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React134.createElement(
+  return /* @__PURE__ */ React134.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React134.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3064,7 +3078,7 @@ function SvgPause(props) {
 
 // src/components/icon/available-icons/people.tsx
 import React135 from "react";
-var SvgPeople = (props) => /* @__PURE__ */ React135.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React135.createElement(
+var SvgPeople = (props) => /* @__PURE__ */ React135.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React135.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3076,7 +3090,7 @@ var SvgPeople = (props) => /* @__PURE__ */ React135.createElement("svg", { viewB
 
 // src/components/icon/available-icons/person.tsx
 import React136 from "react";
-var SvgPerson = (props) => /* @__PURE__ */ React136.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React136.createElement(
+var SvgPerson = (props) => /* @__PURE__ */ React136.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React136.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3089,7 +3103,7 @@ var SvgPerson = (props) => /* @__PURE__ */ React136.createElement("svg", { viewB
 // src/components/icon/available-icons/phone-link-off.tsx
 import * as React137 from "react";
 function SvgPhoneLinkOff(props) {
-  return /* @__PURE__ */ React137.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React137.createElement(
+  return /* @__PURE__ */ React137.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React137.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3118,7 +3132,7 @@ function SvgPhoneLinkOff(props) {
 
 // src/components/icon/available-icons/phonelink-off.tsx
 import React138 from "react";
-var SvgPhonelinkOff = (props) => /* @__PURE__ */ React138.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React138.createElement(
+var SvgPhonelinkOff = (props) => /* @__PURE__ */ React138.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React138.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3130,7 +3144,7 @@ var SvgPhonelinkOff = (props) => /* @__PURE__ */ React138.createElement("svg", {
 
 // src/components/icon/available-icons/photo-size-select-actual.tsx
 import React139 from "react";
-var SvgPhotoSizeSelectActual = (props) => /* @__PURE__ */ React139.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React139.createElement(
+var SvgPhotoSizeSelectActual = (props) => /* @__PURE__ */ React139.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React139.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3143,7 +3157,7 @@ var SvgPhotoSizeSelectActual = (props) => /* @__PURE__ */ React139.createElement
 // src/components/icon/available-icons/play.tsx
 import * as React140 from "react";
 function SvgPlay(props) {
-  return /* @__PURE__ */ React140.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React140.createElement(
+  return /* @__PURE__ */ React140.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React140.createElement(
     "path",
     {
       d: "M6 6.134v11.732c0 .895 1.03 1.438 1.822.951l9.628-5.866c.733-.441.733-1.46 0-1.914L7.822 5.183C7.029 4.696 6 5.239 6 6.134z",
@@ -3154,7 +3168,7 @@ function SvgPlay(props) {
 
 // src/components/icon/available-icons/play-arrow.tsx
 import React141 from "react";
-var SvgPlayArrow = (props) => /* @__PURE__ */ React141.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React141.createElement(
+var SvgPlayArrow = (props) => /* @__PURE__ */ React141.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React141.createElement(
   "path",
   {
     d: "M6 5.957v12.086a1.164 1.164 0 001.797.98l9.496-6.043c.724-.455.724-1.505 0-1.972L7.797 4.977A1.164 1.164 0 006 5.957z",
@@ -3165,7 +3179,7 @@ var SvgPlayArrow = (props) => /* @__PURE__ */ React141.createElement("svg", { vi
 // src/components/icon/available-icons/play-circle.tsx
 import * as React142 from "react";
 function SvgPlayCircle(props) {
-  return /* @__PURE__ */ React142.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React142.createElement(
+  return /* @__PURE__ */ React142.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React142.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3186,7 +3200,7 @@ function SvgPlayCircle(props) {
 
 // src/components/icon/available-icons/play-circle-filled.tsx
 import React143 from "react";
-var SvgPlayCircleFilled = (props) => /* @__PURE__ */ React143.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React143.createElement(
+var SvgPlayCircleFilled = (props) => /* @__PURE__ */ React143.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React143.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3199,7 +3213,7 @@ var SvgPlayCircleFilled = (props) => /* @__PURE__ */ React143.createElement("svg
 // src/components/icon/available-icons/plus-circle.tsx
 import * as React144 from "react";
 function SvgPlusCircle(props) {
-  return /* @__PURE__ */ React144.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React144.createElement(
+  return /* @__PURE__ */ React144.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React144.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3213,7 +3227,7 @@ function SvgPlusCircle(props) {
 // src/components/icon/available-icons/public-off.tsx
 import * as React145 from "react";
 function SvgPublicOff(props) {
-  return /* @__PURE__ */ React145.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React145.createElement(
+  return /* @__PURE__ */ React145.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React145.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3226,7 +3240,7 @@ function SvgPublicOff(props) {
 
 // src/components/icon/available-icons/publicoff.tsx
 import React146 from "react";
-var SvgPublicoff = (props) => /* @__PURE__ */ React146.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React146.createElement(
+var SvgPublicoff = (props) => /* @__PURE__ */ React146.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React146.createElement(
   "path",
   {
     d: "M11 8.17L6.49 3.66A9.91 9.91 0 0112 2c5.52 0 10 4.48 10 10 0 2.04-.61 3.93-1.66 5.51l-1.46-1.46A7.842 7.842 0 0020 12c0-3.35-2.07-6.22-5-7.41V5c0 1.1-.9 2-2 2h-2v1.17zm10.19 13.02l-1.41 1.41-2.27-2.27A9.839 9.839 0 0112 22C6.48 22 2 17.52 2 12c0-2.04.61-3.93 1.66-5.51L1.39 4.22 2.8 2.81l18.39 18.38zM11 18c-1.1 0-2-.9-2-2v-1l-4.79-4.79C4.08 10.79 4 11.38 4 12c0 4.08 3.05 7.44 7 7.93V18z",
@@ -3237,7 +3251,7 @@ var SvgPublicoff = (props) => /* @__PURE__ */ React146.createElement("svg", { vi
 // src/components/icon/available-icons/public-on.tsx
 import * as React147 from "react";
 function SvgPublicOn(props) {
-  return /* @__PURE__ */ React147.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React147.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React147.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3250,7 +3264,7 @@ function SvgPublicOn(props) {
 
 // src/components/icon/available-icons/publicon.tsx
 import React148 from "react";
-var SvgPublicon = (props) => /* @__PURE__ */ React148.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React148.createElement(
+var SvgPublicon = (props) => /* @__PURE__ */ React148.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React148.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3263,7 +3277,7 @@ var SvgPublicon = (props) => /* @__PURE__ */ React148.createElement("svg", { vie
 // src/components/icon/available-icons/quick-edit.tsx
 import * as React149 from "react";
 function SvgQuickEdit(props) {
-  return /* @__PURE__ */ React149.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React149.createElement(
+  return /* @__PURE__ */ React149.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React149.createElement(
     "path",
     {
       d: "M11.1869 14.1526L4.3398 21.2194C3.61853 21.9639 2.44813 21.9639 1.72519 21.2194C1.36456 20.8472 1.18424 20.3578 1.18424 19.8702C1.18424 19.3825 1.36456 18.8931 1.72519 18.5209L8.52216 11.5057L11.1869 14.1526Z",
@@ -3309,12 +3323,12 @@ function SvgQuickEdit(props) {
 // src/components/icon/available-icons/record.tsx
 import * as React150 from "react";
 function SvgRecord(props) {
-  return /* @__PURE__ */ React150.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React150.createElement("circle", { cx: 12, cy: 12, r: 8, fill: "currentColor" }));
+  return /* @__PURE__ */ React150.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React150.createElement("circle", { cx: 12, cy: 12, r: 8, fill: "currentColor" }));
 }
 
 // src/components/icon/available-icons/remove-circle-outline.tsx
 import React151 from "react";
-var SvgRemoveCircleOutline = (props) => /* @__PURE__ */ React151.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React151.createElement(
+var SvgRemoveCircleOutline = (props) => /* @__PURE__ */ React151.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React151.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3326,7 +3340,7 @@ var SvgRemoveCircleOutline = (props) => /* @__PURE__ */ React151.createElement("
 
 // src/components/icon/available-icons/remove-red-eye.tsx
 import React152 from "react";
-var SvgRemoveRedEye = (props) => /* @__PURE__ */ React152.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React152.createElement(
+var SvgRemoveRedEye = (props) => /* @__PURE__ */ React152.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React152.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3338,7 +3352,7 @@ var SvgRemoveRedEye = (props) => /* @__PURE__ */ React152.createElement("svg", {
 
 // src/components/icon/available-icons/reply.tsx
 import React153 from "react";
-var SvgReply = (props) => /* @__PURE__ */ React153.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React153.createElement(
+var SvgReply = (props) => /* @__PURE__ */ React153.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React153.createElement(
   "path",
   {
     d: "M9.796 7.797v-1.59c0-.89-1.08-1.34-1.71-.71l-4.59 4.59a.996.996 0 000 1.41l4.59 4.59c.63.63 1.71.19 1.71-.7v-1.69c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z",
@@ -3349,7 +3363,7 @@ var SvgReply = (props) => /* @__PURE__ */ React153.createElement("svg", { viewBo
 // src/components/icon/available-icons/reply-left.tsx
 import * as React154 from "react";
 function SvgReplyLeft(props) {
-  return /* @__PURE__ */ React154.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React154.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React154.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3363,7 +3377,7 @@ function SvgReplyLeft(props) {
 // src/components/icon/available-icons/reply-right.tsx
 import * as React155 from "react";
 function SvgReplyRight(props) {
-  return /* @__PURE__ */ React155.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React155.createElement(
+  return /* @__PURE__ */ React155.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React155.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3376,7 +3390,7 @@ function SvgReplyRight(props) {
 
 // src/components/icon/available-icons/rotate-left.tsx
 import React156 from "react";
-var SvgRotateLeft = (props) => /* @__PURE__ */ React156.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React156.createElement(
+var SvgRotateLeft = (props) => /* @__PURE__ */ React156.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React156.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3391,14 +3405,13 @@ import * as React157 from "react";
 function SvgSafariLogo(props) {
   return /* @__PURE__ */ React157.createElement(
     "svg",
-    {
+    __spreadValues({
       width: "96",
       height: "97",
       viewBox: "0 0 96 97",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React157.createElement("g", { clipPath: "url(#clip0_2_3913)" }, /* @__PURE__ */ React157.createElement("g", { opacity: "0.53", filter: "url(#filter0_f_2_3913)" }, /* @__PURE__ */ React157.createElement(
       "path",
       {
@@ -3550,7 +3563,7 @@ function SvgSafariLogo(props) {
 
 // src/components/icon/available-icons/salesforce.tsx
 import React158 from "react";
-var SvgSalesforce = (props) => /* @__PURE__ */ React158.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React158.createElement(
+var SvgSalesforce = (props) => /* @__PURE__ */ React158.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React158.createElement(
   "path",
   {
     d: "M14.9076 12.034C14.9801 11.923 15.0171 11.7665 15.0171 11.5681C15.0171 11.3704 14.9805 11.2146 14.9076 11.1051C14.8356 10.9968 14.7268 10.9441 14.574 10.9441C14.4211 10.9441 14.3129 10.9963 14.2418 11.1051C14.1702 11.2146 14.1337 11.3704 14.1337 11.5688C14.1337 11.7672 14.17 11.9245 14.2418 12.0347C14.3131 12.1439 14.4219 12.1972 14.574 12.1972C14.7261 12.1972 14.8354 12.1435 14.9076 12.034Z",
@@ -3586,7 +3599,7 @@ var SvgSalesforce = (props) => /* @__PURE__ */ React158.createElement("svg", { v
 
 // src/components/icon/available-icons/salesforce-blk.tsx
 import React159 from "react";
-var SvgSalesforceBlk = (props) => /* @__PURE__ */ React159.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React159.createElement(
+var SvgSalesforceBlk = (props) => /* @__PURE__ */ React159.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React159.createElement(
   "path",
   {
     d: "M14.9076 12.034C14.9801 11.923 15.0171 11.7665 15.0171 11.5681C15.0171 11.3704 14.9805 11.2146 14.9076 11.1051C14.8356 10.9968 14.7268 10.9441 14.574 10.9441C14.4211 10.9441 14.3129 10.9963 14.2418 11.1051C14.1702 11.2146 14.1337 11.3704 14.1337 11.5688C14.1337 11.7672 14.17 11.9245 14.2418 12.0347C14.3131 12.1439 14.4219 12.1972 14.574 12.1972C14.7261 12.1972 14.8354 12.1435 14.9076 12.034Z",
@@ -3623,7 +3636,7 @@ var SvgSalesforceBlk = (props) => /* @__PURE__ */ React159.createElement("svg",
 // src/components/icon/available-icons/scissors.tsx
 import * as React160 from "react";
 function SvgScissors(props) {
-  return /* @__PURE__ */ React160.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React160.createElement(
+  return /* @__PURE__ */ React160.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React160.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3653,7 +3666,7 @@ function SvgScissors(props) {
 // src/components/icon/available-icons/search.tsx
 import * as React161 from "react";
 function SvgSearch(props) {
-  return /* @__PURE__ */ React161.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React161.createElement(
+  return /* @__PURE__ */ React161.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React161.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3675,7 +3688,7 @@ function SvgSearch(props) {
 // src/components/icon/available-icons/send.tsx
 import * as React162 from "react";
 function SvgSend(props) {
-  return /* @__PURE__ */ React162.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React162.createElement(
+  return /* @__PURE__ */ React162.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React162.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3696,7 +3709,7 @@ function SvgSend(props) {
 
 // src/components/icon/available-icons/sentiment-dissatisfied.tsx
 import React163 from "react";
-var SvgSentimentDissatisfied = (props) => /* @__PURE__ */ React163.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React163.createElement(
+var SvgSentimentDissatisfied = (props) => /* @__PURE__ */ React163.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React163.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3708,7 +3721,7 @@ var SvgSentimentDissatisfied = (props) => /* @__PURE__ */ React163.createElement
 
 // src/components/icon/available-icons/sentiment-satisfied.tsx
 import React164 from "react";
-var SvgSentimentSatisfied = (props) => /* @__PURE__ */ React164.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React164.createElement(
+var SvgSentimentSatisfied = (props) => /* @__PURE__ */ React164.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React164.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3721,7 +3734,7 @@ var SvgSentimentSatisfied = (props) => /* @__PURE__ */ React164.createElement("s
 // src/components/icon/available-icons/settings.tsx
 import * as React165 from "react";
 function SvgSettings(props) {
-  return /* @__PURE__ */ React165.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React165.createElement(
+  return /* @__PURE__ */ React165.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React165.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3743,7 +3756,7 @@ function SvgSettings(props) {
 // src/components/icon/available-icons/share.tsx
 import * as React166 from "react";
 function SvgShare(props) {
-  return /* @__PURE__ */ React166.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React166.createElement(
+  return /* @__PURE__ */ React166.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React166.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3756,7 +3769,7 @@ function SvgShare(props) {
 
 // src/components/icon/available-icons/show-chart.tsx
 import React167 from "react";
-var SvgShowChart = (props) => /* @__PURE__ */ React167.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React167.createElement(
+var SvgShowChart = (props) => /* @__PURE__ */ React167.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React167.createElement(
   "path",
   {
     d: "M4.186 17.765l5.3-5.3 3.25 3.25c.41.41 1.07.39 1.45-.04l7.17-8.07c.35-.39.33-.99-.04-1.37a1 1 0 00-1.45.04l-6.39 7.18-3.29-3.29a.996.996 0 00-1.41 0l-6.09 6.1a.996.996 0 000 1.41l.09.09c.39.39 1.03.39 1.41 0z",
@@ -3767,7 +3780,7 @@ var SvgShowChart = (props) => /* @__PURE__ */ React167.createElement("svg", { vi
 // src/components/icon/available-icons/silence-removal.tsx
 import * as React168 from "react";
 function SvgSilenceRemoval(props) {
-  return /* @__PURE__ */ React168.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React168.createElement(
+  return /* @__PURE__ */ React168.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React168.createElement(
     "path",
     {
       d: "M7.18252 17.8247C8.06972 17.9687 8.06972 19.2461 7.18252 19.3901C6.01198 19.5806 5.09692 20.5003 4.90647 21.6662C4.76248 22.5534 3.4851 22.5534 3.34111 21.6662C3.15066 20.4956 2.23095 19.5806 1.06505 19.3901C0.177859 19.2461 0.177859 17.9687 1.06505 17.8247C2.2356 17.6343 3.15066 16.7146 3.34111 15.5487C3.4851 14.6615 4.76248 14.6615 4.90647 15.5487C5.09692 16.7192 6.01663 17.6343 7.18252 17.8247Z",
@@ -3811,7 +3824,7 @@ function SvgSilenceRemoval(props) {
 // src/components/icon/available-icons/skip-back.tsx
 import * as React169 from "react";
 function SvgSkipBack(props) {
-  return /* @__PURE__ */ React169.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React169.createElement(
+  return /* @__PURE__ */ React169.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React169.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3825,7 +3838,7 @@ function SvgSkipBack(props) {
 // src/components/icon/available-icons/slack.tsx
 import * as React170 from "react";
 function SvgSlack(props) {
-  return /* @__PURE__ */ React170.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React170.createElement(
+  return /* @__PURE__ */ React170.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M6.7818 14.3745C6.7818 15.4152 5.9316 16.2654 4.8908 16.2654C3.8503 16.2654 3 15.4152 3 14.3745C3 13.3338 3.8502 12.4836 4.8909 12.4836H6.7818V14.3745ZM7.7346 14.3745C7.7346 13.3338 8.5848 12.4836 9.6255 12.4836C10.6662 12.4836 11.5164 13.3338 11.5164 14.3745V19.109C11.5164 20.1498 10.6662 20.9999 9.6255 20.9999C8.5848 20.9999 7.7346 20.1498 7.7346 19.109V14.3745Z",
@@ -3855,7 +3868,7 @@ function SvgSlack(props) {
 // src/components/icon/available-icons/smile.tsx
 import * as React171 from "react";
 function SvgSmile(props) {
-  return /* @__PURE__ */ React171.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React171.createElement(
+  return /* @__PURE__ */ React171.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React171.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3877,7 +3890,7 @@ function SvgSmile(props) {
 // src/components/icon/available-icons/smile-alt.tsx
 import * as React172 from "react";
 function SvgSmileAlt(props) {
-  return /* @__PURE__ */ React172.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React172.createElement(
+  return /* @__PURE__ */ React172.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React172.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3899,7 +3912,7 @@ function SvgSmileAlt(props) {
 // src/components/icon/available-icons/smile-select.tsx
 import * as React173 from "react";
 function SvgSmileSelect(props) {
-  return /* @__PURE__ */ React173.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React173.createElement(
+  return /* @__PURE__ */ React173.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React173.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3912,7 +3925,7 @@ function SvgSmileSelect(props) {
 
 // src/components/icon/available-icons/sparkle.tsx
 import React174 from "react";
-var SvgSparkle = (props) => /* @__PURE__ */ React174.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React174.createElement(
+var SvgSparkle = (props) => /* @__PURE__ */ React174.createElement("svg", __spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React174.createElement(
   "path",
   {
     d: "M10.6 9.6L9 15 7.4 9.6 2 8l5.4-1.6L9 1l1.6 5.4L16 8l-5.4 1.6zm6.4 4.6l4-2.2-2.2 4 2.2 4-4-2.2-4 2.2 2.2-4-2.2-4 4 2.2zM10 16l-1.7 3 1.7 3-3-1.7L4 22l1.7-3L4 16l3 1.7 3-1.7z",
@@ -3923,7 +3936,7 @@ var SvgSparkle = (props) => /* @__PURE__ */ React174.createElement("svg", { widt
 // src/components/icon/available-icons/star.tsx
 import * as React175 from "react";
 function SvgStar(props) {
-  return /* @__PURE__ */ React175.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React175.createElement(
+  return /* @__PURE__ */ React175.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React175.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3937,7 +3950,7 @@ function SvgStar(props) {
 // src/components/icon/available-icons/star-outline.tsx
 import * as React176 from "react";
 function SvgStarOutline(props) {
-  return /* @__PURE__ */ React176.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React176.createElement(
+  return /* @__PURE__ */ React176.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React176.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3951,12 +3964,12 @@ function SvgStarOutline(props) {
 // src/components/icon/available-icons/stop.tsx
 import * as React177 from "react";
 function SvgStop(props) {
-  return /* @__PURE__ */ React177.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React177.createElement("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2, fill: "currentColor" }));
+  return /* @__PURE__ */ React177.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React177.createElement("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2, fill: "currentColor" }));
 }
 
 // src/components/icon/available-icons/tag-faces.tsx
 import React178 from "react";
-var SvgTagFaces = (props) => /* @__PURE__ */ React178.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React178.createElement(
+var SvgTagFaces = (props) => /* @__PURE__ */ React178.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React178.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4006,7 +4019,7 @@ var SvgTask = () => /* @__PURE__ */ React179.createElement("svg", { viewBox: "0
 // src/components/icon/available-icons/timer.tsx
 import * as React180 from "react";
 function SvgTimer(props) {
-  return /* @__PURE__ */ React180.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React180.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React180.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4019,7 +4032,7 @@ function SvgTimer(props) {
 
 // src/components/icon/available-icons/touch-app.tsx
 import React181 from "react";
-var SvgTouchApp = (props) => /* @__PURE__ */ React181.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React181.createElement(
+var SvgTouchApp = (props) => /* @__PURE__ */ React181.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React181.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4032,7 +4045,7 @@ var SvgTouchApp = (props) => /* @__PURE__ */ React181.createElement("svg", { vie
 // src/components/icon/available-icons/trash.tsx
 import * as React182 from "react";
 function SvgTrash(props) {
-  return /* @__PURE__ */ React182.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React182.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React182.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4062,7 +4075,7 @@ function SvgTrash(props) {
 // src/components/icon/available-icons/trash-forever.tsx
 import * as React183 from "react";
 function SvgTrashForever(props) {
-  return /* @__PURE__ */ React183.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React183.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React183.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4100,7 +4113,7 @@ function SvgTrashForever(props) {
 // src/components/icon/available-icons/timeline-editor.tsx
 import * as React184 from "react";
 function SvgTimelineEditor(props) {
-  return /* @__PURE__ */ React184.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React184.createElement(
+  return /* @__PURE__ */ React184.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React184.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4129,7 +4142,7 @@ function SvgTimelineEditor(props) {
 
 // src/components/icon/available-icons/tune.tsx
 import React185 from "react";
-var SvgTune = (props) => /* @__PURE__ */ React185.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React185.createElement(
+var SvgTune = (props) => /* @__PURE__ */ React185.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React185.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4142,7 +4155,7 @@ var SvgTune = (props) => /* @__PURE__ */ React185.createElement("svg", { viewBox
 // src/components/icon/available-icons/unarchive.tsx
 import * as React186 from "react";
 function SvgUnarchive(props) {
-  return /* @__PURE__ */ React186.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React186.createElement(
+  return /* @__PURE__ */ React186.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React186.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4172,7 +4185,7 @@ function SvgUnarchive(props) {
 // src/components/icon/available-icons/undo.tsx
 import * as React187 from "react";
 function SvgUndo(props) {
-  return /* @__PURE__ */ React187.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React187.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React187.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4193,7 +4206,7 @@ function SvgUndo(props) {
 
 // src/components/icon/available-icons/redo.tsx
 import React188 from "react";
-var SvgRedo = (props) => /* @__PURE__ */ React188.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React188.createElement(
+var SvgRedo = (props) => /* @__PURE__ */ React188.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React188.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4214,7 +4227,7 @@ var SvgRedo = (props) => /* @__PURE__ */ React188.createElement("svg", { viewBox
 // src/components/icon/available-icons/upload.tsx
 import * as React189 from "react";
 function SvgUpload(props) {
-  return /* @__PURE__ */ React189.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React189.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React189.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4236,7 +4249,7 @@ function SvgUpload(props) {
 // src/components/icon/available-icons/user.tsx
 import * as React190 from "react";
 function SvgUser(props) {
-  return /* @__PURE__ */ React190.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React190.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React190.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4250,7 +4263,7 @@ function SvgUser(props) {
 // src/components/icon/available-icons/users.tsx
 import * as React191 from "react";
 function SvgUsers(props) {
-  return /* @__PURE__ */ React191.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React191.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React191.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4264,7 +4277,7 @@ function SvgUsers(props) {
 // src/components/icon/available-icons/users-add.tsx
 import * as React192 from "react";
 function SvgUsersAdd(props) {
-  return /* @__PURE__ */ React192.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React192.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React192.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4285,7 +4298,7 @@ function SvgUsersAdd(props) {
 
 // src/components/icon/available-icons/vertical-align-bottom.tsx
 import React193 from "react";
-var SvgVerticalAlignBottom = (props) => /* @__PURE__ */ React193.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React193.createElement(
+var SvgVerticalAlignBottom = (props) => /* @__PURE__ */ React193.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React193.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4298,7 +4311,7 @@ var SvgVerticalAlignBottom = (props) => /* @__PURE__ */ React193.createElement("
 // src/components/icon/available-icons/video-cam.tsx
 import * as React194 from "react";
 function SvgVideoCam(props) {
-  return /* @__PURE__ */ React194.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React194.createElement(
+  return /* @__PURE__ */ React194.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React194.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4319,7 +4332,7 @@ function SvgVideoCam(props) {
 
 // src/components/icon/available-icons/videocam.tsx
 import React195 from "react";
-var SvgVideocam = (props) => /* @__PURE__ */ React195.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React195.createElement(
+var SvgVideocam = (props) => /* @__PURE__ */ React195.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React195.createElement(
   "path",
   {
     d: "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l2.29 2.29c.63.63 1.71.18 1.71-.71V8.91c0-.89-1.08-1.34-1.71-.71L17 10.5z",
@@ -4329,7 +4342,7 @@ var SvgVideocam = (props) => /* @__PURE__ */ React195.createElement("svg", { vie
 
 // src/components/icon/available-icons/videocam-off.tsx
 import React196 from "react";
-var SvgVideocamOff = (props) => /* @__PURE__ */ React196.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React196.createElement(
+var SvgVideocamOff = (props) => /* @__PURE__ */ React196.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React196.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4342,7 +4355,7 @@ var SvgVideocamOff = (props) => /* @__PURE__ */ React196.createElement("svg", {
 // src/components/icon/available-icons/video-library.tsx
 import * as React197 from "react";
 function SvgVideoLibrary(props) {
-  return /* @__PURE__ */ React197.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React197.createElement(
+  return /* @__PURE__ */ React197.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React197.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4372,7 +4385,7 @@ function SvgVideoLibrary(props) {
 // src/components/icon/available-icons/video-off.tsx
 import * as React198 from "react";
 function SvgVideoOff(props) {
-  return /* @__PURE__ */ React198.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React198.createElement(
+  return /* @__PURE__ */ React198.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React198.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4393,7 +4406,7 @@ function SvgVideoOff(props) {
 
 // src/components/icon/available-icons/view-list.tsx
 import React199 from "react";
-var SvgViewList = (props) => /* @__PURE__ */ React199.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React199.createElement(
+var SvgViewList = (props) => /* @__PURE__ */ React199.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React199.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4406,7 +4419,7 @@ var SvgViewList = (props) => /* @__PURE__ */ React199.createElement("svg", { vie
 // src/components/icon/available-icons/volume1.tsx
 import * as React200 from "react";
 function SvgVolume1(props) {
-  return /* @__PURE__ */ React200.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React200.createElement(
+  return /* @__PURE__ */ React200.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React200.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4420,7 +4433,7 @@ function SvgVolume1(props) {
 // src/components/icon/available-icons/volume2.tsx
 import * as React201 from "react";
 function SvgVolume2(props) {
-  return /* @__PURE__ */ React201.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React201.createElement(
+  return /* @__PURE__ */ React201.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React201.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4433,7 +4446,7 @@ function SvgVolume2(props) {
 
 // src/components/icon/available-icons/volume-down.tsx
 import React202 from "react";
-var SvgVolumeDown = (props) => /* @__PURE__ */ React202.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React202.createElement(
+var SvgVolumeDown = (props) => /* @__PURE__ */ React202.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React202.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4445,7 +4458,7 @@ var SvgVolumeDown = (props) => /* @__PURE__ */ React202.createElement("svg", { v
 
 // src/components/icon/available-icons/volume-mute.tsx
 import React203 from "react";
-var SvgVolumeMute = (props) => /* @__PURE__ */ React203.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React203.createElement(
+var SvgVolumeMute = (props) => /* @__PURE__ */ React203.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React203.createElement(
   "path",
   {
     d: "M7.5 10.005v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.415c0-.89-1.08-1.34-1.71-.71l-3.29 3.3h-3c-.55 0-1 .45-1 1z",
@@ -4455,7 +4468,7 @@ var SvgVolumeMute = (props) => /* @__PURE__ */ React203.createElement("svg", { v
 
 // src/components/icon/available-icons/volume-off.tsx
 import React204 from "react";
-var SvgVolumeOff = (props) => /* @__PURE__ */ React204.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React204.createElement(
+var SvgVolumeOff = (props) => /* @__PURE__ */ React204.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React204.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4467,7 +4480,7 @@ var SvgVolumeOff = (props) => /* @__PURE__ */ React204.createElement("svg", { vi
 
 // src/components/icon/available-icons/volume-up.tsx
 import React205 from "react";
-var SvgVolumeUp = (props) => /* @__PURE__ */ React205.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React205.createElement(
+var SvgVolumeUp = (props) => /* @__PURE__ */ React205.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React205.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4480,7 +4493,7 @@ var SvgVolumeUp = (props) => /* @__PURE__ */ React205.createElement("svg", { vie
 // src/components/icon/available-icons/volume-x.tsx
 import * as React206 from "react";
 function SvgVolumeX(props) {
-  return /* @__PURE__ */ React206.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React206.createElement(
+  return /* @__PURE__ */ React206.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React206.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4501,7 +4514,7 @@ function SvgVolumeX(props) {
 
 // src/components/icon/available-icons/warning-alert.tsx
 import React207 from "react";
-var SvgWarningAlert = (props) => /* @__PURE__ */ React207.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React207.createElement(
+var SvgWarningAlert = (props) => /* @__PURE__ */ React207.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React207.createElement(
   "path",
   {
     fill: "currentColor",
@@ -4513,7 +4526,7 @@ var SvgWarningAlert = (props) => /* @__PURE__ */ React207.createElement("svg", {
 
 // src/components/icon/available-icons/warning-amber.tsx
 import React208 from "react";
-var SvgWarningAmber = (props) => /* @__PURE__ */ React208.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React208.createElement(
+var SvgWarningAmber = (props) => /* @__PURE__ */ React208.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React208.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4526,7 +4539,7 @@ var SvgWarningAmber = (props) => /* @__PURE__ */ React208.createElement("svg", {
 // src/components/icon/available-icons/x-circle.tsx
 import * as React209 from "react";
 function SvgXCircle(props) {
-  return /* @__PURE__ */ React209.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React209.createElement(
+  return /* @__PURE__ */ React209.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React209.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4556,7 +4569,7 @@ function SvgXCircle(props) {
 // src/components/icon/available-icons/zap.tsx
 import * as React210 from "react";
 function SvgZap(props) {
-  return /* @__PURE__ */ React210.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React210.createElement(
+  return /* @__PURE__ */ React210.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React210.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4570,7 +4583,7 @@ function SvgZap(props) {
 // src/components/icon/available-icons/zap-outline.tsx
 import * as React211 from "react";
 function SvgZapOutline(props) {
-  return /* @__PURE__ */ React211.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React211.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React211.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4584,7 +4597,7 @@ function SvgZapOutline(props) {
 // src/components/icon/available-icons/crop-7-5.tsx
 import * as React212 from "react";
 function SvgCrop75(props) {
-  return /* @__PURE__ */ React212.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React212.createElement(
+  return /* @__PURE__ */ React212.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React212.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4598,7 +4611,7 @@ function SvgCrop75(props) {
 // src/components/icon/available-icons/crop-5-4.tsx
 import * as React213 from "react";
 function SvgCrop54(props) {
-  return /* @__PURE__ */ React213.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React213.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React213.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4611,7 +4624,7 @@ function SvgCrop54(props) {
 
 // src/components/icon/available-icons/crop-16-9.tsx
 import React214 from "react";
-var SvgCrop169 = (props) => /* @__PURE__ */ React214.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React214.createElement(
+var SvgCrop169 = (props) => /* @__PURE__ */ React214.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React214.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4623,7 +4636,7 @@ var SvgCrop169 = (props) => /* @__PURE__ */ React214.createElement("svg", { view
 
 // src/components/icon/available-icons/crop-expanded-16-9.tsx
 import React215 from "react";
-var SvgCropExpanded169 = (props) => /* @__PURE__ */ React215.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React215.createElement(
+var SvgCropExpanded169 = (props) => /* @__PURE__ */ React215.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React215.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4636,7 +4649,7 @@ var SvgCropExpanded169 = (props) => /* @__PURE__ */ React215.createElement("svg"
 // src/components/icon/available-icons/menu-show.tsx
 import * as React216 from "react";
 function SvgMenuShow(props) {
-  return /* @__PURE__ */ React216.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React216.createElement(
+  return /* @__PURE__ */ React216.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React216.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4650,7 +4663,7 @@ function SvgMenuShow(props) {
 // src/components/icon/available-icons/menu-hide.tsx
 import * as React217 from "react";
 function SvgMenuHide(props) {
-  return /* @__PURE__ */ React217.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React217.createElement(
+  return /* @__PURE__ */ React217.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React217.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4664,7 +4677,7 @@ function SvgMenuHide(props) {
 // src/components/icon/available-icons/screen-cam.tsx
 import * as React218 from "react";
 function SvgScreenCam(props) {
-  return /* @__PURE__ */ React218.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React218.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React218.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4691,7 +4704,7 @@ function SvgScreenCam(props) {
 
 // src/components/icon/available-icons/home.tsx
 import React219 from "react";
-var SvgHome = (props) => /* @__PURE__ */ React219.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React219.createElement(
+var SvgHome = (props) => /* @__PURE__ */ React219.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React219.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4703,7 +4716,7 @@ var SvgHome = (props) => /* @__PURE__ */ React219.createElement("svg", { viewBox
 
 // src/components/icon/available-icons/school.tsx
 import React220 from "react";
-var SvgSchool = (props) => /* @__PURE__ */ React220.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React220.createElement(
+var SvgSchool = (props) => /* @__PURE__ */ React220.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React220.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4716,7 +4729,7 @@ var SvgSchool = (props) => /* @__PURE__ */ React220.createElement("svg", { viewB
 // src/components/icon/available-icons/speed-x-slow.tsx
 import * as React221 from "react";
 function SvgSpeedXSlow(props) {
-  return /* @__PURE__ */ React221.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React221.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React221.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -4730,7 +4743,7 @@ function SvgSpeedXSlow(props) {
 // src/components/icon/available-icons/speed-slow.tsx
 import * as React222 from "react";
 function SvgSpeedSlow(props) {
-  return /* @__PURE__ */ React222.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React222.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React222.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -4744,7 +4757,7 @@ function SvgSpeedSlow(props) {
 // src/components/icon/available-icons/speed-medium.tsx
 import * as React223 from "react";
 function SvgSpeedMedium(props) {
-  return /* @__PURE__ */ React223.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React223.createElement(
+  return /* @__PURE__ */ React223.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React223.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -4758,7 +4771,7 @@ function SvgSpeedMedium(props) {
 // src/components/icon/available-icons/speed-fast.tsx
 import * as React224 from "react";
 function SvgSpeedFast(props) {
-  return /* @__PURE__ */ React224.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React224.createElement(
+  return /* @__PURE__ */ React224.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React224.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -4772,7 +4785,7 @@ function SvgSpeedFast(props) {
 // src/components/icon/available-icons/speed-x-fast.tsx
 import * as React225 from "react";
 function SvgSpeedXFast(props) {
-  return /* @__PURE__ */ React225.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React225.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React225.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -4785,7 +4798,7 @@ function SvgSpeedXFast(props) {
 
 // src/components/icon/available-icons/notes.tsx
 import React226 from "react";
-var SvgNotes = (props) => /* @__PURE__ */ React226.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React226.createElement(
+var SvgNotes = (props) => /* @__PURE__ */ React226.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React226.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -4797,7 +4810,7 @@ var SvgNotes = (props) => /* @__PURE__ */ React226.createElement("svg", { viewBo
 
 // src/components/icon/available-icons/arrow-downward.tsx
 import React227 from "react";
-var SvgArrowDownward = (props) => /* @__PURE__ */ React227.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React227.createElement(
+var SvgArrowDownward = (props) => /* @__PURE__ */ React227.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React227.createElement(
   "path",
   {
     d: "M11.005 5.209v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 000 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 10-1.41-1.41l-4.88 4.88V5.209c0-.55-.45-1-1-1s-1 .45-1 1z",
@@ -4807,7 +4820,7 @@ var SvgArrowDownward = (props) => /* @__PURE__ */ React227.createElement("svg",
 
 // src/components/icon/available-icons/arrow-upward.tsx
 import React228 from "react";
-var SvgArrowUpward = (props) => /* @__PURE__ */ React228.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React228.createElement(
+var SvgArrowUpward = (props) => /* @__PURE__ */ React228.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React228.createElement(
   "path",
   {
     d: "M13 18.791V7.621l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 000-1.41l-6.59-6.59a.996.996 0 00-1.41 0l-6.6 6.58a.996.996 0 101.41 1.41L11 7.621v11.17c0 .55.45 1 1 1s1-.45 1-1z",
@@ -4818,7 +4831,7 @@ var SvgArrowUpward = (props) => /* @__PURE__ */ React228.createElement("svg", {
 // src/components/icon/available-icons/clock.tsx
 import * as React229 from "react";
 function SvgClock(props) {
-  return /* @__PURE__ */ React229.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React229.createElement(
+  return /* @__PURE__ */ React229.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React229.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4842,12 +4855,11 @@ import * as React230 from "react";
 function SvgApple(props) {
   return /* @__PURE__ */ React230.createElement(
     "svg",
-    {
+    __spreadValues({
       viewBox: "0 0 24 24",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React230.createElement(
       "path",
       {
@@ -4863,12 +4875,11 @@ import * as React231 from "react";
 function SvgWindows(props) {
   return /* @__PURE__ */ React231.createElement(
     "svg",
-    {
+    __spreadValues({
       viewBox: "0 0 24 24",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props),
     /* @__PURE__ */ React231.createElement(
       "path",
       {
@@ -4882,7 +4893,7 @@ function SvgWindows(props) {
 // src/components/icon/available-icons/cc-on.tsx
 import * as React232 from "react";
 function SvgCCOn(props) {
-  return /* @__PURE__ */ React232.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React232.createElement(
+  return /* @__PURE__ */ React232.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React232.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4896,7 +4907,7 @@ function SvgCCOn(props) {
 // src/components/icon/available-icons/cc-off.tsx
 import * as React233 from "react";
 function SvgCCOff(props) {
-  return /* @__PURE__ */ React233.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React233.createElement(
+  return /* @__PURE__ */ React233.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React233.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4910,19 +4921,19 @@ function SvgCCOff(props) {
 // src/components/icon/available-icons/cam-bubble.tsx
 import * as React234 from "react";
 function SvgCamBubble(props) {
-  return /* @__PURE__ */ React234.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React234.createElement("circle", { cx: 12, cy: 12, r: 8, fill: "currentColor" }));
+  return /* @__PURE__ */ React234.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React234.createElement("circle", { cx: 12, cy: 12, r: 8, fill: "currentColor" }));
 }
 
 // src/components/icon/available-icons/cam-bubble-small.tsx
 import * as React235 from "react";
 function SvgCamBubbleSmall(props) {
-  return /* @__PURE__ */ React235.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React235.createElement("circle", { cx: 12, cy: 12, r: 6, fill: "currentColor" }));
+  return /* @__PURE__ */ React235.createElement("svg", __spreadValues({ viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React235.createElement("circle", { cx: 12, cy: 12, r: 6, fill: "currentColor" }));
 }
 
 // src/components/icon/available-icons/mail.tsx
 import * as React236 from "react";
 function SvgMail(props) {
-  return /* @__PURE__ */ React236.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React236.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React236.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4936,7 +4947,7 @@ function SvgMail(props) {
 // src/components/icon/available-icons/watch-later.tsx
 import * as React237 from "react";
 function SvgWatchLater(props) {
-  return /* @__PURE__ */ React237.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React237.createElement(
+  return /* @__PURE__ */ React237.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React237.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4950,7 +4961,7 @@ function SvgWatchLater(props) {
 // src/components/icon/available-icons/watch-later-add.tsx
 import * as React238 from "react";
 function SvgWatchLaterAdd(props) {
-  return /* @__PURE__ */ React238.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React238.createElement(
+  return /* @__PURE__ */ React238.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React238.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4964,7 +4975,7 @@ function SvgWatchLaterAdd(props) {
 // src/components/icon/available-icons/watch-later-added.tsx
 import * as React239 from "react";
 function SvgWatchLaterAdded(props) {
-  return /* @__PURE__ */ React239.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React239.createElement(
+  return /* @__PURE__ */ React239.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React239.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4978,7 +4989,7 @@ function SvgWatchLaterAdded(props) {
 // src/components/icon/available-icons/watch-later-remove.tsx
 import * as React240 from "react";
 function SvgWatchLaterRemove(props) {
-  return /* @__PURE__ */ React240.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React240.createElement(
+  return /* @__PURE__ */ React240.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React240.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4992,7 +5003,7 @@ function SvgWatchLaterRemove(props) {
 // src/components/icon/available-icons/money.tsx
 import * as React241 from "react";
 function SvgMoney(props) {
-  return /* @__PURE__ */ React241.createElement(React241.Fragment, null, /* @__PURE__ */ React241.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React241.createElement(
+  return /* @__PURE__ */ React241.createElement(React241.Fragment, null, /* @__PURE__ */ React241.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React241.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5006,7 +5017,7 @@ function SvgMoney(props) {
 // src/components/icon/available-icons/moon.tsx
 import * as React242 from "react";
 function SvgMoon(props) {
-  return /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React242.createElement(
+  return /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React242.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5020,7 +5031,7 @@ function SvgMoon(props) {
 // src/components/icon/available-icons/sun.tsx
 import * as React243 from "react";
 function SvgSun(props) {
-  return /* @__PURE__ */ React243.createElement(React243.Fragment, null, /* @__PURE__ */ React243.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React243.createElement(
+  return /* @__PURE__ */ React243.createElement(React243.Fragment, null, /* @__PURE__ */ React243.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React243.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5097,7 +5108,7 @@ function SvgSun(props) {
 
 // src/components/icon/available-icons/add.tsx
 import React244 from "react";
-var SvgAdd = (props) => /* @__PURE__ */ React244.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React244.createElement(
+var SvgAdd = (props) => /* @__PURE__ */ React244.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React244.createElement(
   "path",
   {
     d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z",
@@ -5108,7 +5119,7 @@ var SvgAdd = (props) => /* @__PURE__ */ React244.createElement("svg", { viewBox:
 // src/components/icon/available-icons/present.tsx
 import * as React245 from "react";
 function SvgPresent(props) {
-  return /* @__PURE__ */ React245.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React245.createElement(
+  return /* @__PURE__ */ React245.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React245.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5122,7 +5133,7 @@ function SvgPresent(props) {
 // src/components/icon/available-icons/movie-filter.tsx
 import * as React246 from "react";
 function SvgMovieFilter(props) {
-  return /* @__PURE__ */ React246.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React246.createElement(
+  return /* @__PURE__ */ React246.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React246.createElement(
     "path",
     {
       d: "M10 11l-.94 2.06L7 14l2.06.94L10 17l.94-2.06L13 14l-2.06-.94L10 11zm8.01-7l2 4h-3l-2-4h-2l2 4h-3l-2-4h-2l2 4h-3l-2-4h-1c-1.1 0-1.99.9-1.99 2l-.01 12c0 1.1.9 2 2 2h16c1.1 0 1.99-.9 1.99-2V4h-3.99zm2 14h-16V6.47L5.77 10H16l-.63 1.37L14 12l1.37.63L16 14l.63-1.37L18 12l-1.37-.63L16 10h4.01v8z",
@@ -5134,7 +5145,7 @@ function SvgMovieFilter(props) {
 // src/components/icon/available-icons/text.tsx
 import * as React247 from "react";
 function SvgText(props) {
-  return /* @__PURE__ */ React247.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React247.createElement(
+  return /* @__PURE__ */ React247.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React247.createElement(
     "path",
     {
       d: "M14.362 7.176V5.029H3.323V7.176H7.693V18.5H9.973V7.176H14.362ZM18.0754 6.416H16.0804V7.803C16.0804 8.62 15.6434 9.247 14.6554 9.247H14.1804V11.204H15.8904V15.859C15.8904 17.588 16.9544 18.614 18.6644 18.614C19.4624 18.614 19.8804 18.462 20.0134 18.405V16.581C19.9184 16.6 19.5574 16.657 19.2534 16.657C18.4364 16.657 18.0754 16.315 18.0754 15.498V11.204H19.9944V9.247H18.0754V6.416Z",
@@ -5145,7 +5156,7 @@ function SvgText(props) {
 
 // src/components/icon/available-icons/activity.tsx
 import * as React248 from "react";
-var SvgActivity = (props) => /* @__PURE__ */ React248.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React248.createElement(
+var SvgActivity = (props) => /* @__PURE__ */ React248.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React248.createElement(
   "path",
   {
     d: "M22 12h-4l-3 9L9 3l-3 9H2",
@@ -5158,7 +5169,7 @@ var SvgActivity = (props) => /* @__PURE__ */ React248.createElement("svg", { vie
 
 // src/components/icon/available-icons/canvas.tsx
 import React249 from "react";
-var SvgCanvas = (props) => /* @__PURE__ */ React249.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React249.createElement(
+var SvgCanvas = (props) => /* @__PURE__ */ React249.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React249.createElement(
   "path",
   {
     d: "M4.762 4h9.425l-1.96 1.96H4.762a.802.802 0 00-.802.802v12.476c0 .442.36.802.802.802h12.476c.443 0 .802-.36.802-.802v-7.465L20 9.813v9.425A2.762 2.762 0 0117.238 22H4.762A2.762 2.762 0 012 19.238V6.762A2.762 2.762 0 014.762 4z",
@@ -5177,7 +5188,7 @@ var SvgCanvas = (props) => /* @__PURE__ */ React249.createElement("svg", { viewB
 // src/components/icon/available-icons/pin.tsx
 import * as React250 from "react";
 function SvgPin(props) {
-  return /* @__PURE__ */ React250.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React250.createElement(
+  return /* @__PURE__ */ React250.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React250.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -5191,7 +5202,7 @@ function SvgPin(props) {
 // src/components/icon/available-icons/pin-fill.tsx
 import * as React251 from "react";
 function SvgPinFill(props) {
-  return /* @__PURE__ */ React251.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React251.createElement(
+  return /* @__PURE__ */ React251.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React251.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -5205,7 +5216,7 @@ function SvgPinFill(props) {
 // src/components/icon/available-icons/mobile-devices.tsx
 import * as React252 from "react";
 var SvgMobileDevices = (props) => {
-  return /* @__PURE__ */ React252.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React252.createElement(
+  return /* @__PURE__ */ React252.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React252.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5219,7 +5230,7 @@ var SvgMobileDevices = (props) => {
 // src/components/icon/available-icons/split.tsx
 import * as React253 from "react";
 function SvgSplit(props) {
-  return /* @__PURE__ */ React253.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React253.createElement(
+  return /* @__PURE__ */ React253.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React253.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5233,7 +5244,7 @@ function SvgSplit(props) {
 // src/components/icon/available-icons/repeat.tsx
 import * as React254 from "react";
 function SvgRepeat(props) {
-  return /* @__PURE__ */ React254.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React254.createElement(
+  return /* @__PURE__ */ React254.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React254.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5255,7 +5266,7 @@ function SvgRepeat(props) {
 // src/components/icon/available-icons/refresh.tsx
 import * as React255 from "react";
 function SvgRefresh(props) {
-  return /* @__PURE__ */ React255.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React255.createElement(
+  return /* @__PURE__ */ React255.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React255.createElement(
     "path",
     {
       d: "M13.8014 5.75795C12.7466 5.45285 11.6318 5.41993 10.5609 5.66224C9.48994 5.90455 8.49784 6.4142 7.67716 7.14363C6.85647 7.87307 6.23394 8.79851 5.86766 9.83361C5.68342 10.3543 5.11199 10.627 4.59134 10.4427C4.0707 10.2585 3.79798 9.68706 3.98222 9.16642C4.46122 7.81282 5.27529 6.60263 6.3485 5.64876C7.4217 4.69488 8.71905 4.02842 10.1195 3.71155C11.5199 3.39468 12.9778 3.43774 14.3571 3.8367C15.7313 4.23417 16.9828 4.97197 17.9958 5.98167L20.1666 8.0215V5.33334C20.1666 4.78106 20.6143 4.33334 21.1666 4.33334C21.7189 4.33334 22.1666 4.78106 22.1666 5.33334V10.3333C22.1666 10.4742 22.1375 10.6083 22.0849 10.7299C22.0503 10.8101 22.0046 10.8868 21.9478 10.9578C21.9239 10.9876 21.8983 11.0161 21.8712 11.043C21.7816 11.1321 21.679 11.2008 21.5693 11.249C21.4507 11.3012 21.3201 11.331 21.1827 11.3332C21.1763 11.3333 21.1698 11.3334 21.1633 11.3333H16.1666C15.6143 11.3333 15.1666 10.8856 15.1666 10.3333C15.1666 9.78106 15.6143 9.33334 16.1666 9.33334H18.6421L16.6152 7.42877C16.6075 7.42161 16.6 7.41433 16.5927 7.40694C15.8164 6.63035 14.8562 6.06304 13.8014 5.75795Z",
@@ -5273,7 +5284,7 @@ function SvgRefresh(props) {
 // src/components/icon/available-icons/picture-in-picture-deprecated.tsx
 import * as React256 from "react";
 function PictureInPicture(props) {
-  return /* @__PURE__ */ React256.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React256.createElement(
+  return /* @__PURE__ */ React256.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React256.createElement(
     "path",
     {
       d: "M20 4H4C2.34315 4 1 5.34315 1 7V17C1 18.6569 2.34315 20 4 20H20C21.6569 20 23 18.6569 23 17V7C23 5.34315 21.6569 4 20 4Z",
@@ -5294,7 +5305,7 @@ function PictureInPicture(props) {
 // src/components/icon/available-icons/folder-plus-deprecated.tsx
 import * as React257 from "react";
 function FolderPlus(props) {
-  return /* @__PURE__ */ React257.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React257.createElement(
+  return /* @__PURE__ */ React257.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React257.createElement(
     "path",
     {
       d: "M20 17.4C20 17.8243 19.8314 18.2313 19.5314 18.5314C19.2313 18.8314 18.8243 19 18.4 19H5.6C5.17565 19 4.76869 18.8314 4.46863 18.5314C4.16857 18.2313 4 17.8243 4 17.4V6.6C4 6.17565 4.16857 5.76869 4.46863 5.46863C4.76869 5.16857 5.17565 5 5.6 5H9.6L11.2 7H18.4C18.8243 7 19.2313 7.16857 19.5314 7.46863C19.8314 7.76869 20 8.17565 20 8.6V17.4Z",
@@ -5317,7 +5328,7 @@ function FolderPlus(props) {
 // src/components/icon/available-icons/picture-in-picture.tsx
 import * as React258 from "react";
 function SvgPictureInPicture(props) {
-  return /* @__PURE__ */ React258.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React258.createElement(
+  return /* @__PURE__ */ React258.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React258.createElement(
     "path",
     {
       d: "M20 4H4C2.34315 4 1 5.34315 1 7V17C1 18.6569 2.34315 20 4 20H20C21.6569 20 23 18.6569 23 17V7C23 5.34315 21.6569 4 20 4Z",
@@ -5338,7 +5349,7 @@ function SvgPictureInPicture(props) {
 // src/components/icon/available-icons/folder-plus.tsx
 import * as React259 from "react";
 function SvgFolderPlus(props) {
-  return /* @__PURE__ */ React259.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React259.createElement(
+  return /* @__PURE__ */ React259.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React259.createElement(
     "path",
     {
       d: "M20 17.4C20 17.8243 19.8314 18.2313 19.5314 18.5314C19.2313 18.8314 18.8243 19 18.4 19H5.6C5.17565 19 4.76869 18.8314 4.46863 18.5314C4.16857 18.2313 4 17.8243 4 17.4V6.6C4 6.17565 4.16857 5.76869 4.46863 5.46863C4.76869 5.16857 5.17565 5 5.6 5H9.6L11.2 7H18.4C18.8243 7 19.2313 7.16857 19.5314 7.46863C19.8314 7.76869 20 8.17565 20 8.6V17.4Z",
@@ -5360,7 +5371,7 @@ function SvgFolderPlus(props) {
 
 // src/components/icon/available-icons/power.tsx
 import React260 from "react";
-var SvgPower = (props) => /* @__PURE__ */ React260.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React260.createElement(
+var SvgPower = (props) => /* @__PURE__ */ React260.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React260.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -5380,7 +5391,7 @@ var SvgPower = (props) => /* @__PURE__ */ React260.createElement("svg", { viewBo
 
 // src/components/icon/available-icons/replay.tsx
 import React261 from "react";
-var SvgReplay = (props) => /* @__PURE__ */ React261.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React261.createElement(
+var SvgReplay = (props) => /* @__PURE__ */ React261.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React261.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -5392,7 +5403,7 @@ var SvgReplay = (props) => /* @__PURE__ */ React261.createElement("svg", { viewB
 
 // src/components/icon/available-icons/transcript.tsx
 import React262 from "react";
-var SvgTranscript = (props) => /* @__PURE__ */ React262.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React262.createElement(
+var SvgTranscript = (props) => /* @__PURE__ */ React262.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React262.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -5405,7 +5416,7 @@ var SvgTranscript = (props) => /* @__PURE__ */ React262.createElement("svg", { v
 // src/components/icon/available-icons/variables.tsx
 import * as React263 from "react";
 function SvgVariables(props) {
-  return /* @__PURE__ */ React263.createElement("svg", { viewBox: "0 0 25 24", fill: "none", ...props }, /* @__PURE__ */ React263.createElement(
+  return /* @__PURE__ */ React263.createElement("svg", __spreadValues({ viewBox: "0 0 25 24", fill: "none" }, props), /* @__PURE__ */ React263.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -5419,7 +5430,7 @@ function SvgVariables(props) {
 // src/components/icon/available-icons/rewind.tsx
 import * as React264 from "react";
 function SvgRewind(props) {
-  return /* @__PURE__ */ React264.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React264.createElement(
+  return /* @__PURE__ */ React264.createElement("svg", __spreadValues({ viewBox: "0 0 24 24", fill: "none" }, props), /* @__PURE__ */ React264.createElement(
     "path",
     {
       d: "M10.8003 17.1431L3.85742 12.0003L10.8003 6.85742V17.1431Z",