@yoroll/react-icon 0.0.19 → 0.0.22

package/dist/index.cjs

@@ -1,4 +1,4 @@
-/*! @lineargame svg icons react v0.0.18  */
+/*! @lineargame svg icons react v0.0.22  */
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -22,6 +22,8 @@ __export(index_exports, {
   IconAboutus: () => Aboutus_default,
   IconAdd: () => Add_default,
   IconAddSceneChoice: () => AddSceneChoice_default,
+  IconAgent: () => Agent_default,
+  IconAgentFilled: () => AgentFilled_default,
   IconAgreements: () => Agreements_default,
   IconAiwriting: () => Aiwriting_default,
   IconAngleDown: () => AngleDown_default,
@@ -34,6 +36,7 @@ __export(index_exports, {
   IconBacktoprojects: () => Backtoprojects_default,
   IconBackward: () => Backward_default,
   IconBatchShots: () => BatchShots_default,
+  IconCanvaposition: () => Canvaposition_default,
   IconCanvasmode: () => Canvasmode_default,
   IconCcg: () => Ccg_default,
   IconCcgFilled: () => CcgFilled_default,
@@ -41,22 +44,26 @@ __export(index_exports, {
   IconCcglanguage: () => Ccglanguage_default,
   IconChaptercollapse: () => Chaptercollapse_default,
   IconChapterexpand: () => Chapterexpand_default,
+  IconChathistory: () => Chathistory_default,
   IconCheck: () => Check_default,
   IconCheckedFilled: () => CheckedFilled_default,
   IconClose: () => Close_default,
   IconCollapsewindow: () => Collapsewindow_default,
   IconCopy: () => Copy_default,
   IconCopylink: () => Copylink_default,
+  IconCreateplan: () => Createplan_default,
   IconCreditFilled: () => CreditFilled_default,
   IconCursor: () => Cursor_default,
   IconDelete: () => Delete_default,
   IconDeleteSceneChoice: () => DeleteSceneChoice_default,
+  IconDocument: () => Document_default,
   IconDownFilled: () => DownFilled_default,
   IconDownleftFilled: () => DownleftFilled_default,
   IconDownload: () => Download_default,
   IconDownrightFilled: () => DownrightFilled_default,
   IconDraghandleFilled: () => DraghandleFilled_default,
   IconEdit: () => Edit_default,
+  IconElement: () => Element_default,
   IconExpandwindow: () => Expandwindow_default,
   IconFavorite: () => Favorite_default,
   IconFavoriteFilled: () => FavoriteFilled_default,
@@ -88,6 +95,7 @@ __export(index_exports, {
   IconGamepreview: () => Gamepreview_default,
   IconGameui: () => Gameui_default,
   IconGameuivariable: () => Gameuivariable_default,
+  IconGameuivariable2: () => Gameuivariable2_default,
   IconGenerate: () => Generate_default,
   IconGenerateFilled: () => GenerateFilled_default,
   IconGenerateFrameStart: () => GenerateFrameStart_default,
@@ -117,12 +125,14 @@ __export(index_exports, {
   IconLoading: () => Loading_default,
   IconLogin: () => Login_default,
   IconLogout: () => Logout_default,
+  IconMagic: () => Magic_default,
   IconModelDeepmindFilled: () => ModelDeepmindFilled_default,
   IconModelGeminiFilled: () => ModelGeminiFilled_default,
   IconModelNanobananaLogoNomoFilled: () => ModelNanobananaLogoNomoFilled_default,
   IconModelOpenaiFilled: () => ModelOpenaiFilled_default,
   IconModelSeedFilled: () => ModelSeedFilled_default,
   IconModelSoraFilled: () => ModelSoraFilled_default,
+  IconModelhappyhorseFilled: () => ModelhappyhorseFilled_default,
   IconModelklingFilled: () => ModelklingFilled_default,
   IconModels: () => Models_default,
   IconMore: () => More_default,
@@ -135,6 +145,7 @@ __export(index_exports, {
   IconMouseNumberchange: () => MouseNumberchange_default,
   IconMusicassets: () => Musicassets_default,
   IconMute: () => Mute_default,
+  IconNewchat: () => Newchat_default,
   IconNext: () => Next_default,
   IconNextscene: () => Nextscene_default,
   IconNiceofficial: () => Niceofficial_default,
@@ -160,6 +171,7 @@ __export(index_exports, {
   IconProblemNoticeFilled: () => ProblemNoticeFilled_default,
   IconPublish: () => Publish_default,
   IconQtEsave: () => QtEsave_default,
+  IconQuote: () => Quote_default,
   IconRatio: () => Ratio_default,
   IconRatio11: () => Ratio11_default,
   IconRatio169: () => Ratio169_default,
@@ -169,6 +181,8 @@ __export(index_exports, {
   IconRegenerate: () => Regenerate_default,
   IconResultsetting: () => Resultsetting_default,
   IconRightFilled: () => RightFilled_default,
+  IconSatisfied: () => Satisfied_default,
+  IconSatisfiedFilled: () => SatisfiedFilled_default,
   IconSceneNext: () => SceneNext_default,
   IconScriptmode: () => Scriptmode_default,
   IconScrolldown: () => Scrolldown_default,
@@ -178,6 +192,7 @@ __export(index_exports, {
   IconShare: () => Share_default,
   IconShareFilled: () => ShareFilled_default,
   IconSidebar: () => Sidebar_default,
+  IconSingleunchecked: () => Singleunchecked_default,
   IconSocialDiscord: () => SocialDiscord_default,
   IconSocialX: () => SocialX_default,
   IconSoundOff: () => SoundOff_default,
@@ -188,6 +203,7 @@ __export(index_exports, {
   IconStyleoverall: () => Styleoverall_default,
   IconSwitchOffFilled: () => SwitchOffFilled_default,
   IconSwitchOnFilled: () => SwitchOnFilled_default,
+  IconTable: () => Table_default,
   IconTarget: () => Target_default,
   IconTextLogo: () => TextLogo_default,
   IconTips: () => Tips_default,
@@ -195,6 +211,8 @@ __export(index_exports, {
   IconTools: () => Tools_default,
   IconToolsFilled: () => ToolsFilled_default,
   IconUndo: () => Undo_default,
+  IconUnsatisfied: () => Unsatisfied_default,
+  IconUnsatisfiedFilled: () => UnsatisfiedFilled_default,
   IconUpFilled: () => UpFilled_default,
   IconUpleftFilled: () => UpleftFilled_default,
   IconUploadedvideo: () => Uploadedvideo_default,
@@ -218,8 +236,19 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/components/Document.tsx
+var import_jsx_runtime = require("react/jsx-runtime"), IconDocument = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M21 7.5L13.5 0H3V24H21V7.5ZM18.568 8.25L12.75 2.43198V8.25H18.568ZM10.5 2.25H5.25V21.75H18.75V10.5H10.5V2.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Document_default = IconDocument;
+
 // src/components/Homepage.tsx
-var import_jsx_runtime = require("react/jsx-runtime"), IconHomepage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_jsx_runtime2 = require("react/jsx-runtime"), IconHomepage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -230,7 +259,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), IconHomepage = ({ size, w
 ) }), Homepage_default = IconHomepage;
 
 // src/components/Aiwriting.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime"), IconAiwriting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var import_jsx_runtime3 = require("react/jsx-runtime"), IconAiwriting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -239,7 +268,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime"), IconAiwriting = ({ size,
 ) }), Aiwriting_default = IconAiwriting;
 
 // src/components/FmVeditorstart.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), IconFmVeditorstart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { fill: "none", viewBox: "0 0 70 40", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var import_jsx_runtime4 = require("react/jsx-runtime"), IconFmVeditorstart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { fill: "none", viewBox: "0 0 70 40", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -250,7 +279,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime"), IconFmVeditorstart = ({
 ) }), FmVeditorstart_default = IconFmVeditorstart;
 
 // src/components/QtEsave.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime"), IconQtEsave = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var import_jsx_runtime5 = require("react/jsx-runtime"), IconQtEsave = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -261,8 +290,8 @@ var import_jsx_runtime4 = require("react/jsx-runtime"), IconQtEsave = ({ size, w
 ) }), QtEsave_default = IconQtEsave;
 
 // src/components/Uploadimage.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime"), IconUploadimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var import_jsx_runtime6 = require("react/jsx-runtime"), IconUploadimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -271,7 +300,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime"), IconUploadimage = ({ siz
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -281,8 +310,8 @@ var import_jsx_runtime5 = require("react/jsx-runtime"), IconUploadimage = ({ siz
 ] }), Uploadimage_default = IconUploadimage;
 
 // src/components/Aboutus.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime"), IconAboutus = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var import_jsx_runtime7 = require("react/jsx-runtime"), IconAboutus = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -291,7 +320,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime"), IconAboutus = ({ size, w
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -301,15 +330,15 @@ var import_jsx_runtime6 = require("react/jsx-runtime"), IconAboutus = ({ size, w
 ] }), Aboutus_default = IconAboutus;
 
 // src/components/AddSceneChoice.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime"), IconAddSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var import_jsx_runtime8 = require("react/jsx-runtime"), IconAddSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M10.875 6V10.875H6V13.125H10.875V18H13.125V13.125H18V10.875H13.125V6H10.875Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -321,7 +350,7 @@ var import_jsx_runtime7 = require("react/jsx-runtime"), IconAddSceneChoice = ({
 ] }), AddSceneChoice_default = IconAddSceneChoice;
 
 // src/components/Add.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime"), IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var import_jsx_runtime9 = require("react/jsx-runtime"), IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -329,9 +358,45 @@ var import_jsx_runtime8 = require("react/jsx-runtime"), IconAdd = ({ size, width
   }
 ) }), Add_default = IconAdd;
 
+// src/components/AgentFilled.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime"), IconAgentFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "path",
+  {
+    fill: fill || color || "currentColor",
+    d: "M17.6387 2.47656L14.6182 6H23.5V23.5H0.5V6H9.38184L6.36133 2.47656L8.63867 0.523438L12 4.44531L15.3613 0.523438L17.6387 2.47656ZM17.5 9V20.5H20.5V9H17.5ZM7 11C6.17157 11 5.5 11.6716 5.5 12.5C5.5 13.3284 6.17157 14 7 14C7.82843 14 8.5 13.3284 8.5 12.5C8.5 11.6716 7.82843 11 7 11ZM13 11C12.1716 11 11.5 11.6716 11.5 12.5C11.5 13.3284 12.1716 14 13 14C13.8284 14 14.5 13.3284 14.5 12.5C14.5 11.6716 13.8284 11 13 11Z"
+  }
+) }), AgentFilled_default = IconAgentFilled;
+
+// src/components/Agent.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime"), IconAgent = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M8.35416 0.767822L12 5.0213L15.6458 0.767822L17.3542 2.2321L14.1245 6H23.5V23.5H0.5V6H9.87546L6.64584 2.2321L8.35416 0.767822ZM2.75 8.25V21.25H16.75V8.25H2.75ZM19 8.25V21.25H21.25V8.25H19Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M8.5 12.5C8.5 13.3284 7.82843 14 7 14C6.17157 14 5.5 13.3284 5.5 12.5C5.5 11.6716 6.17157 11 7 11C7.82843 11 8.5 11.6716 8.5 12.5Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M13 14C13.8284 14 14.5 13.3284 14.5 12.5C14.5 11.6716 13.8284 11 13 11C12.1716 11 11.5 11.6716 11.5 12.5C11.5 13.3284 12.1716 14 13 14Z"
+    }
+  )
+] }), Agent_default = IconAgent;
+
 // src/components/Agreements.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime"), IconAgreements = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var import_jsx_runtime12 = require("react/jsx-runtime"), IconAgreements = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -340,11 +405,11 @@ var import_jsx_runtime9 = require("react/jsx-runtime"), IconAgreements = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.25H16.5V14H7.5V16.25Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.25H16.5V14H7.5V16.25Z" })
 ] }), Agreements_default = IconAgreements;
 
 // src/components/AngleDown.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime"), IconAngleDown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime"), IconAngleDown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -353,7 +418,7 @@ var import_jsx_runtime10 = require("react/jsx-runtime"), IconAngleDown = ({ size
 ) }), AngleDown_default = IconAngleDown;
 
 // src/components/Angleright.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime"), IconAngleright = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime14 = require("react/jsx-runtime"), IconAngleright = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -362,7 +427,7 @@ var import_jsx_runtime11 = require("react/jsx-runtime"), IconAngleright = ({ siz
 ) }), Angleright_default = IconAngleright;
 
 // src/components/Announcement.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime"), IconAnnouncement = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var import_jsx_runtime15 = require("react/jsx-runtime"), IconAnnouncement = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -373,7 +438,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime"), IconAnnouncement = ({ s
 ) }), Announcement_default = IconAnnouncement;
 
 // src/components/Artboard.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime"), IconArtboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var import_jsx_runtime16 = require("react/jsx-runtime"), IconArtboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -384,17 +449,17 @@ var import_jsx_runtime13 = require("react/jsx-runtime"), IconArtboard = ({ size,
 ) }), Artboard_default = IconArtboard;
 
 // src/components/AssetsFilled.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime"), IconAssetsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
+var import_jsx_runtime17 = require("react/jsx-runtime"), IconAssetsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { fill: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
 ] }), AssetsFilled_default = IconAssetsFilled;
 
 // src/components/Assets.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime"), IconAssets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { fill: stroke || color || "currentColor", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var import_jsx_runtime18 = require("react/jsx-runtime"), IconAssets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: stroke || color || "currentColor", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -406,7 +471,7 @@ var import_jsx_runtime15 = require("react/jsx-runtime"), IconAssets = ({ size, w
 ] }), Assets_default = IconAssets;
 
 // src/components/Autolayout.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime"), IconAutolayout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var import_jsx_runtime19 = require("react/jsx-runtime"), IconAutolayout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -415,8 +480,8 @@ var import_jsx_runtime16 = require("react/jsx-runtime"), IconAutolayout = ({ siz
 ) }), Autolayout_default = IconAutolayout;
 
 // src/components/Backtoprojects.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime"), IconBacktoprojects = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime"), IconBacktoprojects = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -425,7 +490,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -434,7 +499,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -443,7 +508,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -455,7 +520,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime"), IconBacktoprojects = ({
 ] }), Backtoprojects_default = IconBacktoprojects;
 
 // src/components/Backward.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime"), IconBackward = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var import_jsx_runtime21 = require("react/jsx-runtime"), IconBackward = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -464,7 +529,7 @@ var import_jsx_runtime18 = require("react/jsx-runtime"), IconBackward = ({ size,
 ) }), Backward_default = IconBackward;
 
 // src/components/BatchShots.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime"), IconBatchShots = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_jsx_runtime22 = require("react/jsx-runtime"), IconBatchShots = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -474,8 +539,28 @@ var import_jsx_runtime19 = require("react/jsx-runtime"), IconBatchShots = ({ siz
   }
 ) }), BatchShots_default = IconBatchShots;
 
+// src/components/Canvaposition.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime"), IconCanvaposition = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M13.125 0V2.3142C17.6107 2.82957 21.1704 6.38926 21.6858 10.875H24V13.125H21.6858C21.1704 17.6107 17.6107 21.1704 13.125 21.6858V24H10.875V21.6858C6.38926 21.1704 2.82957 17.6107 2.3142 13.125H0V10.875H2.3142C2.82957 6.38926 6.38926 2.82957 10.875 2.3142V0H13.125ZM10.875 7.5V4.58381C7.63352 5.07141 5.07141 7.63352 4.58381 10.875H7.5V13.125H4.58381C5.07141 16.3665 7.63352 18.9286 10.875 19.4162V16.5H13.125V19.4162C16.3665 18.9286 18.9286 16.3665 19.4162 13.125H16.5V10.875H19.4162C18.9286 7.63352 16.3665 5.07141 13.125 4.58381V7.5H10.875Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Canvaposition_default = IconCanvaposition;
+
 // src/components/Canvasmode.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime"), IconCanvasmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var import_jsx_runtime24 = require("react/jsx-runtime"), IconCanvasmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -486,7 +571,7 @@ var import_jsx_runtime20 = require("react/jsx-runtime"), IconCanvasmode = ({ siz
 ) }), Canvasmode_default = IconCanvasmode;
 
 // src/components/CcgFilled.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime"), IconCcgFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_jsx_runtime25 = require("react/jsx-runtime"), IconCcgFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -497,7 +582,7 @@ var import_jsx_runtime21 = require("react/jsx-runtime"), IconCcgFilled = ({ size
 ) }), CcgFilled_default = IconCcgFilled;
 
 // src/components/Ccg.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime"), IconCcg = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime26 = require("react/jsx-runtime"), IconCcg = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -508,29 +593,29 @@ var import_jsx_runtime22 = require("react/jsx-runtime"), IconCcg = ({ size, widt
 ) }), Ccg_default = IconCcg;
 
 // src/components/Ccggame.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime"), IconCcggame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime"), IconCcggame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M9.75 9.75C9.75 10.9926 8.74264 12 7.5 12C6.25736 12 5.25 10.9926 5.25 9.75C5.25 8.50736 6.25736 7.5 7.5 7.5C8.74264 7.5 9.75 8.50736 9.75 9.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M19.125 8.0625C19.125 8.78737 18.5374 9.375 17.8125 9.375C17.0876 9.375 16.5 8.78737 16.5 8.0625C16.5 7.33763 17.0876 6.75 17.8125 6.75C18.5374 6.75 19.125 7.33763 19.125 8.0625Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M16.3125 12.75C17.0374 12.75 17.625 12.1624 17.625 11.4375C17.625 10.7126 17.0374 10.125 16.3125 10.125C15.5876 10.125 15 10.7126 15 11.4375C15 12.1624 15.5876 12.75 16.3125 12.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -542,7 +627,7 @@ var import_jsx_runtime23 = require("react/jsx-runtime"), IconCcggame = ({ size,
 ] }), Ccggame_default = IconCcggame;
 
 // src/components/Ccglanguage.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime"), IconCcglanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime"), IconCcglanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -551,7 +636,7 @@ var import_jsx_runtime24 = require("react/jsx-runtime"), IconCcglanguage = ({ si
 ) }), Ccglanguage_default = IconCcglanguage;
 
 // src/components/Chaptercollapse.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime"), IconChaptercollapse = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var import_jsx_runtime29 = require("react/jsx-runtime"), IconChaptercollapse = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -562,7 +647,7 @@ var import_jsx_runtime25 = require("react/jsx-runtime"), IconChaptercollapse = (
 ) }), Chaptercollapse_default = IconChaptercollapse;
 
 // src/components/Chapterexpand.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime"), IconChapterexpand = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime"), IconChapterexpand = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -572,8 +657,28 @@ var import_jsx_runtime26 = require("react/jsx-runtime"), IconChapterexpand = ({
   }
 ) }), Chapterexpand_default = IconChapterexpand;
 
+// src/components/Chathistory.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime"), IconChathistory = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M10.5 4.5V12.4926L15.7369 17.3267L17.2631 15.6733L12.75 11.5074V4.5H10.5Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Chathistory_default = IconChathistory;
+
 // src/components/Check.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime"), IconCheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime32 = require("react/jsx-runtime"), IconCheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -582,7 +687,7 @@ var import_jsx_runtime27 = require("react/jsx-runtime"), IconCheck = ({ size, wi
 ) }), Check_default = IconCheck;
 
 // src/components/CheckedFilled.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime"), IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime"), IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -593,7 +698,7 @@ var import_jsx_runtime28 = require("react/jsx-runtime"), IconCheckedFilled = ({
 ) }), CheckedFilled_default = IconCheckedFilled;
 
 // src/components/Close.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime"), IconClose = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime34 = require("react/jsx-runtime"), IconClose = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -602,8 +707,8 @@ var import_jsx_runtime29 = require("react/jsx-runtime"), IconClose = ({ size, wi
 ) }), Close_default = IconClose;
 
 // src/components/Collapsewindow.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime"), IconCollapsewindow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var import_jsx_runtime35 = require("react/jsx-runtime"), IconCollapsewindow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -612,7 +717,7 @@ var import_jsx_runtime30 = require("react/jsx-runtime"), IconCollapsewindow = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -624,9 +729,9 @@ var import_jsx_runtime30 = require("react/jsx-runtime"), IconCollapsewindow = ({
 ] }), Collapsewindow_default = IconCollapsewindow;
 
 // src/components/Copy.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime"), IconCopy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { fill: stroke || color || "currentColor", d: "M12.75 2.25H2.25V12.75H6V15H0V0H15V6H12.75V2.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var import_jsx_runtime36 = require("react/jsx-runtime"), IconCopy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: stroke || color || "currentColor", d: "M12.75 2.25H2.25V12.75H6V15H0V0H15V6H12.75V2.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -638,7 +743,7 @@ var import_jsx_runtime31 = require("react/jsx-runtime"), IconCopy = ({ size, wid
 ] }), Copy_default = IconCopy;
 
 // src/components/Copylink.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime"), IconCopylink = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var import_jsx_runtime37 = require("react/jsx-runtime"), IconCopylink = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -648,9 +753,20 @@ var import_jsx_runtime32 = require("react/jsx-runtime"), IconCopylink = ({ size,
   }
 ) }), Copylink_default = IconCopylink;
 
+// src/components/Createplan.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime"), IconCreateplan = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M7.5 0H16.5V3H21V24H3V3H7.5V0ZM9.75 2.25H14.25V5.25H9.75V2.25ZM7.5 5.25H5.25V21.75H18.75V5.25H16.5V7.5H7.5V5.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Createplan_default = IconCreateplan;
+
 // src/components/CreditFilled.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime"), IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var import_jsx_runtime39 = require("react/jsx-runtime"), IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -659,11 +775,11 @@ var import_jsx_runtime33 = require("react/jsx-runtime"), IconCreditFilled = ({ s
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), CreditFilled_default = IconCreditFilled;
 
 // src/components/Cursor.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime"), IconCursor = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var import_jsx_runtime40 = require("react/jsx-runtime"), IconCursor = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -674,9 +790,9 @@ var import_jsx_runtime34 = require("react/jsx-runtime"), IconCursor = ({ size, w
 ) }), Cursor_default = IconCursor;
 
 // src/components/DeleteSceneChoice.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime"), IconDeleteSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { fill: stroke || color || "currentColor", d: "M18 10.875H6V13.125H18V10.875Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var import_jsx_runtime41 = require("react/jsx-runtime"), IconDeleteSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: stroke || color || "currentColor", d: "M18 10.875H6V13.125H18V10.875Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -688,9 +804,9 @@ var import_jsx_runtime35 = require("react/jsx-runtime"), IconDeleteSceneChoice =
 ] }), DeleteSceneChoice_default = IconDeleteSceneChoice;
 
 // src/components/Delete.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime"), IconDelete = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var import_jsx_runtime42 = require("react/jsx-runtime"), IconDelete = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -702,7 +818,7 @@ var import_jsx_runtime36 = require("react/jsx-runtime"), IconDelete = ({ size, w
 ] }), Delete_default = IconDelete;
 
 // src/components/DownFilled.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime"), IconDownFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var import_jsx_runtime43 = require("react/jsx-runtime"), IconDownFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -713,7 +829,7 @@ var import_jsx_runtime37 = require("react/jsx-runtime"), IconDownFilled = ({ siz
 ) }), DownFilled_default = IconDownFilled;
 
 // src/components/DownleftFilled.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime"), IconDownleftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_jsx_runtime44 = require("react/jsx-runtime"), IconDownleftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -724,15 +840,15 @@ var import_jsx_runtime38 = require("react/jsx-runtime"), IconDownleftFilled = ({
 ) }), DownleftFilled_default = IconDownleftFilled;
 
 // src/components/Download.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime"), IconDownload = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var import_jsx_runtime45 = require("react/jsx-runtime"), IconDownload = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M22.5 24L22.5 13.5H20.25V21.75L3.75 21.75L3.75 13.5H1.5L1.5 24L22.5 24Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -744,7 +860,7 @@ var import_jsx_runtime39 = require("react/jsx-runtime"), IconDownload = ({ size,
 ] }), Download_default = IconDownload;
 
 // src/components/DownrightFilled.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime"), IconDownrightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var import_jsx_runtime46 = require("react/jsx-runtime"), IconDownrightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -755,18 +871,18 @@ var import_jsx_runtime40 = require("react/jsx-runtime"), IconDownrightFilled = (
 ) }), DownrightFilled_default = IconDownrightFilled;
 
 // src/components/DraghandleFilled.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime"), IconDraghandleFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M18 7.19999V2.39999H13.2V7.19999L18 7.19999Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M18 9.59999V14.4H13.2L13.2 9.59999H18Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 9.59999V14.4H6V9.59999H10.8Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 2.39999V7.19999L6 7.19999V2.39999H10.8Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M18 21.6V16.8H13.2V21.6H18Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 16.8V21.6H6V16.8H10.8Z" })
+var import_jsx_runtime47 = require("react/jsx-runtime"), IconDraghandleFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M18 7.19999V2.39999H13.2V7.19999L18 7.19999Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M18 9.59999V14.4H13.2L13.2 9.59999H18Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 9.59999V14.4H6V9.59999H10.8Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 2.39999V7.19999L6 7.19999V2.39999H10.8Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M18 21.6V16.8H13.2V21.6H18Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 16.8V21.6H6V16.8H10.8Z" })
 ] }), DraghandleFilled_default = IconDraghandleFilled;
 
 // src/components/Edit.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime"), IconEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var import_jsx_runtime48 = require("react/jsx-runtime"), IconEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -775,7 +891,7 @@ var import_jsx_runtime42 = require("react/jsx-runtime"), IconEdit = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -784,9 +900,20 @@ var import_jsx_runtime42 = require("react/jsx-runtime"), IconEdit = ({ size, wid
   )
 ] }), Edit_default = IconEdit;
 
+// src/components/Element.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime"), IconElement = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M8.76736 2.40203C5.77582 3.40922 3.40924 5.77581 2.40207 8.76735C1.0124 9.18502 0 10.4743 0 12C0 13.5257 1.0124 14.815 2.40206 15.2326C3.40924 18.2242 5.77582 20.5908 8.76736 21.598C9.18504 22.9876 10.4743 24 12 24C13.5257 24 14.8149 22.9876 15.2326 21.598C18.2242 20.5908 20.5909 18.2242 21.598 15.2326C22.9877 14.8149 24 13.5257 24 12C24 10.4743 22.9877 9.18508 21.598 8.76738C20.5909 5.77579 18.2242 3.40917 15.2326 2.40199C14.8149 1.01237 13.5257 0 12 0C10.4743 0 9.18504 1.01238 8.76736 2.40203ZM10.875 3.375C10.875 3.99632 11.3787 4.5 12 4.5C12.6213 4.5 13.125 3.99632 13.125 3.375C13.125 2.75368 12.6213 2.25 12 2.25C11.3787 2.25 10.875 2.75368 10.875 3.375ZM15.0826 4.75118C14.5559 5.92916 13.3738 6.75 12 6.75C10.6262 6.75 9.44412 5.92918 8.91742 4.75121C7.04694 5.54767 5.54767 7.04694 4.75123 8.91743C5.92919 9.44413 6.75 10.6262 6.75 12C6.75 13.3738 5.92919 14.5559 4.75123 15.0826C5.54767 16.9531 7.04694 18.4523 8.91742 19.2488C9.44412 18.0708 10.6262 17.25 12 17.25C13.3738 17.25 14.5559 18.0708 15.0826 19.2488C16.9531 18.4524 18.4524 16.9531 19.2488 15.0826C18.0708 14.5559 17.25 13.3738 17.25 12C17.25 10.6262 18.0708 9.44408 19.2488 8.91739C18.4524 7.04689 16.9531 5.54762 15.0826 4.75118ZM2.25 12C2.25 12.6213 2.75368 13.125 3.375 13.125C3.99632 13.125 4.5 12.6213 4.5 12C4.5 11.3787 3.99632 10.875 3.375 10.875C2.75368 10.875 2.25 11.3787 2.25 12ZM12 21.75C11.3787 21.75 10.875 21.2463 10.875 20.625C10.875 20.0037 11.3787 19.5 12 19.5C12.6213 19.5 13.125 20.0037 13.125 20.625C13.125 21.2463 12.6213 21.75 12 21.75ZM19.5 12C19.5 12.6213 20.0037 13.125 20.625 13.125C21.2463 13.125 21.75 12.6213 21.75 12C21.75 11.3787 21.2463 10.875 20.625 10.875C20.0037 10.875 19.5 11.3787 19.5 12Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Element_default = IconElement;
+
 // src/components/Expandwindow.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime"), IconExpandwindow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var import_jsx_runtime50 = require("react/jsx-runtime"), IconExpandwindow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -795,7 +922,7 @@ var import_jsx_runtime43 = require("react/jsx-runtime"), IconExpandwindow = ({ s
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -807,7 +934,7 @@ var import_jsx_runtime43 = require("react/jsx-runtime"), IconExpandwindow = ({ s
 ] }), Expandwindow_default = IconExpandwindow;
 
 // src/components/FavoriteFilled.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime"), IconFavoriteFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var import_jsx_runtime51 = require("react/jsx-runtime"), IconFavoriteFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -816,7 +943,7 @@ var import_jsx_runtime44 = require("react/jsx-runtime"), IconFavoriteFilled = ({
 ) }), FavoriteFilled_default = IconFavoriteFilled;
 
 // src/components/Favorite.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime"), IconFavorite = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var import_jsx_runtime52 = require("react/jsx-runtime"), IconFavorite = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -827,7 +954,7 @@ var import_jsx_runtime45 = require("react/jsx-runtime"), IconFavorite = ({ size,
 ) }), Favorite_default = IconFavorite;
 
 // src/components/FeedbackFailFilled.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime"), IconFeedbackFailFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var import_jsx_runtime53 = require("react/jsx-runtime"), IconFeedbackFailFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -838,7 +965,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime"), IconFeedbackFailFilled
 ) }), FeedbackFailFilled_default = IconFeedbackFailFilled;
 
 // src/components/FeedbackPendingFilled.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime"), IconFeedbackPendingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var import_jsx_runtime54 = require("react/jsx-runtime"), IconFeedbackPendingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -849,7 +976,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime"), IconFeedbackPendingFill
 ) }), FeedbackPendingFilled_default = IconFeedbackPendingFilled;
 
 // src/components/FeedbackProblemFilled.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime"), IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var import_jsx_runtime55 = require("react/jsx-runtime"), IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -860,29 +987,29 @@ var import_jsx_runtime48 = require("react/jsx-runtime"), IconFeedbackProblemFill
 ) }), FeedbackProblemFilled_default = IconFeedbackProblemFilled;
 
 // src/components/FeedbackProblem.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime"), IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var import_jsx_runtime56 = require("react/jsx-runtime"), IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M8.25 10.5C9.07843 10.5 9.75 9.82843 9.75 9C9.75 8.17157 9.07843 7.5 8.25 7.5C7.42157 7.5 6.75 8.17157 6.75 9C6.75 9.82843 7.42157 10.5 8.25 10.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M17.25 9C17.25 9.82843 16.5784 10.5 15.75 10.5C14.9216 10.5 14.25 9.82843 14.25 9C14.25 8.17157 14.9216 7.5 15.75 7.5C16.5784 7.5 17.25 8.17157 17.25 9Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 17.25C13.2426 17.25 14.25 16.2426 14.25 15C14.25 13.7574 13.2426 12.75 12 12.75C10.7574 12.75 9.75 13.7574 9.75 15C9.75 16.2426 10.7574 17.25 12 17.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -894,8 +1021,8 @@ var import_jsx_runtime49 = require("react/jsx-runtime"), IconFeedbackProblem = (
 ] }), FeedbackProblem_default = IconFeedbackProblem;
 
 // src/components/FiletypeImageFilled.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime"), IconFiletypeImageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var import_jsx_runtime57 = require("react/jsx-runtime"), IconFiletypeImageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -903,21 +1030,21 @@ var import_jsx_runtime50 = require("react/jsx-runtime"), IconFiletypeImageFilled
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "path",
     {
       fill: "#2E2E2E",
       d: "M19.9993 6.2882H17.59C17.058 6.28768 16.548 6.07629 16.1718 5.70045C15.7957 5.3246 15.5841 4.81499 15.5836 4.28346V1.5L19.9993 6.2882Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "path",
     {
       fill: "#2E2E2E",
       d: "M10.5938 11.0625C11.0252 11.0625 11.375 10.7127 11.375 10.2812C11.375 9.84978 11.0252 9.5 10.5938 9.5C10.1623 9.5 9.8125 9.84978 9.8125 10.2812C9.8125 10.7127 10.1623 11.0625 10.5938 11.0625Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -929,8 +1056,8 @@ var import_jsx_runtime50 = require("react/jsx-runtime"), IconFiletypeImageFilled
 ] }), FiletypeImageFilled_default = IconFiletypeImageFilled;
 
 // src/components/FiletypePdfFilled.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime"), IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var import_jsx_runtime58 = require("react/jsx-runtime"), IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "path",
     {
       fill: "#FF3E4C",
@@ -938,14 +1065,14 @@ var import_jsx_runtime51 = require("react/jsx-runtime"), IconFiletypePdfFilled =
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "path",
     {
       fill: "#FF3E4C",
       d: "M19.9993 6.2882H17.59C17.058 6.28768 16.548 6.07629 16.1718 5.70045C15.7957 5.3246 15.5841 4.81499 15.5836 4.28346V1.5L19.9993 6.2882Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "path",
     {
       fill: "#FF3E4C",
@@ -955,8 +1082,8 @@ var import_jsx_runtime51 = require("react/jsx-runtime"), IconFiletypePdfFilled =
 ] }), FiletypePdfFilled_default = IconFiletypePdfFilled;
 
 // src/components/FiletypePdfLumiFilled.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime"), IconFiletypePdfLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var import_jsx_runtime59 = require("react/jsx-runtime"), IconFiletypePdfLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -964,14 +1091,14 @@ var import_jsx_runtime52 = require("react/jsx-runtime"), IconFiletypePdfLumiFill
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "path",
     {
       fill: "#2E2E2E",
       d: "M19.9993 6.2882H17.59C17.058 6.28768 16.548 6.07629 16.1718 5.70045C15.7957 5.3246 15.5841 4.81499 15.5836 4.28346V1.5L19.9993 6.2882Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -981,8 +1108,8 @@ var import_jsx_runtime52 = require("react/jsx-runtime"), IconFiletypePdfLumiFill
 ] }), FiletypePdfLumiFilled_default = IconFiletypePdfLumiFilled;
 
 // src/components/FiletypeTxtFilled.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime"), IconFiletypeTxtFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+var import_jsx_runtime60 = require("react/jsx-runtime"), IconFiletypeTxtFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "path",
     {
       fill: "#005FAD",
@@ -990,11 +1117,11 @@ var import_jsx_runtime53 = require("react/jsx-runtime"), IconFiletypeTxtFilled =
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#005FAD", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#005FAD", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#005FAD", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#005FAD", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: "#005FAD", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: "#005FAD", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: "#005FAD", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: "#005FAD", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "path",
     {
       fill: "#005FAD",
@@ -1004,8 +1131,8 @@ var import_jsx_runtime53 = require("react/jsx-runtime"), IconFiletypeTxtFilled =
 ] }), FiletypeTxtFilled_default = IconFiletypeTxtFilled;
 
 // src/components/FiletypeTxtLumiFilled.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime"), IconFiletypeTxtLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var import_jsx_runtime61 = require("react/jsx-runtime"), IconFiletypeTxtLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -1013,11 +1140,11 @@ var import_jsx_runtime54 = require("react/jsx-runtime"), IconFiletypeTxtLumiFill
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "#2E2E2E", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "#2E2E2E", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "#2E2E2E", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "#2E2E2E", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "#2E2E2E", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "#2E2E2E", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "#2E2E2E", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "#2E2E2E", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -1027,8 +1154,8 @@ var import_jsx_runtime54 = require("react/jsx-runtime"), IconFiletypeTxtLumiFill
 ] }), FiletypeTxtLumiFilled_default = IconFiletypeTxtLumiFilled;
 
 // src/components/FiletypeWordFilled.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime"), IconFiletypeWordFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var import_jsx_runtime62 = require("react/jsx-runtime"), IconFiletypeWordFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "path",
     {
       fill: "#0072FF",
@@ -1036,14 +1163,14 @@ var import_jsx_runtime55 = require("react/jsx-runtime"), IconFiletypeWordFilled
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "path",
     {
       fill: "#0072FF",
       d: "M8.09258 8L9.69258 16H10.8121L12 9.56557L13.1879 16H14.3074L15.9074 8H15.1426L13.7547 14.9392L12.4736 8H11.5264L10.2453 14.9392L8.85743 8H8.09258Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "path",
     {
       fill: "#0072FF",
@@ -1053,8 +1180,8 @@ var import_jsx_runtime55 = require("react/jsx-runtime"), IconFiletypeWordFilled
 ] }), FiletypeWordFilled_default = IconFiletypeWordFilled;
 
 // src/components/FiletypeWordLumiFilled.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime"), IconFiletypeWordLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var import_jsx_runtime63 = require("react/jsx-runtime"), IconFiletypeWordLumiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -1062,14 +1189,14 @@ var import_jsx_runtime56 = require("react/jsx-runtime"), IconFiletypeWordLumiFil
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "path",
     {
       fill: "#2E2E2E",
       d: "M8.09257 8L9.69257 16H10.8121L12 9.56557L13.1879 16H14.3074L15.9074 8H15.1426L13.7547 14.9392L12.4736 8H11.5264L10.2453 14.9392L8.85742 8H8.09257Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -1079,8 +1206,8 @@ var import_jsx_runtime56 = require("react/jsx-runtime"), IconFiletypeWordLumiFil
 ] }), FiletypeWordLumiFilled_default = IconFiletypeWordLumiFilled;
 
 // src/components/Fillin.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime"), IconFillin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#clip0_491_23)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var import_jsx_runtime64 = require("react/jsx-runtime"), IconFillin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("g", { clipPath: "url(#clip0_491_23)", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1089,7 +1216,7 @@ var import_jsx_runtime57 = require("react/jsx-runtime"), IconFillin = ({ size, w
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_491_23", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "clip0_491_23", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "rect",
     {
       width: "24",
@@ -1101,33 +1228,33 @@ var import_jsx_runtime57 = require("react/jsx-runtime"), IconFillin = ({ size, w
 ] }), Fillin_default = IconFillin;
 
 // src/components/FoldedMenu.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime"), IconFoldedMenu = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H22.5V1.5H1.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H22.5V20.25H1.5V22.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 10.125H1.5V7.875H22.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H22.5V13.875H1.5V16.125Z" })
+var import_jsx_runtime65 = require("react/jsx-runtime"), IconFoldedMenu = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H22.5V1.5H1.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H22.5V20.25H1.5V22.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 10.125H1.5V7.875H22.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H22.5V13.875H1.5V16.125Z" })
 ] }), FoldedMenu_default = IconFoldedMenu;
 
 // src/components/FullScreen.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime"), IconFullScreen = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.25 14V20.75H10V23H1V14H3.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 23H14V20.75H20.75V14H23V23Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: stroke || color || "currentColor", d: "M10 3.25H3.25V10H1V1H10V3.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 10H20.75V3.25H14V1H23V10Z" })
+var import_jsx_runtime66 = require("react/jsx-runtime"), IconFullScreen = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.25 14V20.75H10V23H1V14H3.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 23H14V20.75H20.75V14H23V23Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { fill: stroke || color || "currentColor", d: "M10 3.25H3.25V10H1V1H10V3.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 10H20.75V3.25H14V1H23V10Z" })
 ] }), FullScreen_default = IconFullScreen;
 
 // src/components/GameFilled.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime"), IconGameFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: fill || color || "currentColor", d: "M7.5 0H16.5V5.37868L12 9.87868L7.5 5.37868V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: fill || color || "currentColor", d: "M5.37868 7.5H0V16.5H5.37868L9.87868 12L5.37868 7.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var import_jsx_runtime67 = require("react/jsx-runtime"), IconGameFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { fill: fill || color || "currentColor", d: "M7.5 0H16.5V5.37868L12 9.87868L7.5 5.37868V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { fill: fill || color || "currentColor", d: "M5.37868 7.5H0V16.5H5.37868L9.87868 12L5.37868 7.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M7.5 18.6213V24H16.5V18.6213L12 14.1213L7.5 18.6213Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1137,8 +1264,8 @@ var import_jsx_runtime60 = require("react/jsx-runtime"), IconGameFilled = ({ siz
 ] }), GameFilled_default = IconGameFilled;
 
 // src/components/Game.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime"), IconGame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var import_jsx_runtime68 = require("react/jsx-runtime"), IconGame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1147,7 +1274,7 @@ var import_jsx_runtime61 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1156,7 +1283,7 @@ var import_jsx_runtime61 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1165,7 +1292,7 @@ var import_jsx_runtime61 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1177,7 +1304,7 @@ var import_jsx_runtime61 = require("react/jsx-runtime"), IconGame = ({ size, wid
 ] }), Game_default = IconGame;
 
 // src/components/GamebackupFilled.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime"), IconGamebackupFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var import_jsx_runtime69 = require("react/jsx-runtime"), IconGamebackupFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1188,7 +1315,7 @@ var import_jsx_runtime62 = require("react/jsx-runtime"), IconGamebackupFilled =
 ) }), GamebackupFilled_default = IconGamebackupFilled;
 
 // src/components/Gamebackup.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime"), IconGamebackup = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var import_jsx_runtime70 = require("react/jsx-runtime"), IconGamebackup = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1199,18 +1326,18 @@ var import_jsx_runtime63 = require("react/jsx-runtime"), IconGamebackup = ({ siz
 ) }), Gamebackup_default = IconGamebackup;
 
 // src/components/GamecontrolChoice.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime"), IconGamecontrolChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var import_jsx_runtime71 = require("react/jsx-runtime"), IconGamecontrolChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
-    d: "M15.9053 6.75C16.395 8.48138 17.9868 9.75 19.875 9.75C22.1532 9.75 24 7.90318 24 5.625C24 3.34683 22.1532 1.5 19.875 1.5C17.9868 1.5 16.395 2.76862 15.9053 4.5L10.5 4.5L10.5 10.875L8.09472 10.875C7.60503 9.14362 6.01317 7.875 4.125 7.875C1.84682 7.875 -3.59387e-07 9.72182 -4.5897e-07 12C-5.58552e-07 14.2782 1.84682 16.125 4.125 16.125C6.01317 16.125 7.60503 14.8564 8.09472 13.125L10.5 13.125L10.5 19.5L15.9053 19.5C16.395 21.2314 17.9868 22.5 19.875 22.5C22.1532 22.5 24 20.6532 24 18.375C24 16.0968 22.1532 14.25 19.875 14.25C17.9868 14.25 16.395 15.5186 15.9053 17.25L12.75 17.25L12.75 6.75L15.9053 6.75ZM19.875 7.5C18.8395 7.5 18 6.66053 18 5.625C18 4.58947 18.8395 3.75 19.875 3.75C20.9105 3.75 21.75 4.58947 21.75 5.625C21.75 6.66053 20.9105 7.5 19.875 7.5ZM19.875 20.25C18.8395 20.25 18 19.4105 18 18.375C18 17.3395 18.8395 16.5 19.875 16.5C20.9105 16.5 21.75 17.3395 21.75 18.375C21.75 19.4105 20.9105 20.25 19.875 20.25ZM4.125 13.875C3.08947 13.875 2.25 13.0355 2.25 12C2.25 10.9645 3.08947 10.125 4.125 10.125C5.16053 10.125 6 10.9645 6 12C6 13.0355 5.16053 13.875 4.125 13.875Z",
+    d: "M22.5 4.125C22.5 6.01317 21.2314 7.60503 19.5 8.09473V13.5H6.75V15.9053C8.48138 16.395 9.75 17.9868 9.75 19.875C9.75 22.1532 7.90317 24 5.625 24C3.34683 24 1.5 22.1532 1.5 19.875C1.5 17.9868 2.76862 16.395 4.5 15.9053V8.09473C2.76862 7.60503 1.5 6.01317 1.5 4.125C1.5 1.84683 3.34683 0 5.625 0C7.90317 0 9.75 1.84683 9.75 4.125C9.75 6.01317 8.48138 7.60503 6.75 8.09473V11.25H17.25V8.09473C15.5186 7.60503 14.25 6.01317 14.25 4.125C14.25 1.84683 16.0968 0 18.375 0C20.6532 0 22.5 1.84683 22.5 4.125ZM18.375 6C19.4105 6 20.25 5.16053 20.25 4.125C20.25 3.08947 19.4105 2.25 18.375 2.25C17.3395 2.25 16.5 3.08947 16.5 4.125C16.5 5.16053 17.3395 6 18.375 6ZM7.5 19.875C7.5 20.9105 6.66053 21.75 5.625 21.75C4.58947 21.75 3.75 20.9105 3.75 19.875C3.75 18.8395 4.58947 18 5.625 18C6.66053 18 7.5 18.8395 7.5 19.875ZM7.5 4.125C7.5 5.16053 6.66053 6 5.625 6C4.58947 6 3.75 5.16053 3.75 4.125C3.75 3.08947 4.58947 2.25 5.625 2.25C6.66053 2.25 7.5 3.08947 7.5 4.125Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }
 ) }), GamecontrolChoice_default = IconGamecontrolChoice;
 
 // src/components/GamecontrolGameplay.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime"), IconGamecontrolGameplay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var import_jsx_runtime72 = require("react/jsx-runtime"), IconGamecontrolGameplay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1221,7 +1348,7 @@ var import_jsx_runtime65 = require("react/jsx-runtime"), IconGamecontrolGameplay
 ) }), GamecontrolGameplay_default = IconGamecontrolGameplay;
 
 // src/components/GamecontrolLinear.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime"), IconGamecontrolLinear = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var import_jsx_runtime73 = require("react/jsx-runtime"), IconGamecontrolLinear = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1232,15 +1359,15 @@ var import_jsx_runtime66 = require("react/jsx-runtime"), IconGamecontrolLinear =
 ) }), GamecontrolLinear_default = IconGamecontrolLinear;
 
 // src/components/GamecontrolNone.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime"), IconGamecontrolNone = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var import_jsx_runtime74 = require("react/jsx-runtime"), IconGamecontrolNone = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1249,7 +1376,7 @@ var import_jsx_runtime67 = require("react/jsx-runtime"), IconGamecontrolNone = (
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1261,22 +1388,22 @@ var import_jsx_runtime67 = require("react/jsx-runtime"), IconGamecontrolNone = (
 ] }), GamecontrolNone_default = IconGamecontrolNone;
 
 // src/components/GamecontrolTerminal.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime"), IconGamecontrolTerminal = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var import_jsx_runtime75 = require("react/jsx-runtime"), IconGamecontrolTerminal = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M14.2893 0.218108L12.2541 2.25325C12.1697 2.25109 12.085 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 11.915 21.7489 11.8303 21.7468 11.7459L23.7819 9.71075C23.925 10.4518 24 11.2171 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C12.7829 0 13.5482 0.0749648 14.2893 0.218108Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18.7088 12.75L16.4378 12.75C16.0807 14.8783 14.2297 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.77025 9.12172 7.91928 11.25 7.56222L11.25 5.2912C7.87504 5.66428 5.25 8.52559 5.25 12C5.25 15.7279 8.27208 18.75 12 18.75C15.4744 18.75 18.3357 16.125 18.7088 12.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1288,7 +1415,7 @@ var import_jsx_runtime68 = require("react/jsx-runtime"), IconGamecontrolTerminal
 ] }), GamecontrolTerminal_default = IconGamecontrolTerminal;
 
 // src/components/Gamelanguage.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime"), IconGamelanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var import_jsx_runtime76 = require("react/jsx-runtime"), IconGamelanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1299,8 +1426,8 @@ var import_jsx_runtime69 = require("react/jsx-runtime"), IconGamelanguage = ({ s
 ) }), Gamelanguage_default = IconGamelanguage;
 
 // src/components/Gamepreview.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime"), IconGamepreview = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var import_jsx_runtime77 = require("react/jsx-runtime"), IconGamepreview = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1309,7 +1436,7 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGamepreview = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1321,7 +1448,7 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGamepreview = ({ si
 ] }), Gamepreview_default = IconGamepreview;
 
 // src/components/Gameui.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime"), IconGameui = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_jsx_runtime78 = require("react/jsx-runtime"), IconGameui = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1332,35 +1459,53 @@ var import_jsx_runtime71 = require("react/jsx-runtime"), IconGameui = ({ size, w
 ) }), Gameui_default = IconGameui;
 
 // src/components/Gameuivariable.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime"), IconGameuivariable = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_jsx_runtime79 = require("react/jsx-runtime"), IconGameuivariable = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
-      d: "M24 12L22.4082 13.5898C21.7208 13.1558 20.9482 12.8456 20.1172 12.6992L20.8184 12L17.2051 8.38672L13.5918 12L15.3418 13.75C14.7219 14.1827 14.1827 14.7219 13.75 15.3418L12 13.5918L8.38672 17.2051L12 20.8184L12.6992 20.1172C12.8456 20.9482 13.1558 21.7208 13.5898 22.4082L12 24L0 12L12 0L24 12ZM3.18164 12L6.79492 15.6133L10.4082 12L6.79492 8.38672L3.18164 12ZM8.38672 6.79492L12 10.4082L15.6133 6.79492L12 3.18164L8.38672 6.79492Z",
+      d: "M24 12L22.7363 13.2617C22.147 12.6727 21.4486 12.1931 20.6738 11.8555L17.2051 8.38672L13.5918 12L14.126 12.5342C13.5101 12.9715 12.9715 13.5101 12.5342 14.126L12 13.5918L8.38672 17.2051L11.8555 20.6738C12.1931 21.4486 12.6726 22.147 13.2617 22.7363L12 24L0 12L12 0L24 12ZM3.18164 12L6.79492 15.6133L10.4082 12L6.79492 8.38672L3.18164 12ZM8.38672 6.79492L12 10.4082L15.6133 6.79492L12 3.18164L8.38672 6.79492Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
-      d: "M19 14C21.7614 14 24 16.2386 24 19C24 21.7614 21.7614 24 19 24C16.2386 24 14 21.7614 14 19C14 16.2386 16.2386 14 19 14ZM18.4102 19.5645L16.5684 17.6484L15.666 18.6172L18.4102 21.5L22.334 17.4668L21.4316 16.5L18.4102 19.5645Z"
+      d: "M18 12C21.3137 12 24 14.6863 24 18C24 21.3137 21.3137 24 18 24C14.6863 24 12 21.3137 12 18C12 14.6863 14.6863 12 18 12ZM17.2922 18.6773L15.082 16.3781L13.9992 17.5406L17.2922 21L22.0008 16.1602L20.918 15L17.2922 18.6773Z"
     }
   )
 ] }), Gameuivariable_default = IconGameuivariable;
 
+// src/components/Gameuivariable2.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime"), IconGameuivariable2 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M21.3496 9.34961L19.7578 10.9404L17.2041 8.38672L13.5908 12L13.5918 12.001L12.001 13.5918L12 13.5908L8.38672 17.2041L12 20.8184L14.5127 18.3037L16.1045 19.8955L12 24L0 12L12 0L21.3496 9.34961ZM3.18164 12L6.7959 15.6133L10.4092 12L6.7959 8.38672L3.18164 12ZM8.38672 6.7959L12 10.4092L15.6133 6.7959L12 3.18164L8.38672 6.7959Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M24 12L17.5 18.8L13 14.6L14.6 13L17.5 15.7L22.4 10.5L24 12Z"
+    }
+  )
+] }), Gameuivariable2_default = IconGameuivariable2;
+
 // src/components/GenerateMultimage.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime"), IconGenerateMultimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var import_jsx_runtime81 = require("react/jsx-runtime"), IconGenerateMultimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1369,11 +1514,11 @@ var import_jsx_runtime73 = require("react/jsx-runtime"), IconGenerateMultimage =
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
 ] }), GenerateMultimage_default = IconGenerateMultimage;
 
 // src/components/GenerateFilled.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime"), IconGenerateFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var import_jsx_runtime82 = require("react/jsx-runtime"), IconGenerateFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1384,15 +1529,15 @@ var import_jsx_runtime74 = require("react/jsx-runtime"), IconGenerateFilled = ({
 ) }), GenerateFilled_default = IconGenerateFilled;
 
 // src/components/GenerateFrameStart.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime"), IconGenerateFrameStart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+var import_jsx_runtime83 = require("react/jsx-runtime"), IconGenerateFrameStart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M8.625 9.75C9.66053 9.75 10.5 8.91053 10.5 7.875C10.5 6.83947 9.66053 6 8.625 6C7.58947 6 6.75 6.83947 6.75 7.875C6.75 8.91053 7.58947 9.75 8.625 9.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1404,8 +1549,8 @@ var import_jsx_runtime75 = require("react/jsx-runtime"), IconGenerateFrameStart
 ] }), GenerateFrameStart_default = IconGenerateFrameStart;
 
 // src/components/GenerateFrameStart2End.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime"), IconGenerateFrameStart2End = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var import_jsx_runtime84 = require("react/jsx-runtime"), IconGenerateFrameStart2End = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1414,14 +1559,14 @@ var import_jsx_runtime76 = require("react/jsx-runtime"), IconGenerateFrameStart2
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M4.74981 7.49969C5.5782 7.49969 6.24975 6.82815 6.24975 5.99976C6.24975 5.17136 5.5782 4.49982 4.74981 4.49982C3.92141 4.49982 3.24987 5.17136 3.24987 5.99976C3.24987 6.82815 3.92141 7.49969 4.74981 7.49969Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1433,8 +1578,8 @@ var import_jsx_runtime76 = require("react/jsx-runtime"), IconGenerateFrameStart2
 ] }), GenerateFrameStart2End_default = IconGenerateFrameStart2End;
 
 // src/components/GenerateSwitchframe.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime"), IconGenerateSwitchframe = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var import_jsx_runtime85 = require("react/jsx-runtime"), IconGenerateSwitchframe = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1443,7 +1588,7 @@ var import_jsx_runtime77 = require("react/jsx-runtime"), IconGenerateSwitchframe
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1455,15 +1600,15 @@ var import_jsx_runtime77 = require("react/jsx-runtime"), IconGenerateSwitchframe
 ] }), GenerateSwitchframe_default = IconGenerateSwitchframe;
 
 // src/components/GenerateT2V.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime"), IconGenerateT2V = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var import_jsx_runtime86 = require("react/jsx-runtime"), IconGenerateT2V = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M6 6V10.5H8.25V8.25H10.875V15.75H8.25V18H15.75V15.75H13.125V8.25H15.75V10.5H18V6H6Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1475,25 +1620,24 @@ var import_jsx_runtime78 = require("react/jsx-runtime"), IconGenerateT2V = ({ si
 ] }), GenerateT2V_default = IconGenerateT2V;
 
 // src/components/Generate.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime"), IconGenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var import_jsx_runtime87 = require("react/jsx-runtime"), IconGenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
   "path",
   {
-    stroke: stroke || color || "currentColor",
-    d: "M12.3652 1.09961L15.3525 8.06934L15.5264 8.47363L15.9307 8.64746L22.9004 11.6338V12.3652L15.9307 15.3525L15.5264 15.5264L15.3525 15.9307L12.3652 22.9004H11.6348L8.64746 15.9307L8.47363 15.5264L8.06934 15.3525L1.09961 12.3652V11.6338L8.06934 8.64746L8.47363 8.47363L8.64746 8.06934L11.6348 1.09961H12.3652Z",
-    strokeWidth: "2.2"
+    fill: stroke || color || "currentColor",
+    d: "M13.0908 0L16.3633 7.63672L24 10.9092V13.0908L16.3633 16.3633L13.0908 24H10.9092L7.63672 16.3633L0 13.0908V10.9092L7.63672 7.63672L10.9092 0H13.0908ZM9.31152 9.31152L3.03906 12L9.31152 14.6885L12 20.96L14.6885 14.6885L20.96 12L14.6885 9.31152L12 3.03906L9.31152 9.31152Z"
   }
 ) }), Generate_default = IconGenerate;
 
 // src/components/GenreAuto.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime"), IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var import_jsx_runtime88 = require("react/jsx-runtime"), IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18.375 6.375V10.5H16.125V6.375H12V4.125H16.125V0H18.375V4.125H22.5V6.375H18.375Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1502,15 +1646,15 @@ var import_jsx_runtime80 = require("react/jsx-runtime"), IconGenreAuto = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18 21.75L20.25 19.5L22.5 21.75L20.25 24L18 21.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1520,22 +1664,22 @@ var import_jsx_runtime80 = require("react/jsx-runtime"), IconGenreAuto = ({ size
 ] }), GenreAuto_default = IconGenreAuto;
 
 // src/components/GenreComedy.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime"), IconGenreComedy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var import_jsx_runtime89 = require("react/jsx-runtime"), IconGenreComedy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M8.25 10.5C9.07843 10.5 9.75 9.82843 9.75 9C9.75 8.17157 9.07843 7.5 8.25 7.5C7.42157 7.5 6.75 8.17157 6.75 9C6.75 9.82843 7.42157 10.5 8.25 10.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M17.25 9C17.25 9.82843 16.5784 10.5 15.75 10.5C14.9216 10.5 14.25 9.82843 14.25 9C14.25 8.17157 14.9216 7.5 15.75 7.5C16.5784 7.5 17.25 8.17157 17.25 9Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1544,7 +1688,7 @@ var import_jsx_runtime81 = require("react/jsx-runtime"), IconGenreComedy = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1556,7 +1700,7 @@ var import_jsx_runtime81 = require("react/jsx-runtime"), IconGenreComedy = ({ si
 ] }), GenreComedy_default = IconGenreComedy;
 
 // src/components/GenreFantasy.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime"), IconGenreFantasy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var import_jsx_runtime90 = require("react/jsx-runtime"), IconGenreFantasy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1567,22 +1711,22 @@ var import_jsx_runtime82 = require("react/jsx-runtime"), IconGenreFantasy = ({ s
 ) }), GenreFantasy_default = IconGenreFantasy;
 
 // src/components/GenreHorror.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime"), IconGenreHorror = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var import_jsx_runtime91 = require("react/jsx-runtime"), IconGenreHorror = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M10.5 9C10.5 9.82843 9.82843 10.5 9 10.5C8.17157 10.5 7.5 9.82843 7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M15 10.5C15.8284 10.5 16.5 9.82843 16.5 9C16.5 8.17157 15.8284 7.5 15 7.5C14.1716 7.5 13.5 8.17157 13.5 9C13.5 9.82843 14.1716 10.5 15 10.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1594,7 +1738,7 @@ var import_jsx_runtime83 = require("react/jsx-runtime"), IconGenreHorror = ({ si
 ] }), GenreHorror_default = IconGenreHorror;
 
 // src/components/GenreRomance.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime"), IconGenreRomance = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var import_jsx_runtime92 = require("react/jsx-runtime"), IconGenreRomance = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1605,15 +1749,15 @@ var import_jsx_runtime84 = require("react/jsx-runtime"), IconGenreRomance = ({ s
 ) }), GenreRomance_default = IconGenreRomance;
 
 // src/components/GenreScifi.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime"), IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var import_jsx_runtime93 = require("react/jsx-runtime"), IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M17.25 8.25C17.25 9.07843 16.5784 9.75 15.75 9.75C14.9216 9.75 14.25 9.07843 14.25 8.25C14.25 7.42157 14.9216 6.75 15.75 6.75C16.5784 6.75 17.25 7.42157 17.25 8.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1622,7 +1766,7 @@ var import_jsx_runtime85 = require("react/jsx-runtime"), IconGenreScifi = ({ siz
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1632,7 +1776,7 @@ var import_jsx_runtime85 = require("react/jsx-runtime"), IconGenreScifi = ({ siz
 ] }), GenreScifi_default = IconGenreScifi;
 
 // src/components/GenreSuspense.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime"), IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var import_jsx_runtime94 = require("react/jsx-runtime"), IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1643,7 +1787,7 @@ var import_jsx_runtime86 = require("react/jsx-runtime"), IconGenreSuspense = ({
 ) }), GenreSuspense_default = IconGenreSuspense;
 
 // src/components/Genre.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime"), IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var import_jsx_runtime95 = require("react/jsx-runtime"), IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1654,8 +1798,8 @@ var import_jsx_runtime87 = require("react/jsx-runtime"), IconGenre = ({ size, wi
 ) }), Genre_default = IconGenre;
 
 // src/components/GoogleLogoFilled.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+var import_jsx_runtime96 = require("react/jsx-runtime"), IconGoogleLogoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "mask",
     {
       id: "mask0_48_113",
@@ -1665,7 +1809,7 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       y: "0",
       maskUnits: "userSpaceOnUse",
       style: { maskType: "luminance" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "path",
         {
           fill: stroke || color || "currentColor",
@@ -1674,64 +1818,64 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       )
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("g", { mask: "url(#mask0_48_113)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("g", { mask: "url(#mask0_48_113)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint0_radial_48_113)",
         d: "M-0.13855 12.0511C-0.125823 13.9626 0.41885 15.9348 1.2433 17.5269V17.5378C1.83901 18.694 2.65317 19.6074 3.58049 20.5123L9.18123 18.4687C8.1216 17.9304 7.95992 17.6006 7.20034 16.9988C6.42411 16.2161 5.84559 15.3175 5.4853 14.2639H5.47079L5.4853 14.253C5.24828 13.5572 5.2249 12.8187 5.21615 12.0511H-0.13855Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint1_radial_48_113)",
         d: "M12.2937 -0.116608C11.7402 1.82819 11.9518 3.71859 12.2937 4.81851C12.933 4.81898 13.5488 4.89518 14.1327 5.04699C15.4713 5.395 16.4181 6.08044 16.9983 6.6226L20.5889 3.10649C18.4618 1.15622 15.902 -0.113535 12.2937 -0.116608Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint2_radial_48_113)",
         d: "M12.2817 -0.131989C9.56642 -0.132047 7.05954 0.713967 5.00522 2.14376C4.24245 2.67465 3.54248 3.2879 2.91919 3.96986C2.7559 5.50172 4.14151 7.38453 6.88543 7.36895C8.21677 5.8203 10.1858 4.81833 12.3773 4.81833C12.3793 4.81833 12.3813 4.8185 12.3833 4.81851L12.2938 -0.131638C12.2897 -0.131641 12.2858 -0.131989 12.2817 -0.131989Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint3_radial_48_113)",
         d: "M21.2438 12.6054L18.8202 14.2704C18.7139 14.9233 18.4749 15.5657 18.1252 16.1513C17.7245 16.8224 17.2292 17.3333 16.7215 17.7223C15.2038 18.8853 13.4353 19.1248 12.2043 19.1258C10.9318 21.293 10.7087 22.3785 12.2938 24.1276C14.2551 24.1262 15.9938 23.7721 17.5275 23.1091C18.6362 22.6299 19.6185 22.0048 20.5078 21.2014C21.6829 20.1399 22.6033 18.8268 23.2315 17.3162C23.8597 15.8056 24.1956 14.0974 24.1956 12.2454L21.2438 12.6054Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "#3086FF",
         d: "M12.1147 9.56912V14.5333H23.7753C23.8778 13.8535 24.217 12.9737 24.217 12.2454C24.217 11.3943 24.1316 10.3547 23.9866 9.56912H12.1147Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint4_radial_48_113)",
         d: "M2.97483 3.79462C2.25525 4.58193 1.64051 5.46316 1.1531 6.4162C0.316879 8.0461 -0.140991 10.0276 -0.140991 11.9697C-0.140991 11.997 -0.138726 12.0238 -0.138544 12.0511C0.231793 12.7612 4.97698 12.6252 5.21616 12.0511C5.21586 12.0244 5.21284 11.9982 5.21284 11.9714C5.21284 11.1748 5.34741 10.5877 5.5927 9.8676C5.8953 8.97932 6.36909 8.16135 6.97495 7.45659C7.11229 7.28125 7.47863 6.9043 7.58551 6.6782C7.62622 6.59208 7.5116 6.54374 7.50518 6.51343C7.49801 6.47952 7.34433 6.50679 7.30989 6.48153C7.20057 6.40135 6.98409 6.35947 6.85263 6.32225C6.57166 6.24269 6.10601 6.06725 5.84737 5.88538C5.02982 5.3105 3.75397 4.62381 2.97483 3.79462Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint5_radial_48_113)",
         d: "M5.86493 6.51682C7.76074 7.66521 8.30593 5.93717 9.56638 5.39642L7.37379 0.849579C6.56724 1.18857 5.80521 1.60974 5.09815 2.10184C4.04224 2.83676 3.10978 3.73356 2.33951 4.75414L5.86493 6.51682Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint6_radial_48_113)",
         d: "M6.63653 18.1174C4.09165 19.0362 3.69324 19.0691 3.45898 20.6463C3.90663 21.0831 4.3876 21.4872 4.8987 21.8536C6.27014 22.8367 8.9082 24.1459 12.282 24.1459C12.286 24.1459 12.2898 24.1456 12.2938 24.1456V19.0381C12.2912 19.0382 12.2883 19.0383 12.2857 19.0383C11.0223 19.0383 10.0128 18.7065 8.97763 18.1294C8.72242 17.9872 8.25938 18.3692 8.02401 18.1984C7.69937 17.9629 6.9181 18.4014 6.63653 18.1174Z"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         fill: "url(#paint7_linear_48_113)",
@@ -1739,8 +1883,8 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       }
     ) })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("defs", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("defs", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter0_f_48_113",
@@ -1751,13 +1895,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter1_f_48_113",
@@ -1768,13 +1912,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter2_f_48_113",
@@ -1785,13 +1929,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter3_f_48_113",
@@ -1802,13 +1946,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter4_f_48_113",
@@ -1819,13 +1963,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter5_f_48_113",
@@ -1836,13 +1980,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter6_f_48_113",
@@ -1853,13 +1997,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter7_f_48_113",
@@ -1870,13 +2014,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "filter",
       {
         id: "filter8_f_48_113",
@@ -1887,13 +2031,13 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint0_radial_48_113",
@@ -1903,20 +2047,20 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-0.498722 -11.9519 17.9311 -0.717223 9.06911 20.3322)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.311547", stopColor: "#8AC502" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.366013", stopColor: "#A2C600" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.445673", stopColor: "#C8C903" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.311547", stopColor: "#8AC502" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.366013", stopColor: "#A2C600" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.445673", stopColor: "#C8C903" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint1_radial_48_113",
@@ -1926,12 +2070,12 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(8.46967 -2.03557e-05 -1.19045e-05 10.7093 20.253 6.36819)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#FF4540" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#FF4540" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint2_radial_48_113",
@@ -1941,18 +2085,18 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-11.8666 6.43492 8.91875 15.766 15.6277 -1.68219)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.231273", stopColor: "#FF4541" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.311547", stopColor: "#FF4540" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.457516", stopColor: "#FF4640" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.540305", stopColor: "#FF473F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.699346", stopColor: "#FF5138" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#FF8C18" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.231273", stopColor: "#FF4541" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.311547", stopColor: "#FF4540" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.457516", stopColor: "#FF4640" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.540305", stopColor: "#FF473F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.699346", stopColor: "#FF5138" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#FF8C18" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint3_radial_48_113",
@@ -1962,19 +2106,19 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-21.5204 -27.5047 -10.3696 7.77752 12.4702 22.5743)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.297297", stopColor: "#09B479" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.396257", stopColor: "#08AD93" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.667385", stopColor: "#1893DD" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.768727", stopColor: "#258BF1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.858506", stopColor: "#3086FF" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.297297", stopColor: "#09B479" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.396257", stopColor: "#08AD93" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.667385", stopColor: "#1893DD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.768727", stopColor: "#258BF1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.858506", stopColor: "#3086FF" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint4_radial_48_113",
@@ -1984,18 +2128,18 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-1.52295 12.8522 18.1501 2.06168 11.2421 2.13475)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.540305", stopColor: "#FFA312" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.915033", stopColor: "#FECF08" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#FDCD01" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.540305", stopColor: "#FFA312" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.915033", stopColor: "#FECF08" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#FDCD01" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint5_radial_48_113",
@@ -2005,15 +2149,15 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-4.40212 4.76677 -13.7322 -12.1566 9.10044 2.00144)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.603818", stopColor: "#FF692C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.726837", stopColor: "#FF7825" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#FF9F13" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.603818", stopColor: "#FF692C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.726837", stopColor: "#FF7825" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#FF9F13" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "radialGradient",
       {
         id: "paint6_radial_48_113",
@@ -2023,20 +2167,20 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         gradientTransform: "matrix(-11.8666 -6.43492 8.91876 -15.766 15.6277 25.6232)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.540305", stopColor: "#12BC58" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.771242", stopColor: "#38C02B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.860566", stopColor: "#52C218" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "0.915033", stopColor: "#67C30F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#86C504" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.540305", stopColor: "#12BC58" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.771242", stopColor: "#38C02B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.860566", stopColor: "#52C218" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "0.915033", stopColor: "#67C30F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#86C504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "linearGradient",
       {
         id: "paint7_linear_48_113",
@@ -2046,8 +2190,8 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         y2: "21.5116",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { stopColor: "#0FBC5C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("stop", { offset: "1", stopColor: "#0CBA65" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { stopColor: "#0FBC5C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("stop", { offset: "1", stopColor: "#0CBA65" })
         ]
       }
     )
@@ -2055,7 +2199,7 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconGoogleLogoFilled =
 ] }), GoogleLogoFilled_default = IconGoogleLogoFilled;
 
 // src/components/Handtool.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime"), IconHandtool = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var import_jsx_runtime97 = require("react/jsx-runtime"), IconHandtool = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2064,16 +2208,16 @@ var import_jsx_runtime89 = require("react/jsx-runtime"), IconHandtool = ({ size,
 ) }), Handtool_default = IconHandtool;
 
 // src/components/Help.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime"), IconHelp = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var import_jsx_runtime98 = require("react/jsx-runtime"), IconHelp = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M9.75 9.75C9.75 8.50736 10.7574 7.5 12 7.5C13.2426 7.5 14.25 8.50736 14.25 9.75C14.25 10.9926 13.2426 12 12 12H10.875V14.25H12C14.4853 14.25 16.5 12.2353 16.5 9.75C16.5 7.26472 14.4853 5.25 12 5.25C9.51472 5.25 7.5 7.26472 7.5 9.75V10.5H9.75V9.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2085,7 +2229,7 @@ var import_jsx_runtime90 = require("react/jsx-runtime"), IconHelp = ({ size, wid
 ] }), Help_default = IconHelp;
 
 // src/components/HomepageFilled.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime"), IconHomepageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var import_jsx_runtime99 = require("react/jsx-runtime"), IconHomepageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2096,7 +2240,7 @@ var import_jsx_runtime91 = require("react/jsx-runtime"), IconHomepageFilled = ({
 ) }), HomepageFilled_default = IconHomepageFilled;
 
 // src/components/Hotareacenter.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime"), IconHotareacenter = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var import_jsx_runtime100 = require("react/jsx-runtime"), IconHotareacenter = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
   "path",
   {
     fill: "#191919",
@@ -2106,22 +2250,22 @@ var import_jsx_runtime92 = require("react/jsx-runtime"), IconHotareacenter = ({
 ) }), Hotareacenter_default = IconHotareacenter;
 
 // src/components/ImageGeneration.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime"), IconImageGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+var import_jsx_runtime101 = require("react/jsx-runtime"), IconImageGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 3.75H3.75V17.1592L9 11.9092L12 14.9092L14.9092 12H18.0908L12 18.0908L9 15.0908L3.84082 20.25H20.25V12H22.5V22.5H1.5V1.5H12V3.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M20.4287 3.57129L24 4.28613V5.71387L20.4287 6.42871L19.7139 10H18.2861L17.5713 6.42871L14 5.71387V4.28613L17.5713 3.57129L18.2861 0H19.7139L20.4287 3.57129Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2131,8 +2275,8 @@ var import_jsx_runtime93 = require("react/jsx-runtime"), IconImageGeneration = (
 ] }), ImageGeneration_default = IconImageGeneration;
 
 // src/components/ImageLoadFailedFilled.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime"), IconImageLoadFailedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var import_jsx_runtime102 = require("react/jsx-runtime"), IconImageLoadFailedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2141,7 +2285,7 @@ var import_jsx_runtime94 = require("react/jsx-runtime"), IconImageLoadFailedFill
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2151,10 +2295,10 @@ var import_jsx_runtime94 = require("react/jsx-runtime"), IconImageLoadFailedFill
 ] }), ImageLoadFailedFilled_default = IconImageLoadFailedFilled;
 
 // src/components/Info.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime"), IconInfo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 5.25V7.5H10.875V5.25H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { fill: stroke || color || "currentColor", d: "M9 12H10.875V18.75H15V16.5H13.125V9.75H9V12Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var import_jsx_runtime103 = require("react/jsx-runtime"), IconInfo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 5.25V7.5H10.875V5.25H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { fill: stroke || color || "currentColor", d: "M9 12H10.875V18.75H15V16.5H13.125V9.75H9V12Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2166,7 +2310,7 @@ var import_jsx_runtime95 = require("react/jsx-runtime"), IconInfo = ({ size, wid
 ] }), Info_default = IconInfo;
 
 // src/components/Invitecode.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime"), IconInvitecode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var import_jsx_runtime104 = require("react/jsx-runtime"), IconInvitecode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2177,7 +2321,7 @@ var import_jsx_runtime96 = require("react/jsx-runtime"), IconInvitecode = ({ siz
 ) }), Invitecode_default = IconInvitecode;
 
 // src/components/LeftFilled.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime"), IconLeftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+var import_jsx_runtime105 = require("react/jsx-runtime"), IconLeftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2188,15 +2332,15 @@ var import_jsx_runtime97 = require("react/jsx-runtime"), IconLeftFilled = ({ siz
 ) }), LeftFilled_default = IconLeftFilled;
 
 // src/components/Loading.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime"), IconLoading = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+var import_jsx_runtime106 = require("react/jsx-runtime"), IconLoading = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M4.10058 17.2783C3.0567 15.716 2.49999 13.8789 2.49999 12L0 12C1.03743e-07 14.3733 0.703882 16.6936 2.02246 18.6669L2.27636 19.0312C3.57677 20.8296 5.35246 22.2353 7.40818 23.0869L7.82127 23.249C9.90155 24.0218 12.1585 24.2035 14.3408 23.7695C16.6686 23.3064 18.8071 22.1635 20.4853 20.4853L20.7939 20.165C22.3038 18.5388 23.3354 16.5229 23.7695 14.3408L23.8476 13.9033C24.1761 11.8583 23.9702 9.76285 23.249 7.82127L23.0869 7.40818C22.2353 5.35246 20.8296 3.57677 19.0312 2.27636L18.6669 2.02246C16.6936 0.703882 14.3733 -1.03743e-07 12 0L12 2.49999C13.8789 2.49999 15.716 3.0567 17.2783 4.10058C18.8405 5.14444 20.0583 6.62838 20.7773 8.36424C21.4963 10.1001 21.6839 12.0107 21.3173 13.8535C20.9507 15.6962 20.0463 17.3892 18.7177 18.7177C17.3892 20.0463 15.6962 20.9507 13.8535 21.3173C12.0107 21.6839 10.1001 21.4953 8.36424 20.7763C6.62853 20.0573 5.14437 18.8404 4.10058 17.2783Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2206,15 +2350,15 @@ var import_jsx_runtime98 = require("react/jsx-runtime"), IconLoading = ({ size,
 ] }), Loading_default = IconLoading;
 
 // src/components/Login.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime"), IconLogin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+var import_jsx_runtime107 = require("react/jsx-runtime"), IconLogin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M24 1.5L13.5 1.5V3.75H21.75V20.25H13.5V22.5H24V1.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2226,8 +2370,8 @@ var import_jsx_runtime99 = require("react/jsx-runtime"), IconLogin = ({ size, wi
 ] }), Login_default = IconLogin;
 
 // src/components/Logout.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime"), IconLogout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+var import_jsx_runtime108 = require("react/jsx-runtime"), IconLogout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2236,7 +2380,7 @@ var import_jsx_runtime100 = require("react/jsx-runtime"), IconLogout = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2245,8 +2389,36 @@ var import_jsx_runtime100 = require("react/jsx-runtime"), IconLogout = ({ size,
   )
 ] }), Logout_default = IconLogout;
 
+// src/components/Magic.tsx
+var import_jsx_runtime109 = require("react/jsx-runtime"), IconMagic = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M9 10.5L11.25 6L20.25 0L24 3.75L15.75 10.5L12.75 16.5L6 24L0 18L9 10.5ZM12.9952 7.54067L19.9633 2.89529L20.651 3.58297L13.9528 9.06334L10.8738 15.2213L5.91406 20.7321L3.33318 18.1512L10.802 11.9272L12.9952 7.54067Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { fill: stroke || color || "currentColor", d: "M5.25 3L3 5.25L5.25 7.5L7.5 5.25L5.25 3Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M19.5 14.25L21.75 12L24 14.25L21.75 16.5L19.5 14.25Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M16.5 22.5C17.3284 22.5 18 21.8284 18 21C18 20.1716 17.3284 19.5 16.5 19.5C15.6716 19.5 15 20.1716 15 21C15 21.8284 15.6716 22.5 16.5 22.5Z"
+    }
+  )
+] }), Magic_default = IconMagic;
+
 // src/components/ModelGeminiFilled.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime"), IconModelGeminiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+var import_jsx_runtime110 = require("react/jsx-runtime"), IconModelGeminiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2255,7 +2427,7 @@ var import_jsx_runtime101 = require("react/jsx-runtime"), IconModelGeminiFilled
 ) }), ModelGeminiFilled_default = IconModelGeminiFilled;
 
 // src/components/ModelOpenaiFilled.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime"), IconModelOpenaiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var import_jsx_runtime111 = require("react/jsx-runtime"), IconModelOpenaiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2264,8 +2436,8 @@ var import_jsx_runtime102 = require("react/jsx-runtime"), IconModelOpenaiFilled
 ) }), ModelOpenaiFilled_default = IconModelOpenaiFilled;
 
 // src/components/ModelDeepmindFilled.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime"), IconModelDeepmindFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+var import_jsx_runtime112 = require("react/jsx-runtime"), IconModelDeepmindFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2274,27 +2446,27 @@ var import_jsx_runtime103 = require("react/jsx-runtime"), IconModelDeepmindFille
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
 ] }), ModelDeepmindFilled_default = IconModelDeepmindFilled;
 
 // src/components/ModelSeedFilled.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime"), IconModelSeedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("path", { fill: fill || color || "currentColor", d: "M23 2.95271V20.0401L19.2211 21V2L23 2.95271Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+var import_jsx_runtime113 = require("react/jsx-runtime"), IconModelSeedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { fill: fill || color || "currentColor", d: "M23 2.95271V20.0401L19.2211 21V2L23 2.95271Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M10.7528 11.4648V19.5633L6.98126 20.5241V10.5048L10.7528 11.4648Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M4.77158 3.95509V19.044L1 20.0048V2.99515L4.77158 3.95509Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2304,7 +2476,7 @@ var import_jsx_runtime104 = require("react/jsx-runtime"), IconModelSeedFilled =
 ] }), ModelSeedFilled_default = IconModelSeedFilled;
 
 // src/components/ModelSoraFilled.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime"), IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+var import_jsx_runtime114 = require("react/jsx-runtime"), IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2313,7 +2485,7 @@ var import_jsx_runtime105 = require("react/jsx-runtime"), IconModelSoraFilled =
 ) }), ModelSoraFilled_default = IconModelSoraFilled;
 
 // src/components/ModelNanobananaLogoNomoFilled.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime"), IconModelNanobananaLogoNomoFilled = ({
+var import_jsx_runtime115 = require("react/jsx-runtime"), IconModelNanobananaLogoNomoFilled = ({
   size,
   width,
   height,
@@ -2321,64 +2493,64 @@ var import_jsx_runtime106 = require("react/jsx-runtime"), IconModelNanobananaLog
   className,
   fill,
   stroke
-}) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#5A5C62",
       d: "M1.64625 17.835C1.86 18.2775 2.75438 18.2494 3.24751 18.0938C4.5075 17.6963 5.29125 16.6125 5.29125 16.6125L11.7863 13.8563L13.7756 12.8119C13.7756 12.8119 14.1619 12.1556 13.3894 11.655C12.6169 11.1544 12.075 11.1169 12.075 11.1169L9.83625 12.5419C9.83625 12.5419 8.39063 11.4169 6.9225 11.2463C5.52 11.085 3.77438 12.225 3.315 14.3775C2.94188 16.1231 2.35125 16.7381 2.17313 16.965C1.995 17.1938 1.4625 17.4563 1.64625 17.835Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#D5D6D7",
       d: "M9.42749 6.0281C10.0031 4.1231 10.7306 1.89372 11.8294 1.1306C12.8025 0.455595 13.7494 0.57747 14.1994 0.871845C14.1994 0.871845 15.0112 1.20372 15.225 2.04185C15.5775 3.4181 15.1144 5.06997 14.8125 6.77622C14.5106 8.48247 14.3531 9.65622 14.2162 11.0268C14.2031 11.1506 11.9362 15.1856 11.9362 15.1856L10.1269 16.155C10.1269 16.155 8.74499 13.1662 8.76562 12.7443C8.78437 12.3206 9.00749 7.41935 9.42749 6.0281Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#C4C5C7",
       d: "M14.1469 12.5513C14.1713 13.0069 13.0725 16.6388 13.0725 16.6388L10.125 16.1513C10.125 16.1513 8.03439 14.9138 7.97626 12.6694C7.88626 9.28501 8.46564 7.69126 8.88564 6.30001C9.46314 4.39876 10.7494 1.89376 11.8388 1.11751C12.4781 0.661886 13.1869 0.594387 13.4775 0.650637C13.4775 0.650637 11.5425 2.16564 10.5638 4.75689C9.58501 7.34814 9.35439 10.3425 9.35439 10.3425C9.35439 10.3425 10.0744 10.8731 11.7731 11.1169C13.0856 11.3063 14.2181 10.9856 14.2181 10.9856C14.2181 10.9856 14.115 11.9738 14.1469 12.5513Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#7B7C81",
       d: "M8.00062 15.7031L9.17999 13.2394L9.11624 12.3619C9.11624 12.3619 8.86499 11.625 10.4344 12.8156C11.1619 13.3669 11.6006 14.3831 11.6006 14.3831C11.6006 14.3831 11.8219 13.8356 12.5981 13.1119C13.2881 12.4706 14.2162 12.1594 14.2162 12.1594C14.2162 12.1594 16.1437 11.7844 16.3537 11.9475C17.7131 13.0087 18.7069 14.3006 18.7069 14.3006L19.7062 18.0787L21.3675 19.0969C21.3675 19.0969 20.9137 19.7606 20.2575 19.5131C19.7456 19.32 19.1119 18.7406 18.7706 18.0112C18.3019 17.0081 17.3175 15.1106 16.8169 14.5106C15.8494 13.3556 14.9006 12.9337 14.1937 13.2694C13.3894 13.65 14.0325 17.4487 14.0325 17.4487L19.2037 21.8006L19.2919 22.3931C19.2919 22.3931 18.54 23.115 16.4681 23.0475C14.3962 22.98 11.625 22.2131 9.87187 19.8225C8.32499 17.715 8.00062 15.7031 8.00062 15.7031Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#85878B",
       d: "M12.0787 15.93C12.0337 16.9706 12.6825 18.5475 14.1825 19.8619C15.6806 21.1763 17.2631 21.6113 18.2456 21.6863C18.9581 21.7406 19.17 21.3338 19.17 21.3338C19.17 21.3338 17.7337 20.0119 16.6669 18.9525C15.6544 17.9456 14.5519 15.8306 14.3119 14.8575C14.0719 13.8844 14.2894 13.23 14.2894 13.23C14.2894 13.23 13.8244 13.3594 13.14 14.0456C12.4762 14.7113 12.1031 15.3525 12.0787 15.93Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#1B1D24",
       d: "M18.4781 22.2638C18.6337 22.6256 19.1681 22.6406 19.4006 22.44C19.62 22.2506 19.8337 21.8738 19.6125 21.4519C19.4662 21.1744 18.9862 21.0975 18.7162 21.3131C18.4462 21.5288 18.3375 21.9356 18.4781 22.2638Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#D5D6D7",
       d: "M19.545 18.345C20.16 19.1981 20.7769 19.3275 21.0319 19.3556C21.255 19.3818 21.4988 19.0968 21.4706 18.8343C21.4425 18.5718 21.0113 18.2025 20.9588 17.3962C20.9063 16.59 20.97 13.6331 19.3294 11.9343C18.1725 10.7381 16.755 11.1506 15.84 11.4675C14.8088 11.8237 14.2144 12.1612 14.2144 12.1612C14.2144 12.1612 15.0581 12.1031 16.5131 13.2506C17.3588 13.9181 17.8556 14.835 18.3244 15.8868C18.6619 16.6481 19.1119 17.745 19.545 18.345Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#85878B",
       d: "M3.1875 20.5463C3.36 20.8913 3.78187 21.105 4.155 21.0882C4.94437 21.0544 5.66437 20.6475 6.46125 19.62C7.58812 18.165 8.56875 14.6738 9.30375 13.7438C9.80062 13.1157 10.4194 12.8044 10.4194 12.8044C10.4194 12.8044 10.0781 12.5157 9.73687 12.3375C9.39562 12.1594 8.57062 12.2438 8.57062 12.2438L5.04937 17.9025L3.1875 20.5463Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "path",
     {
       fill: "#D5D6D7",
@@ -2387,8 +2559,35 @@ var import_jsx_runtime106 = require("react/jsx-runtime"), IconModelNanobananaLog
   )
 ] }), ModelNanobananaLogoNomoFilled_default = IconModelNanobananaLogoNomoFilled;
 
+// src/components/ModelhappyhorseFilled.tsx
+var import_jsx_runtime116 = require("react/jsx-runtime"), IconModelhappyhorseFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("g", { clipPath: "url(#clip0_786_80)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      "mask",
+      {
+        id: "mask0_786_80",
+        width: "40",
+        height: "40",
+        x: "-8",
+        y: "-8",
+        maskUnits: "userSpaceOnUse",
+        style: { maskType: "luminance" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { fill: stroke || color || "currentColor", d: "M32 -8H-8V32H32V-8Z" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("g", { mask: "url(#mask0_786_80)", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      "path",
+      {
+        fill: fill || color || "currentColor",
+        d: "M3.2393 18.3701C3.4048 18.3702 3.558 18.4208 3.6855 18.5068L3.6865 18.5049C4.3133 18.9561 4.978 19.357 5.6758 19.7021C5.8249 19.7762 5.9768 19.8484 6.1289 19.917C6.3239 20.0055 6.5212 20.089 6.7207 20.168C7.209 20.3621 7.7108 20.5294 8.2236 20.6689C9.4119 20.9922 10.6618 21.165 11.9521 21.165C13.0437 21.165 14.1069 21.0422 15.1279 20.8086C16.0405 20.5995 16.9198 20.3015 17.7559 19.9258C18.0406 19.7977 18.321 19.6608 18.5957 19.5146C19.1595 19.215 19.7005 18.8776 20.2158 18.5068C20.3114 18.4424 20.4213 18.398 20.54 18.3799L20.6621 18.3711C21.1024 18.3711 21.4599 18.7282 21.46 19.1689C21.46 19.3085 21.4234 19.4396 21.3604 19.5537C21.3909 19.5387 21.4212 19.5228 21.4512 19.5068C21.3961 19.5604 21.3407 19.6145 21.2852 19.667C21.2357 19.7285 21.1783 19.7826 21.1133 19.8271C18.6936 22.0267 15.4761 23.3672 11.9521 23.3672C8.4283 23.3672 5.217 22.0294 2.7988 19.834C2.7353 19.7765 2.6724 19.7177 2.6104 19.6592C2.5049 19.5237 2.4415 19.3539 2.4414 19.1689C2.4414 18.7281 2.7989 18.3701 3.2393 18.3701ZM5.8262 0.249023C6.2515 0.291053 6.657 0.403154 7.0303 0.572274C7.0667 0.588734 7.1037 0.605594 7.1396 0.623054C7.5044 0.530504 7.8861 0.481454 8.2793 0.481454C9.3996 0.481454 10.427 0.879554 11.2275 1.54199C12.0016 2.1829 12.5633 3.0717 12.792 4.0859C12.8244 4.2278 12.8497 4.3722 12.8682 4.5186L13.7178 9.3389L13.8174 9.9033L15.9014 10.2998C16.2851 10.3724 16.6414 10.5209 16.9541 10.7295C17.0382 10.5804 17.1369 10.4401 17.25 10.3125C17.6908 9.8132 18.3362 9.498 19.0547 9.498C19.8887 9.4981 20.6239 9.923 21.0557 10.5674C21.2961 10.9265 21.4434 11.3535 21.4609 11.8125H21.4668C21.5158 12.714 21.9753 13.5065 22.6621 14.0059C22.5726 14.0803 22.476 14.1466 22.374 14.2041C22.2336 14.2835 22.0827 14.3466 21.9238 14.3896C21.7602 14.4342 21.5868 14.458 21.4092 14.458C20.947 14.4579 20.5231 14.2974 20.1875 14.0303C20.0749 13.9402 19.9719 13.8386 19.8818 13.7266C19.6788 13.474 19.5356 13.1704 19.4775 12.8379L19.4678 12.8398C19.3102 11.9682 18.548 11.3066 17.6309 11.3066C17.6169 11.3066 17.6028 11.3076 17.5889 11.3076C17.9871 11.7984 18.2265 12.4241 18.2266 13.1055C18.2266 13.4527 18.1634 13.7861 18.0498 14.0938C17.9207 14.445 17.7242 14.7635 17.4766 15.0342C17.4836 15.0347 17.491 15.0356 17.498 15.0361C17.1499 15.5339 16.9443 16.1401 16.9443 16.7939C16.9444 17.1319 16.9991 17.4567 17.1006 17.7607L17.6533 19.5908C16.7978 19.9785 15.9035 20.2783 14.9814 20.4834L13.3896 16.9229C13.8845 16.8618 14.3319 16.6464 14.6807 16.3262C14.488 16.3672 14.2877 16.3896 14.083 16.3896C13.7254 16.3896 13.3834 16.3227 13.0684 16.2031C13.0366 16.1907 13.0054 16.1789 12.9746 16.166L12.6006 16.0391L10.9219 15.4404L9.6748 14.9951L7.0967 16.6582L7.6875 18.7646H7.6855C7.7085 18.8546 7.7207 18.9494 7.7207 19.0469C7.7206 19.4395 7.5204 19.7842 7.2168 19.9863C6.8017 19.8358 6.3947 19.6646 5.9961 19.4746L5.6641 18.4033L5.0068 16.2783C4.9638 16.1633 4.9395 16.0392 4.9395 15.9092C4.9395 15.5675 5.1029 15.2644 5.3555 15.0723C5.384 15.0508 5.4143 15.0302 5.4453 15.0117L6.917 14.0107L4.3105 13.0811L3.877 14.8018H3.875C3.6743 15.5827 2.9656 16.1592 2.1221 16.1592C2.0195 16.1592 1.91838 16.1508 1.82031 16.1338L1.82227 16.1211L2.6016 13.0225L2.7002 12.6338L2.9209 11.7578H2.9238C3.0454 11.2845 3.4759 10.9346 3.9873 10.9346C4.0741 10.9346 4.1574 10.9449 4.2383 10.9639L4.2422 10.9648C4.2476 10.9663 4.2524 10.9678 4.2578 10.9697C4.2948 10.9782 4.3317 10.989 4.3672 11.002C4.5027 11.0425 4.7277 11.1115 4.9658 11.1846C5.4061 11.3202 5.888 11.473 5.9141 11.499L5.9834 11.2949L6.2568 10.4893L6.6182 9.4258L7.2822 7.4736L7.7324 6.1494C7.806 6.0884 7.8763 6.0241 7.9434 5.957C8.1345 5.7664 8.2995 5.5501 8.4346 5.3145C8.6177 4.9952 8.7457 4.6395 8.8037 4.2607C8.6806 4.5719 8.4953 4.8523 8.2627 5.085C8.2057 5.142 8.1451 5.1965 8.082 5.248C8.0555 5.2696 8.0285 5.291 8.001 5.3115L6.9824 5.7559L5.0664 6.5898L5.0557 6.5947C4.9557 6.6366 4.8468 6.661 4.7334 6.667C4.7155 6.668 4.6975 6.6699 4.6797 6.6699C4.294 6.6699 3.9618 6.4453 3.8027 6.1211C3.7388 5.9916 3.7021 5.8459 3.7021 5.6914C3.7022 5.4443 3.7942 5.2185 3.9463 5.0459L4.3672 4.4268L6.1611 1.78906L6.0068 1.07812L5.9922 1.0127L5.9346 0.746094L5.8262 0.249023Z"
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("clipPath", { id: "clip0_786_80", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+] }), ModelhappyhorseFilled_default = IconModelhappyhorseFilled;
+
 // src/components/ModelklingFilled.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime"), IconModelklingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+var import_jsx_runtime117 = require("react/jsx-runtime"), IconModelklingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2399,7 +2598,7 @@ var import_jsx_runtime107 = require("react/jsx-runtime"), IconModelklingFilled =
 ) }), ModelklingFilled_default = IconModelklingFilled;
 
 // src/components/Models.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime"), IconModels = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+var import_jsx_runtime118 = require("react/jsx-runtime"), IconModels = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2410,7 +2609,7 @@ var import_jsx_runtime108 = require("react/jsx-runtime"), IconModels = ({ size,
 ) }), Models_default = IconModels;
 
 // src/components/MoreCollapse.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime"), IconMoreCollapse = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+var import_jsx_runtime119 = require("react/jsx-runtime"), IconMoreCollapse = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2419,22 +2618,22 @@ var import_jsx_runtime109 = require("react/jsx-runtime"), IconMoreCollapse = ({
 ) }), MoreCollapse_default = IconMoreCollapse;
 
 // src/components/MoreHorizontal.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime"), IconMoreHorizontal = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+var import_jsx_runtime120 = require("react/jsx-runtime"), IconMoreHorizontal = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2444,7 +2643,7 @@ var import_jsx_runtime110 = require("react/jsx-runtime"), IconMoreHorizontal = (
 ] }), MoreHorizontal_default = IconMoreHorizontal;
 
 // src/components/MoreShowed.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime"), IconMoreShowed = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+var import_jsx_runtime121 = require("react/jsx-runtime"), IconMoreShowed = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2453,22 +2652,22 @@ var import_jsx_runtime111 = require("react/jsx-runtime"), IconMoreShowed = ({ si
 ) }), MoreShowed_default = IconMoreShowed;
 
 // src/components/More.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime"), IconMore = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+var import_jsx_runtime122 = require("react/jsx-runtime"), IconMore = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 17C13.1046 17 14 17.8954 14 19C14 20.1046 13.1046 21 12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2478,29 +2677,29 @@ var import_jsx_runtime112 = require("react/jsx-runtime"), IconMore = ({ size, wi
 ] }), More_default = IconMore;
 
 // src/components/Moresettings.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime"), IconMoresettings = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+var import_jsx_runtime123 = require("react/jsx-runtime"), IconMoresettings = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M13.5 6.75C13.5 5.92157 12.8284 5.25 12 5.25C11.1716 5.25 10.5 5.92157 10.5 6.75C10.5 7.57843 11.1716 8.25 12 8.25C12.8284 8.25 13.5 7.57843 13.5 6.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2512,8 +2711,8 @@ var import_jsx_runtime113 = require("react/jsx-runtime"), IconMoresettings = ({
 ] }), Moresettings_default = IconMoresettings;
 
 // src/components/MouseDrag.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime"), IconMouseDrag = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var import_jsx_runtime124 = require("react/jsx-runtime"), IconMouseDrag = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2521,7 +2720,7 @@ var import_jsx_runtime114 = require("react/jsx-runtime"), IconMouseDrag = ({ siz
       d: "M13.5 3.5V20.5H10.5V3.5H13.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2529,7 +2728,7 @@ var import_jsx_runtime114 = require("react/jsx-runtime"), IconMouseDrag = ({ siz
       d: "M6.79297 7.5L2.29297 12L6.79297 16.5H8.5V7.5H6.79297Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2540,8 +2739,8 @@ var import_jsx_runtime114 = require("react/jsx-runtime"), IconMouseDrag = ({ siz
 ] }), MouseDrag_default = IconMouseDrag;
 
 // src/components/MouseMove.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime"), IconMouseMove = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("g", { clipPath: "url(#clip0_384_31)", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+var import_jsx_runtime125 = require("react/jsx-runtime"), IconMouseMove = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("g", { clipPath: "url(#clip0_384_31)", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2549,12 +2748,12 @@ var import_jsx_runtime115 = require("react/jsx-runtime"), IconMouseMove = ({ siz
       d: "M15.5557 7.51074H13.0635V10.5635H16.1172V8.07129H18.5918L22.334 11.8135L21.9805 12.167L18.7383 15.4102L18.5918 15.5566H16.1172V13.0635H13.0635V16.1172H15.5557V18.5918L11.8135 22.334L11.46 21.9805L8.2168 18.7383L8.07031 18.5918V16.1172H10.5635V13.0635H7.50977V15.5566H5.03516L4.88867 15.4102L1.64648 12.167L1.29297 11.8135L5.03516 8.07129H7.50977V10.5635H10.5635V7.51074H8.07031V5.03516L8.2168 4.88867L11.46 1.64648L11.8135 1.29297L15.5557 5.03516V7.51074Z"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("clipPath", { id: "clip0_384_31", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("clipPath", { id: "clip0_384_31", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), MouseMove_default = IconMouseMove;
 
 // src/components/MouseNumberchange.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime"), IconMouseNumberchange = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+var import_jsx_runtime126 = require("react/jsx-runtime"), IconMouseNumberchange = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2562,7 +2761,7 @@ var import_jsx_runtime116 = require("react/jsx-runtime"), IconMouseNumberchange
       d: "M10.5 17L9.30567 17L0.97168 12L9.30566 7L10.5 7L10.5 17Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2573,7 +2772,7 @@ var import_jsx_runtime116 = require("react/jsx-runtime"), IconMouseNumberchange
 ] }), MouseNumberchange_default = IconMouseNumberchange;
 
 // src/components/Musicassets.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime"), IconMusicassets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+var import_jsx_runtime127 = require("react/jsx-runtime"), IconMusicassets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2584,8 +2783,8 @@ var import_jsx_runtime117 = require("react/jsx-runtime"), IconMusicassets = ({ s
 ) }), Musicassets_default = IconMusicassets;
 
 // src/components/Mute.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime"), IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+var import_jsx_runtime128 = require("react/jsx-runtime"), IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2594,7 +2793,7 @@ var import_jsx_runtime118 = require("react/jsx-runtime"), IconMute = ({ size, wi
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2603,8 +2802,28 @@ var import_jsx_runtime118 = require("react/jsx-runtime"), IconMute = ({ size, wi
   )
 ] }), Mute_default = IconMute;
 
+// src/components/Newchat.tsx
+var import_jsx_runtime129 = require("react/jsx-runtime"), IconNewchat = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M16.5 19.5H24V1.5H0V19.5H7.5L12 24L16.5 19.5ZM12 20.818L15.568 17.25H21.75V3.75H2.25V17.25H8.43198L12 20.818Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M11.0892 6V9.375H7.71423V11.625H11.0892V15H13.3392V11.625H16.7142V9.375H13.3392V6H11.0892Z"
+    }
+  )
+] }), Newchat_default = IconNewchat;
+
 // src/components/Next.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime"), IconNext = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+var import_jsx_runtime130 = require("react/jsx-runtime"), IconNext = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2615,15 +2834,15 @@ var import_jsx_runtime119 = require("react/jsx-runtime"), IconNext = ({ size, wi
 ) }), Next_default = IconNext;
 
 // src/components/Nextscene.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime"), IconNextscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+var import_jsx_runtime131 = require("react/jsx-runtime"), IconNextscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M16.7959 12L10.2656 18.5303L9.2041 17.4697L14.6738 12L9.2041 6.53027L10.2656 5.46973L16.7959 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2635,7 +2854,7 @@ var import_jsx_runtime120 = require("react/jsx-runtime"), IconNextscene = ({ siz
 ] }), Nextscene_default = IconNextscene;
 
 // src/components/Niceofficial.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime"), IconNiceofficial = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+var import_jsx_runtime132 = require("react/jsx-runtime"), IconNiceofficial = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2646,8 +2865,8 @@ var import_jsx_runtime121 = require("react/jsx-runtime"), IconNiceofficial = ({
 ) }), Niceofficial_default = IconNiceofficial;
 
 // src/components/Notification.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime"), IconNotification = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var import_jsx_runtime133 = require("react/jsx-runtime"), IconNotification = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2656,7 +2875,7 @@ var import_jsx_runtime122 = require("react/jsx-runtime"), IconNotification = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2666,17 +2885,17 @@ var import_jsx_runtime122 = require("react/jsx-runtime"), IconNotification = ({
 ] }), Notification_default = IconNotification;
 
 // src/components/Oneclickgenerate.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime"), IconOneclickgenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("path", { fill: stroke || color || "currentColor", d: "M12 4.5V0H9.75V4.5H12Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("path", { fill: stroke || color || "currentColor", d: "M4.5 9.75H0V12H4.5V9.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+var import_jsx_runtime134 = require("react/jsx-runtime"), IconOneclickgenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { fill: stroke || color || "currentColor", d: "M12 4.5V0H9.75V4.5H12Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { fill: stroke || color || "currentColor", d: "M4.5 9.75H0V12H4.5V9.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M5.2045 6.7955L1.4545 3.0455L3.0455 1.4545L6.7955 5.2045L5.2045 6.7955Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2688,8 +2907,8 @@ var import_jsx_runtime123 = require("react/jsx-runtime"), IconOneclickgenerate =
 ] }), Oneclickgenerate_default = IconOneclickgenerate;
 
 // src/components/Opendemo.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime"), IconOpendemo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+var import_jsx_runtime135 = require("react/jsx-runtime"), IconOpendemo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2698,11 +2917,11 @@ var import_jsx_runtime124 = require("react/jsx-runtime"), IconOpendemo = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
 ] }), Opendemo_default = IconOpendemo;
 
 // src/components/OppsFilled.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime"), IconOppsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var import_jsx_runtime136 = require("react/jsx-runtime"), IconOppsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2713,7 +2932,7 @@ var import_jsx_runtime125 = require("react/jsx-runtime"), IconOppsFilled = ({ si
 ) }), OppsFilled_default = IconOppsFilled;
 
 // src/components/OptionalcheckedFilled.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime"), IconOptionalcheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var import_jsx_runtime137 = require("react/jsx-runtime"), IconOptionalcheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2724,7 +2943,7 @@ var import_jsx_runtime126 = require("react/jsx-runtime"), IconOptionalcheckedFil
 ) }), OptionalcheckedFilled_default = IconOptionalcheckedFilled;
 
 // src/components/Optionaluncheck.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime"), IconOptionaluncheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+var import_jsx_runtime138 = require("react/jsx-runtime"), IconOptionaluncheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2735,7 +2954,7 @@ var import_jsx_runtime127 = require("react/jsx-runtime"), IconOptionaluncheck =
 ) }), Optionaluncheck_default = IconOptionaluncheck;
 
 // src/components/Packagegame.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime"), IconPackagegame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+var import_jsx_runtime139 = require("react/jsx-runtime"), IconPackagegame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2746,11 +2965,11 @@ var import_jsx_runtime128 = require("react/jsx-runtime"), IconPackagegame = ({ s
 ) }), Packagegame_default = IconPackagegame;
 
 // src/components/PageError.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime"), IconPageError = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 13.125H1.5V10.875H22.5V13.125Z" }) }), PageError_default = IconPageError;
+var import_jsx_runtime140 = require("react/jsx-runtime"), IconPageError = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 13.125H1.5V10.875H22.5V13.125Z" }) }), PageError_default = IconPageError;
 
 // src/components/Parameters.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime"), IconParameters = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+var import_jsx_runtime141 = require("react/jsx-runtime"), IconParameters = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2759,7 +2978,7 @@ var import_jsx_runtime130 = require("react/jsx-runtime"), IconParameters = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2771,8 +2990,8 @@ var import_jsx_runtime130 = require("react/jsx-runtime"), IconParameters = ({ si
 ] }), Parameters_default = IconParameters;
 
 // src/components/Pause.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime"), IconPause = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var import_jsx_runtime142 = require("react/jsx-runtime"), IconPause = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2781,7 +3000,7 @@ var import_jsx_runtime131 = require("react/jsx-runtime"), IconPause = ({ size, w
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2793,7 +3012,7 @@ var import_jsx_runtime131 = require("react/jsx-runtime"), IconPause = ({ size, w
 ] }), Pause_default = IconPause;
 
 // src/components/Pencil.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime"), IconPencil = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+var import_jsx_runtime143 = require("react/jsx-runtime"), IconPencil = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2804,7 +3023,7 @@ var import_jsx_runtime132 = require("react/jsx-runtime"), IconPencil = ({ size,
 ) }), Pencil_default = IconPencil;
 
 // src/components/Pick.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime"), IconPick = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+var import_jsx_runtime144 = require("react/jsx-runtime"), IconPick = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2815,22 +3034,22 @@ var import_jsx_runtime133 = require("react/jsx-runtime"), IconPick = ({ size, wi
 ) }), Pick_default = IconPick;
 
 // src/components/PickedFilled.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime"), IconPickedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { fill: fill || color || "currentColor", d: "M3 0H21V24H18L12 18L6 24H3V0Z" }) }), PickedFilled_default = IconPickedFilled;
+var import_jsx_runtime145 = require("react/jsx-runtime"), IconPickedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { fill: fill || color || "currentColor", d: "M3 0H21V24H18L12 18L6 24H3V0Z" }) }), PickedFilled_default = IconPickedFilled;
 
 // src/components/PlanFilled.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime"), IconPlanFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+var import_jsx_runtime146 = require("react/jsx-runtime"), IconPlanFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M13.5 10.5L15 0H12L3 10.5V13.5H10.5L9 24H12L21 13.5L21 10.5H13.5Z"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), PlanFilled_default = IconPlanFilled;
 
 // src/components/PlayFilled.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime"), IconPlayFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+var import_jsx_runtime147 = require("react/jsx-runtime"), IconPlayFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2839,7 +3058,7 @@ var import_jsx_runtime136 = require("react/jsx-runtime"), IconPlayFilled = ({ si
 ) }), PlayFilled_default = IconPlayFilled;
 
 // src/components/Play.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime"), IconPlay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+var import_jsx_runtime148 = require("react/jsx-runtime"), IconPlay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2850,15 +3069,15 @@ var import_jsx_runtime137 = require("react/jsx-runtime"), IconPlay = ({ size, wi
 ) }), Play_default = IconPlay;
 
 // src/components/Previouscene.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime"), IconPreviouscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+var import_jsx_runtime149 = require("react/jsx-runtime"), IconPreviouscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M7.2041 12L13.7344 18.5303L14.7959 17.4697L9.32617 12L14.7959 6.53027L13.7344 5.46973L7.2041 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2870,7 +3089,7 @@ var import_jsx_runtime138 = require("react/jsx-runtime"), IconPreviouscene = ({
 ] }), Previouscene_default = IconPreviouscene;
 
 // src/components/ProblemFilled.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime"), IconProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+var import_jsx_runtime150 = require("react/jsx-runtime"), IconProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2881,7 +3100,7 @@ var import_jsx_runtime139 = require("react/jsx-runtime"), IconProblemFilled = ({
 ) }), ProblemFilled_default = IconProblemFilled;
 
 // src/components/ProblemNoticeFilled.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime"), IconProblemNoticeFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+var import_jsx_runtime151 = require("react/jsx-runtime"), IconProblemNoticeFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2892,10 +3111,10 @@ var import_jsx_runtime140 = require("react/jsx-runtime"), IconProblemNoticeFille
 ) }), ProblemNoticeFilled_default = IconProblemNoticeFilled;
 
 // src/components/Problem.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime"), IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+var import_jsx_runtime152 = require("react/jsx-runtime"), IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2907,8 +3126,8 @@ var import_jsx_runtime141 = require("react/jsx-runtime"), IconProblem = ({ size,
 ] }), Problem_default = IconProblem;
 
 // src/components/Publish.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime"), IconPublish = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+var import_jsx_runtime153 = require("react/jsx-runtime"), IconPublish = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2917,11 +3136,33 @@ var import_jsx_runtime142 = require("react/jsx-runtime"), IconPublish = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
 ] }), Publish_default = IconPublish;
 
+// src/components/Quote.tsx
+var import_jsx_runtime154 = require("react/jsx-runtime"), IconQuote = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M8.2045 2.2047L9.7955 3.79569L3.75 9.84118V10.5002H10.5V21.0002H1.5V8.9092L8.2045 2.2047ZM8.25 12.7502H3.75V18.7502H8.25V12.7502Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M20.2045 2.2047L21.7955 3.79569L15.75 9.84118V10.5002H22.5V21.0002H13.5V8.9092L20.2045 2.2047ZM20.25 12.7502H15.75V18.7502H20.25V12.7502Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Quote_default = IconQuote;
+
 // src/components/Ratio169.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime"), IconRatio169 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+var import_jsx_runtime155 = require("react/jsx-runtime"), IconRatio169 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2930,15 +3171,15 @@ var import_jsx_runtime143 = require("react/jsx-runtime"), IconRatio169 = ({ size
 ) }), Ratio169_default = IconRatio169;
 
 // src/components/Ratio11.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime"), IconRatio11 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+var import_jsx_runtime156 = require("react/jsx-runtime"), IconRatio11 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M24 24L2.76562e-06 24L3.8147e-06 -1.04907e-06L24 0L24 24ZM2.40039 2.40039L2.40039 21.5996L21.5996 21.5996L21.5996 2.40039L2.40039 2.40039Z"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     "rect",
     {
       width: "24",
@@ -2950,15 +3191,15 @@ var import_jsx_runtime144 = require("react/jsx-runtime"), IconRatio11 = ({ size,
 ] }), Ratio11_default = IconRatio11;
 
 // src/components/Ratio916.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime"), IconRatio916 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+var import_jsx_runtime157 = require("react/jsx-runtime"), IconRatio916 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18.8571 24L5.14286 24L5.14286 -5.99471e-07L18.8571 0L18.8571 24ZM7.49426 2.40039L7.49426 21.5996L16.5057 21.5996L16.5057 2.40039L7.49426 2.40039Z"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
     "rect",
     {
       width: "24",
@@ -2970,17 +3211,17 @@ var import_jsx_runtime145 = require("react/jsx-runtime"), IconRatio916 = ({ size
 ] }), Ratio916_default = IconRatio916;
 
 // src/components/RatioAuto.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime"), IconRatioAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("g", { clipPath: "url(#clip0_468_23)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+var import_jsx_runtime158 = require("react/jsx-runtime"), IconRatioAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("g", { clipPath: "url(#clip0_468_23)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
       "path",
       {
         fill: stroke || color || "currentColor",
         d: "M6.25 6.24999L6.25 9.99998H4L4 3.99998L10 3.99999V6.24999H6.25Z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { fill: stroke || color || "currentColor", d: "M14 20V17.75H17.75V14H20V20H14Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("path", { fill: stroke || color || "currentColor", d: "M14 20V17.75H17.75V14H20V20H14Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
       "path",
       {
         fill: stroke || color || "currentColor",
@@ -2990,7 +3231,7 @@ var import_jsx_runtime146 = require("react/jsx-runtime"), IconRatioAuto = ({ siz
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("clipPath", { id: "clip0_468_23", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("clipPath", { id: "clip0_468_23", children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
     "rect",
     {
       width: "24",
@@ -3002,15 +3243,15 @@ var import_jsx_runtime146 = require("react/jsx-runtime"), IconRatioAuto = ({ siz
 ] }), RatioAuto_default = IconRatioAuto;
 
 // src/components/Ratio.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime"), IconRatio = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var import_jsx_runtime159 = require("react/jsx-runtime"), IconRatio = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M3 0V3L0 3V5.25L18.75 5.25V24H21V21H24V18.75H21L21 3L5.25 3V0H3Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3020,7 +3261,7 @@ var import_jsx_runtime147 = require("react/jsx-runtime"), IconRatio = ({ size, w
 ] }), Ratio_default = IconRatio;
 
 // src/components/ReEdit.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime"), IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+var import_jsx_runtime160 = require("react/jsx-runtime"), IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3031,7 +3272,7 @@ var import_jsx_runtime148 = require("react/jsx-runtime"), IconReEdit = ({ size,
 ) }), ReEdit_default = IconReEdit;
 
 // src/components/Regenerate.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime"), IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+var import_jsx_runtime161 = require("react/jsx-runtime"), IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3042,8 +3283,8 @@ var import_jsx_runtime149 = require("react/jsx-runtime"), IconRegenerate = ({ si
 ) }), Regenerate_default = IconRegenerate;
 
 // src/components/Resultsetting.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime"), IconResultsetting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("g", { clipPath: "url(#clip0_554_27)", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+var import_jsx_runtime162 = require("react/jsx-runtime"), IconResultsetting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("g", { clipPath: "url(#clip0_554_27)", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3052,7 +3293,7 @@ var import_jsx_runtime150 = require("react/jsx-runtime"), IconResultsetting = ({
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("clipPath", { id: "clip0_554_27", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("clipPath", { id: "clip0_554_27", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
     "rect",
     {
       width: "24",
@@ -3064,7 +3305,7 @@ var import_jsx_runtime150 = require("react/jsx-runtime"), IconResultsetting = ({
 ] }), Resultsetting_default = IconResultsetting;
 
 // src/components/RightFilled.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime"), IconRightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+var import_jsx_runtime163 = require("react/jsx-runtime"), IconRightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3074,8 +3315,31 @@ var import_jsx_runtime151 = require("react/jsx-runtime"), IconRightFilled = ({ s
   }
 ) }), RightFilled_default = IconRightFilled;
 
+// src/components/SatisfiedFilled.tsx
+var import_jsx_runtime164 = require("react/jsx-runtime"), IconSatisfiedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M10.5 0L7.5 7.5V21H21L24 12V7.5H15V3C15 1.34315 13.6569 0 12 0H10.5Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("path", { fill: fill || color || "currentColor", d: "M4.5 7.5H0V21H4.5V7.5Z" })
+] }), SatisfiedFilled_default = IconSatisfiedFilled;
+
+// src/components/Satisfied.tsx
+var import_jsx_runtime165 = require("react/jsx-runtime"), IconSatisfied = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M6.675 7.5L9.75 0H12.75C14.4069 0 15.75 1.34315 15.75 3V7.5H24V12L21 21H0V7.5H6.675ZM6 9.75H2.25V18.75H6V9.75ZM8.25 18.75H19.3783L21.75 11.6349V9.75H13.5V3C13.5 2.58579 13.1642 2.25 12.75 2.25H11.2593L8.25 9.58968V18.75Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Satisfied_default = IconSatisfied;
+
 // src/components/SceneNext.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime"), IconSceneNext = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var import_jsx_runtime166 = require("react/jsx-runtime"), IconSceneNext = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3084,27 +3348,27 @@ var import_jsx_runtime152 = require("react/jsx-runtime"), IconSceneNext = ({ siz
 ) }), SceneNext_default = IconSceneNext;
 
 // src/components/Scriptmode.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime"), IconScriptmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H3.75V1.5H1.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 10.125H3.75V7.875H1.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H3.75V13.875H1.5V16.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H3.75V20.25H1.5V22.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 3.75H22.5V1.5H7.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 10.125H22.5V7.875H7.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.125H22.5V13.875H7.5V16.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 22.5H22.5V20.25H7.5V22.5Z" })
+var import_jsx_runtime167 = require("react/jsx-runtime"), IconScriptmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H3.75V1.5H1.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 10.125H3.75V7.875H1.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H3.75V13.875H1.5V16.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H3.75V20.25H1.5V22.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 3.75H22.5V1.5H7.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 10.125H22.5V7.875H7.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.125H22.5V13.875H7.5V16.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 22.5H22.5V20.25H7.5V22.5Z" })
 ] }), Scriptmode_default = IconScriptmode;
 
 // src/components/Scrolldown.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime"), IconScrolldown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+var import_jsx_runtime168 = require("react/jsx-runtime"), IconScrolldown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M3.79546 11.9544L12 20.1589L20.2045 11.9544L21.7955 13.5454L12 23.3409L2.20447 13.5454L3.79546 11.9544Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3114,7 +3378,7 @@ var import_jsx_runtime154 = require("react/jsx-runtime"), IconScrolldown = ({ si
 ] }), Scrolldown_default = IconScrolldown;
 
 // src/components/Sendrequest.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime"), IconSendrequest = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+var import_jsx_runtime169 = require("react/jsx-runtime"), IconSendrequest = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3125,7 +3389,7 @@ var import_jsx_runtime155 = require("react/jsx-runtime"), IconSendrequest = ({ s
 ) }), Sendrequest_default = IconSendrequest;
 
 // src/components/Sendup.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime"), IconSendup = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+var import_jsx_runtime170 = require("react/jsx-runtime"), IconSendup = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3134,7 +3398,7 @@ var import_jsx_runtime156 = require("react/jsx-runtime"), IconSendup = ({ size,
 ) }), Sendup_default = IconSendup;
 
 // src/components/Sendup2.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime"), IconSendup2 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+var import_jsx_runtime171 = require("react/jsx-runtime"), IconSendup2 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3143,7 +3407,7 @@ var import_jsx_runtime157 = require("react/jsx-runtime"), IconSendup2 = ({ size,
 ) }), Sendup2_default = IconSendup2;
 
 // src/components/ShareFilled.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime"), IconShareFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+var import_jsx_runtime172 = require("react/jsx-runtime"), IconShareFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3152,7 +3416,7 @@ var import_jsx_runtime158 = require("react/jsx-runtime"), IconShareFilled = ({ s
 ) }), ShareFilled_default = IconShareFilled;
 
 // src/components/Share.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime"), IconShare = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+var import_jsx_runtime173 = require("react/jsx-runtime"), IconShare = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3163,7 +3427,7 @@ var import_jsx_runtime159 = require("react/jsx-runtime"), IconShare = ({ size, w
 ) }), Share_default = IconShare;
 
 // src/components/Sidebar.tsx
-var import_jsx_runtime160 = require("react/jsx-runtime"), IconSidebar = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+var import_jsx_runtime174 = require("react/jsx-runtime"), IconSidebar = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3173,8 +3437,19 @@ var import_jsx_runtime160 = require("react/jsx-runtime"), IconSidebar = ({ size,
   }
 ) }), Sidebar_default = IconSidebar;
 
+// src/components/Singleunchecked.tsx
+var import_jsx_runtime175 = require("react/jsx-runtime"), IconSingleunchecked = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Singleunchecked_default = IconSingleunchecked;
+
 // src/components/SocialX.tsx
-var import_jsx_runtime161 = require("react/jsx-runtime"), IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
+var import_jsx_runtime176 = require("react/jsx-runtime"), IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3183,7 +3458,7 @@ var import_jsx_runtime161 = require("react/jsx-runtime"), IconSocialX = ({ size,
 ) }), SocialX_default = IconSocialX;
 
 // src/components/SocialDiscord.tsx
-var import_jsx_runtime162 = require("react/jsx-runtime"), IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+var import_jsx_runtime177 = require("react/jsx-runtime"), IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3192,8 +3467,8 @@ var import_jsx_runtime162 = require("react/jsx-runtime"), IconSocialDiscord = ({
 ) }), SocialDiscord_default = IconSocialDiscord;
 
 // src/components/SoundOff.tsx
-var import_jsx_runtime163 = require("react/jsx-runtime"), IconSoundOff = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+var import_jsx_runtime178 = require("react/jsx-runtime"), IconSoundOff = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3202,7 +3477,7 @@ var import_jsx_runtime163 = require("react/jsx-runtime"), IconSoundOff = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3212,8 +3487,8 @@ var import_jsx_runtime163 = require("react/jsx-runtime"), IconSoundOff = ({ size
 ] }), SoundOff_default = IconSoundOff;
 
 // src/components/SoundOn.tsx
-var import_jsx_runtime164 = require("react/jsx-runtime"), IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+var import_jsx_runtime179 = require("react/jsx-runtime"), IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3222,14 +3497,14 @@ var import_jsx_runtime164 = require("react/jsx-runtime"), IconSoundOn = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M15 5.25C18.7279 5.25 21.75 8.27208 21.75 12C21.75 15.7279 18.7279 18.75 15 18.75V21C19.9706 21 24 16.9706 24 12C24 7.02944 19.9706 3 15 3V5.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3239,7 +3514,7 @@ var import_jsx_runtime164 = require("react/jsx-runtime"), IconSoundOn = ({ size,
 ] }), SoundOn_default = IconSoundOn;
 
 // src/components/Storyboard.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime"), IconStoryboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+var import_jsx_runtime180 = require("react/jsx-runtime"), IconStoryboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3250,24 +3525,24 @@ var import_jsx_runtime165 = require("react/jsx-runtime"), IconStoryboard = ({ si
 ) }), Storyboard_default = IconStoryboard;
 
 // src/components/StyleAutoFilled.tsx
-var import_jsx_runtime166 = require("react/jsx-runtime"), IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+var import_jsx_runtime181 = require("react/jsx-runtime"), IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M12 4.5L15.75 3.75L16.5 0H18L18.75 3.75L22.5 4.5V6L18.75 6.75L18 10.5H16.5L15.75 6.75L12 6V4.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M0 16.5V15L6 13.5L7.5 7.5H9L10.5 13.5L16.5 15V16.5L10.5 18L9 24H7.5L6 18L0 16.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -3277,43 +3552,43 @@ var import_jsx_runtime166 = require("react/jsx-runtime"), IconStyleAutoFilled =
 ] }), StyleAutoFilled_default = IconStyleAutoFilled;
 
 // src/components/Style.tsx
-var import_jsx_runtime167 = require("react/jsx-runtime"), IconStyle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+var import_jsx_runtime182 = require("react/jsx-runtime"), IconStyle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12C4.5 11.1716 5.17157 10.5 6 10.5C6.82843 10.5 7.5 11.1716 7.5 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M6.69679 8.81815C7.28257 9.40394 8.23232 9.40394 8.81811 8.81815C9.40389 8.23236 9.40389 7.28262 8.81811 6.69683C8.23232 6.11104 7.28257 6.11104 6.69679 6.69683C6.111 7.28262 6.111 8.23236 6.69679 8.81815Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M15.182 8.81811C14.5962 8.23232 14.5962 7.28257 15.182 6.69679C15.7678 6.111 16.7176 6.111 17.3034 6.69679C17.8891 7.28257 17.8891 8.23232 17.3034 8.81811C16.7176 9.40389 15.7678 9.40389 15.182 8.81811Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M8.81833 17.3032C9.40412 16.7174 9.40412 15.7677 8.81833 15.1819C8.23255 14.5961 7.2828 14.5961 6.69701 15.1819C6.11123 15.7677 6.11123 16.7174 6.69701 17.3032C7.2828 17.889 8.23255 17.889 8.81833 17.3032Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3325,8 +3600,8 @@ var import_jsx_runtime167 = require("react/jsx-runtime"), IconStyle = ({ size, w
 ] }), Style_default = IconStyle;
 
 // src/components/Styleoverall.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime"), IconStyleoverall = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+var import_jsx_runtime183 = require("react/jsx-runtime"), IconStyleoverall = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3335,7 +3610,7 @@ var import_jsx_runtime168 = require("react/jsx-runtime"), IconStyleoverall = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3344,7 +3619,7 @@ var import_jsx_runtime168 = require("react/jsx-runtime"), IconStyleoverall = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3353,7 +3628,7 @@ var import_jsx_runtime168 = require("react/jsx-runtime"), IconStyleoverall = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3365,7 +3640,7 @@ var import_jsx_runtime168 = require("react/jsx-runtime"), IconStyleoverall = ({
 ] }), Styleoverall_default = IconStyleoverall;
 
 // src/components/SwitchOffFilled.tsx
-var import_jsx_runtime169 = require("react/jsx-runtime"), IconSwitchOffFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+var import_jsx_runtime184 = require("react/jsx-runtime"), IconSwitchOffFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3376,7 +3651,7 @@ var import_jsx_runtime169 = require("react/jsx-runtime"), IconSwitchOffFilled =
 ) }), SwitchOffFilled_default = IconSwitchOffFilled;
 
 // src/components/SwitchOnFilled.tsx
-var import_jsx_runtime170 = require("react/jsx-runtime"), IconSwitchOnFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+var import_jsx_runtime185 = require("react/jsx-runtime"), IconSwitchOnFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3386,9 +3661,20 @@ var import_jsx_runtime170 = require("react/jsx-runtime"), IconSwitchOnFilled = (
   }
 ) }), SwitchOnFilled_default = IconSwitchOnFilled;
 
+// src/components/Table.tsx
+var import_jsx_runtime186 = require("react/jsx-runtime"), IconTable = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("svg", { fill: "none", viewBox: "0 0 24 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M24 21.875L24 3.125L0 3.125L0 21.875L24 21.875ZM21.75 5.46875L16.5 5.46875V11.3281L21.75 11.3281V5.46875ZM21.75 13.6719V19.5312L16.5 19.5312V13.6719L21.75 13.6719ZM14.25 11.3281L14.25 5.46875L8.25 5.46875L8.25 11.3281L14.25 11.3281ZM8.25 13.6719L14.25 13.6719V19.5312L8.25 19.5312V13.6719ZM6 19.5312L6 5.46875L2.25 5.46875L2.25 19.5312L6 19.5312Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Table_default = IconTable;
+
 // src/components/Target.tsx
-var import_jsx_runtime171 = require("react/jsx-runtime"), IconTarget = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+var import_jsx_runtime187 = require("react/jsx-runtime"), IconTarget = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3397,7 +3683,7 @@ var import_jsx_runtime171 = require("react/jsx-runtime"), IconTarget = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3409,43 +3695,43 @@ var import_jsx_runtime171 = require("react/jsx-runtime"), IconTarget = ({ size,
 ] }), Target_default = IconTarget;
 
 // src/components/TextLogo.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime"), IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("svg", { fill: "none", viewBox: "0 0 124 40", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+var import_jsx_runtime188 = require("react/jsx-runtime"), IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("svg", { fill: "none", viewBox: "0 0 124 40", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M42.0618 5.62237C49.8822 5.62238 56.2219 11.962 56.2219 19.7823C56.2218 27.6027 49.8822 33.9423 42.0618 33.9423C34.2415 33.9423 27.9019 27.6027 27.9018 19.7823C27.9018 11.962 34.2415 5.62237 42.0618 5.62237ZM42.0618 13.1743C38.4124 13.1743 35.4538 16.1328 35.4538 19.7823C35.4538 23.4318 38.4124 26.3903 42.0618 26.3903C45.7113 26.3903 48.6698 23.4318 48.6698 19.7823C48.6698 16.1329 45.7113 13.1743 42.0618 13.1743Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M89.3535 5.62237C97.1738 5.62237 103.514 11.962 103.514 19.7823C103.514 27.6027 97.1738 33.9423 89.3535 33.9423C81.5331 33.9423 75.1935 27.6027 75.1935 19.7823C75.1935 11.962 81.5331 5.62239 89.3535 5.62237ZM89.3535 13.1744C85.704 13.1744 82.7455 16.1329 82.7455 19.7823C82.7455 23.4318 85.704 26.3904 89.3535 26.3904C93.003 26.3904 95.9615 23.4318 95.9615 19.7823C95.9615 16.1329 93.003 13.1744 89.3535 13.1744Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M59.1199 19.3272C59.1199 11.741 63.1893 6.56006 71.8774 6.56006H73.4399C73.8818 6.56006 74.2399 6.91823 74.2399 7.36006V13.3258C74.2399 13.7676 73.8818 14.1258 73.4399 14.1258H71.8774C68.8335 14.1258 66.6799 16.2577 66.6799 19.3272V32.24C66.6799 32.6818 66.3217 33.04 65.8799 33.04H59.9199C59.4781 33.04 59.1199 32.6818 59.1199 32.24V19.3272Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M106 0.799999C106 0.358172 106.358 0 106.8 0H112.8C113.242 0 113.6 0.358171 113.6 0.799998V32.3199C113.6 32.7618 113.242 33.1199 112.8 33.1199H106.8C106.358 33.1199 106 32.7618 106 32.3199V0.799999Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M116.4 0.799999C116.4 0.358172 116.758 0 117.2 0H123.2C123.642 0 124 0.358171 124 0.799998V32.3199C124 32.7618 123.642 33.1199 123.2 33.1199H117.2C116.758 33.1199 116.4 32.7618 116.4 32.3199V0.799999Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -3455,7 +3741,7 @@ var import_jsx_runtime172 = require("react/jsx-runtime"), IconTextLogo = ({ size
 ] }), TextLogo_default = IconTextLogo;
 
 // src/components/TipsFilled.tsx
-var import_jsx_runtime173 = require("react/jsx-runtime"), IconTipsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+var import_jsx_runtime189 = require("react/jsx-runtime"), IconTipsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3466,7 +3752,7 @@ var import_jsx_runtime173 = require("react/jsx-runtime"), IconTipsFilled = ({ si
 ) }), TipsFilled_default = IconTipsFilled;
 
 // src/components/Tips.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime"), IconTips = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+var import_jsx_runtime190 = require("react/jsx-runtime"), IconTips = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3477,15 +3763,15 @@ var import_jsx_runtime174 = require("react/jsx-runtime"), IconTips = ({ size, wi
 ) }), Tips_default = IconTips;
 
 // src/components/ToolsFilled.tsx
-var import_jsx_runtime175 = require("react/jsx-runtime"), IconToolsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+var import_jsx_runtime191 = require("react/jsx-runtime"), IconToolsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M24 12L19.5 16.5L15 15L9 9L7.5 4.5L12 0L16.5 1.5L22.5 7.5L24 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -3495,7 +3781,7 @@ var import_jsx_runtime175 = require("react/jsx-runtime"), IconToolsFilled = ({ s
 ] }), ToolsFilled_default = IconToolsFilled;
 
 // src/components/Tools.tsx
-var import_jsx_runtime176 = require("react/jsx-runtime"), IconTools = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+var import_jsx_runtime192 = require("react/jsx-runtime"), IconTools = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
   "path",
   {
     stroke: stroke || color || "currentColor",
@@ -3505,7 +3791,7 @@ var import_jsx_runtime176 = require("react/jsx-runtime"), IconTools = ({ size, w
 ) }), Tools_default = IconTools;
 
 // src/components/Undo.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime"), IconUndo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+var import_jsx_runtime193 = require("react/jsx-runtime"), IconUndo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3515,8 +3801,31 @@ var import_jsx_runtime177 = require("react/jsx-runtime"), IconUndo = ({ size, wi
   }
 ) }), Undo_default = IconUndo;
 
+// src/components/UnsatisfiedFilled.tsx
+var import_jsx_runtime194 = require("react/jsx-runtime"), IconUnsatisfiedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M10.5 24L7.5 16.5V3H21L24 12V16.5H15V21C15 22.6569 13.6569 24 12 24H10.5Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("path", { fill: fill || color || "currentColor", d: "M4.5 16.5H0V3H4.5V16.5Z" })
+] }), UnsatisfiedFilled_default = IconUnsatisfiedFilled;
+
+// src/components/Unsatisfied.tsx
+var import_jsx_runtime195 = require("react/jsx-runtime"), IconUnsatisfied = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M6.675 16.5L9.75 24H12.75C14.4069 24 15.75 22.6569 15.75 21V16.5H24V12L21 3H0V16.5H6.675ZM6 14.25H2.25V5.25H6V14.25ZM8.25 5.25H19.3783L21.75 12.3651V14.25H13.5V21C13.5 21.4142 13.1642 21.75 12.75 21.75H11.2593L8.25 14.4103V5.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Unsatisfied_default = IconUnsatisfied;
+
 // src/components/UpFilled.tsx
-var import_jsx_runtime178 = require("react/jsx-runtime"), IconUpFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+var import_jsx_runtime196 = require("react/jsx-runtime"), IconUpFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3527,7 +3836,7 @@ var import_jsx_runtime178 = require("react/jsx-runtime"), IconUpFilled = ({ size
 ) }), UpFilled_default = IconUpFilled;
 
 // src/components/UpleftFilled.tsx
-var import_jsx_runtime179 = require("react/jsx-runtime"), IconUpleftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+var import_jsx_runtime197 = require("react/jsx-runtime"), IconUpleftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3538,7 +3847,7 @@ var import_jsx_runtime179 = require("react/jsx-runtime"), IconUpleftFilled = ({
 ) }), UpleftFilled_default = IconUpleftFilled;
 
 // src/components/Uploadedvideo.tsx
-var import_jsx_runtime180 = require("react/jsx-runtime"), IconUploadedvideo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+var import_jsx_runtime198 = require("react/jsx-runtime"), IconUploadedvideo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3549,7 +3858,7 @@ var import_jsx_runtime180 = require("react/jsx-runtime"), IconUploadedvideo = ({
 ) }), Uploadedvideo_default = IconUploadedvideo;
 
 // src/components/Uploadfiles.tsx
-var import_jsx_runtime181 = require("react/jsx-runtime"), IconUploadfiles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+var import_jsx_runtime199 = require("react/jsx-runtime"), IconUploadfiles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3558,7 +3867,7 @@ var import_jsx_runtime181 = require("react/jsx-runtime"), IconUploadfiles = ({ s
 ) }), Uploadfiles_default = IconUploadfiles;
 
 // src/components/Uploadstory.tsx
-var import_jsx_runtime182 = require("react/jsx-runtime"), IconUploadstory = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+var import_jsx_runtime200 = require("react/jsx-runtime"), IconUploadstory = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3569,7 +3878,7 @@ var import_jsx_runtime182 = require("react/jsx-runtime"), IconUploadstory = ({ s
 ) }), Uploadstory_default = IconUploadstory;
 
 // src/components/UprightFilled.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime"), IconUprightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+var import_jsx_runtime201 = require("react/jsx-runtime"), IconUprightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -3580,7 +3889,7 @@ var import_jsx_runtime183 = require("react/jsx-runtime"), IconUprightFilled = ({
 ) }), UprightFilled_default = IconUprightFilled;
 
 // src/components/Userfeedback.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime"), IconUserfeedback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var import_jsx_runtime202 = require("react/jsx-runtime"), IconUserfeedback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3591,16 +3900,16 @@ var import_jsx_runtime184 = require("react/jsx-runtime"), IconUserfeedback = ({
 ) }), Userfeedback_default = IconUserfeedback;
 
 // src/components/Userfollow.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime"), IconUserfollow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+var import_jsx_runtime203 = require("react/jsx-runtime"), IconUserfollow = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M15 15.25H6.5C5.25736 15.25 4.25 16.2574 4.25 17.5V19.75H12V22H2V17.5C2 15.0147 4.01472 13 6.5 13H15V15.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("path", { fill: stroke || color || "currentColor", d: "M19 17H22V19H19V22H17V19H14V17H17V14H19V17Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("path", { fill: stroke || color || "currentColor", d: "M19 17H22V19H19V22H17V19H14V17H17V14H19V17Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3612,7 +3921,7 @@ var import_jsx_runtime185 = require("react/jsx-runtime"), IconUserfollow = ({ si
 ] }), Userfollow_default = IconUserfollow;
 
 // src/components/Userfollowback.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime"), IconUserfollowback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+var import_jsx_runtime204 = require("react/jsx-runtime"), IconUserfollowback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3621,7 +3930,7 @@ var import_jsx_runtime186 = require("react/jsx-runtime"), IconUserfollowback = (
 ) }), Userfollowback_default = IconUserfollowback;
 
 // src/components/Userfollowed.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime"), IconUserfollowed = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+var import_jsx_runtime205 = require("react/jsx-runtime"), IconUserfollowed = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3630,15 +3939,15 @@ var import_jsx_runtime187 = require("react/jsx-runtime"), IconUserfollowed = ({
 ) }), Userfollowed_default = IconUserfollowed;
 
 // src/components/VideoGeneration.tsx
-var import_jsx_runtime188 = require("react/jsx-runtime"), IconVideoGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+var import_jsx_runtime206 = require("react/jsx-runtime"), IconVideoGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12H24C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0V2.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3647,7 +3956,7 @@ var import_jsx_runtime188 = require("react/jsx-runtime"), IconVideoGeneration =
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3657,9 +3966,9 @@ var import_jsx_runtime188 = require("react/jsx-runtime"), IconVideoGeneration =
 ] }), VideoGeneration_default = IconVideoGeneration;
 
 // src/components/VideoLength.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime"), IconVideoLength = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("path", { fill: stroke || color || "currentColor", d: "M10.875 9V15H13.125V9H10.875Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+var import_jsx_runtime207 = require("react/jsx-runtime"), IconVideoLength = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("path", { fill: stroke || color || "currentColor", d: "M10.875 9V15H13.125V9H10.875Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3671,8 +3980,8 @@ var import_jsx_runtime189 = require("react/jsx-runtime"), IconVideoLength = ({ s
 ] }), VideoLength_default = IconVideoLength;
 
 // src/components/Videogenerate.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime"), IconVideogenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+var import_jsx_runtime208 = require("react/jsx-runtime"), IconVideogenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3681,7 +3990,7 @@ var import_jsx_runtime190 = require("react/jsx-runtime"), IconVideogenerate = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3693,7 +4002,7 @@ var import_jsx_runtime190 = require("react/jsx-runtime"), IconVideogenerate = ({
 ] }), Videogenerate_default = IconVideogenerate;
 
 // src/components/Visualstyles.tsx
-var import_jsx_runtime191 = require("react/jsx-runtime"), IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+var import_jsx_runtime209 = require("react/jsx-runtime"), IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3704,8 +4013,8 @@ var import_jsx_runtime191 = require("react/jsx-runtime"), IconVisualstyles = ({
 ) }), Visualstyles_default = IconVisualstyles;
 
 // src/components/Volume.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime"), IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+var import_jsx_runtime210 = require("react/jsx-runtime"), IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3714,14 +4023,14 @@ var import_jsx_runtime192 = require("react/jsx-runtime"), IconVolume = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M15 5.25C18.7279 5.25 21.75 8.27208 21.75 12C21.75 15.7279 18.7279 18.75 15 18.75V21C19.9706 21 24 16.9706 24 12C24 7.02944 19.9706 3 15 3V5.25Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3731,7 +4040,7 @@ var import_jsx_runtime192 = require("react/jsx-runtime"), IconVolume = ({ size,
 ] }), Volume_default = IconVolume;
 
 // src/components/Withdrawgame.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime"), IconWithdrawgame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+var import_jsx_runtime211 = require("react/jsx-runtime"), IconWithdrawgame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -3742,15 +4051,15 @@ var import_jsx_runtime193 = require("react/jsx-runtime"), IconWithdrawgame = ({
 ) }), Withdrawgame_default = IconWithdrawgame;
 
 // src/components/Zoomhandle.tsx
-var import_jsx_runtime194 = require("react/jsx-runtime"), IconZoomhandle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+var import_jsx_runtime212 = require("react/jsx-runtime"), IconZoomhandle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M12 -2.62268e-07C15.3137 -1.17422e-07 18 2.68629 18 6L18 18C18 21.3137 15.3137 24 12 24C8.68629 24 6 21.3137 6 18L6 6C6 2.68629 8.68629 -4.07115e-07 12 -2.62268e-07Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3760,15 +4069,15 @@ var import_jsx_runtime194 = require("react/jsx-runtime"), IconZoomhandle = ({ si
 ] }), Zoomhandle_default = IconZoomhandle;
 
 // src/components/Zoomin.tsx
-var import_jsx_runtime195 = require("react/jsx-runtime"), IconZoomin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+var import_jsx_runtime213 = require("react/jsx-runtime"), IconZoomin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M11.625 11.625H15V9.375H11.625V6H9.375V9.375H6V11.625H9.375V15H11.625V11.625Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3780,9 +4089,9 @@ var import_jsx_runtime195 = require("react/jsx-runtime"), IconZoomin = ({ size,
 ] }), Zoomin_default = IconZoomin;
 
 // src/components/Zoomout.tsx
-var import_jsx_runtime196 = require("react/jsx-runtime"), IconZoomout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("path", { fill: stroke || color || "currentColor", d: "M15 11.625H6V9.375H15V11.625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+var import_jsx_runtime214 = require("react/jsx-runtime"), IconZoomout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("path", { fill: stroke || color || "currentColor", d: "M15 11.625H6V9.375H15V11.625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",