@yoroll/react-icon 0.0.14 → 0.0.16

package/dist/index.cjs

@@ -1,4 +1,4 @@
-/*! @lineargame svg icons react v0.0.13  */
+/*! @lineargame svg icons react v0.0.15  */
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -25,6 +25,7 @@ __export(index_exports, {
   IconAgreements: () => Agreements_default,
   IconAiwriting: () => Aiwriting_default,
   IconAngleDown: () => AngleDown_default,
+  IconAngleright: () => Angleright_default,
   IconAnnouncement: () => Announcement_default,
   IconArtboard: () => Artboard_default,
   IconAssets: () => Assets_default,
@@ -40,6 +41,7 @@ __export(index_exports, {
   IconCheckedFilled: () => CheckedFilled_default,
   IconClose: () => Close_default,
   IconCopy: () => Copy_default,
+  IconCopylink: () => Copylink_default,
   IconCreditFilled: () => CreditFilled_default,
   IconCursor: () => Cursor_default,
   IconDelete: () => Delete_default,
@@ -49,6 +51,8 @@ __export(index_exports, {
   IconDownload: () => Download_default,
   IconDownrightFilled: () => DownrightFilled_default,
   IconDraghandleFilled: () => DraghandleFilled_default,
+  IconFavorite: () => Favorite_default,
+  IconFavoriteFilled: () => FavoriteFilled_default,
   IconFeedbackFailFilled: () => FeedbackFailFilled_default,
   IconFeedbackPendingFilled: () => FeedbackPendingFilled_default,
   IconFeedbackProblem: () => FeedbackProblem_default,
@@ -60,7 +64,9 @@ __export(index_exports, {
   IconFiletypeTxtLumiFilled: () => FiletypeTxtLumiFilled_default,
   IconFiletypeWordFilled: () => FiletypeWordFilled_default,
   IconFiletypeWordLumiFilled: () => FiletypeWordLumiFilled_default,
+  IconFillin: () => Fillin_default,
   IconFoldedMenu: () => FoldedMenu_default,
+  IconFullScreen: () => FullScreen_default,
   IconGame: () => Game_default,
   IconGameFilled: () => GameFilled_default,
   IconGamebackup: () => Gamebackup_default,
@@ -106,6 +112,7 @@ __export(index_exports, {
   IconModelOpenaiFilled: () => ModelOpenaiFilled_default,
   IconModelSeedFilled: () => ModelSeedFilled_default,
   IconModelSoraFilled: () => ModelSoraFilled_default,
+  IconModelklingFilled: () => ModelklingFilled_default,
   IconModels: () => Models_default,
   IconMore: () => More_default,
   IconMoreCollapse: () => MoreCollapse_default,
@@ -119,6 +126,7 @@ __export(index_exports, {
   IconMute: () => Mute_default,
   IconNext: () => Next_default,
   IconNextscene: () => Nextscene_default,
+  IconNiceofficial: () => Niceofficial_default,
   IconOneclickgenerate: () => Oneclickgenerate_default,
   IconOpendemo: () => Opendemo_default,
   IconOppsFilled: () => OppsFilled_default,
@@ -142,11 +150,14 @@ __export(index_exports, {
   IconRatio11: () => Ratio11_default,
   IconRatio169: () => Ratio169_default,
   IconRatio916: () => Ratio916_default,
+  IconRatioAuto: () => RatioAuto_default,
   IconReEdit: () => ReEdit_default,
   IconRegenerate: () => Regenerate_default,
+  IconResultsetting: () => Resultsetting_default,
   IconRightFilled: () => RightFilled_default,
   IconSceneNext: () => SceneNext_default,
   IconScriptmode: () => Scriptmode_default,
+  IconSendrequest: () => Sendrequest_default,
   IconShare: () => Share_default,
   IconShareFilled: () => ShareFilled_default,
   IconSocialDiscord: () => SocialDiscord_default,
@@ -156,6 +167,7 @@ __export(index_exports, {
   IconStoryboard: () => Storyboard_default,
   IconStyle: () => Style_default,
   IconStyleAutoFilled: () => StyleAutoFilled_default,
+  IconStyleoverall: () => Styleoverall_default,
   IconSwitchOffFilled: () => SwitchOffFilled_default,
   IconSwitchOnFilled: () => SwitchOnFilled_default,
   IconTarget: () => Target_default,
@@ -163,10 +175,13 @@ __export(index_exports, {
   IconTips: () => Tips_default,
   IconTools: () => Tools_default,
   IconToolsFilled: () => ToolsFilled_default,
+  IconUndo: () => Undo_default,
   IconUpFilled: () => UpFilled_default,
   IconUpleftFilled: () => UpleftFilled_default,
+  IconUploadedvideo: () => Uploadedvideo_default,
   IconUploadfiles: () => Uploadfiles_default,
   IconUploadimage: () => Uploadimage_default,
+  IconUploadstory: () => Uploadstory_default,
   IconUprightFilled: () => UprightFilled_default,
   IconUserfeedback: () => Userfeedback_default,
   IconVideoGeneration: () => VideoGeneration_default,
@@ -175,6 +190,7 @@ __export(index_exports, {
   IconVisualstyles: () => Visualstyles_default,
   IconVolume: () => Volume_default,
   IconWithdrawgame: () => Withdrawgame_default,
+  IconZoomhandle: () => Zoomhandle_default,
   IconZoomin: () => Zoomin_default,
   IconZoomout: () => Zoomout_default
 });
@@ -292,8 +308,17 @@ var import_jsx_runtime8 = require("react/jsx-runtime"), IconAngleDown = ({ size,
   }
 ) }), AngleDown_default = IconAngleDown;
 
+// src/components/Angleright.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime"), IconAngleright = ({ 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",
+    d: "M14.9091 12L6.70459 3.79553L8.29558 2.20454L18.0911 12L8.29558 21.7955L6.70459 20.2045L14.9091 12Z"
+  }
+) }), Angleright_default = IconAngleright;
+
 // src/components/Announcement.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime"), IconAnnouncement = ({ 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)(
+var import_jsx_runtime10 = require("react/jsx-runtime"), IconAnnouncement = ({ 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: stroke || color || "currentColor",
@@ -304,7 +329,7 @@ var import_jsx_runtime9 = require("react/jsx-runtime"), IconAnnouncement = ({ si
 ) }), Announcement_default = IconAnnouncement;
 
 // src/components/Artboard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime"), IconArtboard = ({ 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_runtime11 = require("react/jsx-runtime"), IconArtboard = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -315,17 +340,17 @@ var import_jsx_runtime10 = require("react/jsx-runtime"), IconArtboard = ({ size,
 ) }), Artboard_default = IconArtboard;
 
 // src/components/AssetsFilled.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime"), IconAssetsFilled = ({ 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: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
+var import_jsx_runtime12 = require("react/jsx-runtime"), IconAssetsFilled = ({ 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: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
 ] }), AssetsFilled_default = IconAssetsFilled;
 
 // src/components/Assets.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime"), IconAssets = ({ 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", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime"), IconAssets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -337,8 +362,8 @@ var import_jsx_runtime12 = require("react/jsx-runtime"), IconAssets = ({ size, w
 ] }), Assets_default = IconAssets;
 
 // src/components/Backtoprojects.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime"), IconBacktoprojects = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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_runtime14 = require("react/jsx-runtime"), IconBacktoprojects = ({ 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: stroke || color || "currentColor",
@@ -347,7 +372,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -356,7 +381,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -365,7 +390,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime"), IconBacktoprojects = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -377,7 +402,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime"), IconBacktoprojects = ({
 ] }), Backtoprojects_default = IconBacktoprojects;
 
 // src/components/Backward.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime"), IconBackward = ({ 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)(
+var import_jsx_runtime15 = require("react/jsx-runtime"), IconBackward = ({ 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",
@@ -386,7 +411,7 @@ var import_jsx_runtime14 = require("react/jsx-runtime"), IconBackward = ({ size,
 ) }), Backward_default = IconBackward;
 
 // src/components/BatchShots.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime"), IconBatchShots = ({ 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)(
+var import_jsx_runtime16 = require("react/jsx-runtime"), IconBatchShots = ({ 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",
@@ -397,7 +422,7 @@ var import_jsx_runtime15 = require("react/jsx-runtime"), IconBatchShots = ({ siz
 ) }), BatchShots_default = IconBatchShots;
 
 // src/components/Canvasmode.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime"), IconCanvasmode = ({ 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_runtime17 = require("react/jsx-runtime"), IconCanvasmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -408,7 +433,7 @@ var import_jsx_runtime16 = require("react/jsx-runtime"), IconCanvasmode = ({ siz
 ) }), Canvasmode_default = IconCanvasmode;
 
 // src/components/Changeprofilephoto.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime"), IconChangeprofilephoto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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_runtime18 = require("react/jsx-runtime"), IconChangeprofilephoto = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -419,7 +444,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime"), IconChangeprofilephoto
 ) }), Changeprofilephoto_default = IconChangeprofilephoto;
 
 // src/components/Chaptercollapse.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime"), IconChaptercollapse = ({ 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_runtime19 = require("react/jsx-runtime"), IconChaptercollapse = ({ 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",
@@ -430,7 +455,7 @@ var import_jsx_runtime18 = require("react/jsx-runtime"), IconChaptercollapse = (
 ) }), Chaptercollapse_default = IconChaptercollapse;
 
 // src/components/Chapterexpand.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime"), IconChapterexpand = ({ 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_runtime20 = require("react/jsx-runtime"), IconChapterexpand = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -441,16 +466,16 @@ var import_jsx_runtime19 = require("react/jsx-runtime"), IconChapterexpand = ({
 ) }), Chapterexpand_default = IconChapterexpand;
 
 // src/components/Check.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime"), IconCheck = ({ 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_runtime21 = require("react/jsx-runtime"), IconCheck = ({ 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",
-    d: "M21.7953 6.04549L8.99984 18.841L2.20435 12.0455L3.79534 10.4545L8.99984 15.659L20.2043 4.4545L21.7953 6.04549Z"
+    d: "M21.7953 6.0455L8.99984 18.841L2.20435 12.0455L3.79534 10.4545L8.99984 15.659L20.2043 4.45451L21.7953 6.0455Z"
   }
 ) }), Check_default = IconCheck;
 
 // src/components/CheckedFilled.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime"), IconCheckedFilled = ({ 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_runtime22 = require("react/jsx-runtime"), IconCheckedFilled = ({ 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: fill || color || "currentColor",
@@ -461,7 +486,7 @@ var import_jsx_runtime21 = require("react/jsx-runtime"), IconCheckedFilled = ({
 ) }), CheckedFilled_default = IconCheckedFilled;
 
 // src/components/Close.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime"), IconClose = ({ 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_runtime23 = require("react/jsx-runtime"), IconClose = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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",
@@ -470,9 +495,9 @@ var import_jsx_runtime22 = require("react/jsx-runtime"), IconClose = ({ size, wi
 ) }), Close_default = IconClose;
 
 // src/components/Copy.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime"), IconCopy = ({ 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.75 2.25H2.25V12.75H6V15H0V0H15V6H12.75V2.25Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var import_jsx_runtime24 = require("react/jsx-runtime"), IconCopy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("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", d: "M12.75 2.25H2.25V12.75H6V15H0V0H15V6H12.75V2.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -483,9 +508,20 @@ var import_jsx_runtime23 = require("react/jsx-runtime"), IconCopy = ({ size, wid
   )
 ] }), Copy_default = IconCopy;
 
+// src/components/Copylink.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime"), IconCopylink = ({ 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: stroke || color || "currentColor",
+    d: "M16.5 9C18.9853 9 21 6.98528 21 4.5C21 2.01472 18.9853 0 16.5 0C14.0147 0 12 2.01472 12 4.5C12 4.97253 12.0728 5.42805 12.2079 5.85594L7.59859 8.73675C6.79167 7.9703 5.70076 7.5 4.5 7.5C2.01472 7.5 0 9.51472 0 12C0 14.4853 2.01472 16.5 4.5 16.5C5.70076 16.5 6.79167 16.0297 7.59859 15.2633L12.2079 18.1441C12.0728 18.572 12 19.0275 12 19.5C12 21.9853 14.0147 24 16.5 24C18.9853 24 21 21.9853 21 19.5C21 17.0147 18.9853 15 16.5 15C15.2993 15 14.2083 15.4703 13.4014 16.2367L8.79213 13.3559C8.92717 12.928 9 12.4725 9 12C9 11.5275 8.92717 11.072 8.79213 10.6441L13.4014 7.76328C14.2083 8.52971 15.2993 9 16.5 9ZM16.5 6.75C17.7426 6.75 18.75 5.74264 18.75 4.5C18.75 3.25736 17.7426 2.25 16.5 2.25C15.2574 2.25 14.25 3.25736 14.25 4.5C14.25 5.74264 15.2574 6.75 16.5 6.75ZM6.75 12C6.75 13.2426 5.74264 14.25 4.5 14.25C3.25736 14.25 2.25 13.2426 2.25 12C2.25 10.7574 3.25736 9.75 4.5 9.75C5.74264 9.75 6.75 10.7574 6.75 12ZM18.75 19.5C18.75 20.7426 17.7426 21.75 16.5 21.75C15.2574 21.75 14.25 20.7426 14.25 19.5C14.25 18.2574 15.2574 17.25 16.5 17.25C17.7426 17.25 18.75 18.2574 18.75 19.5Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Copylink_default = IconCopylink;
+
 // src/components/CreditFilled.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime"), IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var import_jsx_runtime26 = require("react/jsx-runtime"), IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -494,11 +530,11 @@ var import_jsx_runtime24 = require("react/jsx-runtime"), IconCreditFilled = ({ s
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), CreditFilled_default = IconCreditFilled;
 
 // src/components/Cursor.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime"), IconCursor = ({ 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_runtime27 = require("react/jsx-runtime"), IconCursor = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -509,9 +545,9 @@ var import_jsx_runtime25 = require("react/jsx-runtime"), IconCursor = ({ size, w
 ) }), Cursor_default = IconCursor;
 
 // src/components/DeleteSceneChoice.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime"), IconDeleteSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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", d: "M18 10.875H6V13.125H18V10.875Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime"), IconDeleteSceneChoice = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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", d: "M18 10.875H6V13.125H18V10.875Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -523,9 +559,9 @@ var import_jsx_runtime26 = require("react/jsx-runtime"), IconDeleteSceneChoice =
 ] }), DeleteSceneChoice_default = IconDeleteSceneChoice;
 
 // src/components/Delete.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime"), IconDelete = ({ 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: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime29 = require("react/jsx-runtime"), IconDelete = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -537,7 +573,7 @@ var import_jsx_runtime27 = require("react/jsx-runtime"), IconDelete = ({ size, w
 ] }), Delete_default = IconDelete;
 
 // src/components/DownFilled.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime"), IconDownFilled = ({ 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_runtime30 = require("react/jsx-runtime"), IconDownFilled = ({ 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: fill || color || "currentColor",
@@ -548,7 +584,7 @@ var import_jsx_runtime28 = require("react/jsx-runtime"), IconDownFilled = ({ siz
 ) }), DownFilled_default = IconDownFilled;
 
 // src/components/DownleftFilled.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime"), IconDownleftFilled = ({ 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_runtime31 = require("react/jsx-runtime"), IconDownleftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -559,15 +595,15 @@ var import_jsx_runtime29 = require("react/jsx-runtime"), IconDownleftFilled = ({
 ) }), DownleftFilled_default = IconDownleftFilled;
 
 // src/components/Download.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime"), IconDownload = ({ 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_runtime32 = require("react/jsx-runtime"), IconDownload = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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",
       d: "M22.5 24L22.5 13.5H20.25V21.75L3.75 21.75L3.75 13.5H1.5L1.5 24L22.5 24Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -579,7 +615,7 @@ var import_jsx_runtime30 = require("react/jsx-runtime"), IconDownload = ({ size,
 ] }), Download_default = IconDownload;
 
 // src/components/DownrightFilled.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime"), IconDownrightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime"), IconDownrightFilled = ({ 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",
@@ -590,17 +626,37 @@ var import_jsx_runtime31 = require("react/jsx-runtime"), IconDownrightFilled = (
 ) }), DownrightFilled_default = IconDownrightFilled;
 
 // src/components/DraghandleFilled.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime"), IconDraghandleFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M18 7.19999V2.39999H13.2V7.19999L18 7.19999Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M18 9.59999V14.4H13.2L13.2 9.59999H18Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 9.59999V14.4H6V9.59999H10.8Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 2.39999V7.19999L6 7.19999V2.39999H10.8Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M18 21.6V16.8H13.2V21.6H18Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 16.8V21.6H6V16.8H10.8Z" })
+var import_jsx_runtime34 = require("react/jsx-runtime"), IconDraghandleFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M18 7.19999V2.39999H13.2V7.19999L18 7.19999Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M18 9.59999V14.4H13.2L13.2 9.59999H18Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 9.59999V14.4H6V9.59999H10.8Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 2.39999V7.19999L6 7.19999V2.39999H10.8Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M18 21.6V16.8H13.2V21.6H18Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: fill || color || "currentColor", d: "M10.8 16.8V21.6H6V16.8H10.8Z" })
 ] }), DraghandleFilled_default = IconDraghandleFilled;
 
+// src/components/FavoriteFilled.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime"), IconFavoriteFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  "path",
+  {
+    fill: fill || color || "currentColor",
+    d: "M13.5 0H10.5L8.26938 6.86522L1.05083 6.86522L0.123779 9.71839L5.96372 13.9613L3.7331 20.8265L6.16015 22.5899L12 18.3469L17.8399 22.5898L20.267 20.8265L18.0363 13.9613L23.8762 9.71839L22.9492 6.86522L15.7307 6.86522L13.5 0Z"
+  }
+) }), FavoriteFilled_default = IconFavoriteFilled;
+
+// src/components/Favorite.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime"), IconFavorite = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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: "M18.0363 13.9613L23.8762 9.71839L22.9492 6.86522L15.7307 6.86522L13.5 0H10.5L8.26938 6.86522L1.05083 6.86522L0.123779 9.71839L5.96372 13.9613L3.7331 20.8265L6.16015 22.5899L12 18.3469L17.8399 22.5898L20.267 20.8265L18.0363 13.9613ZM17.4872 19.5524L15.3913 13.1019L20.8785 9.11522L14.0959 9.11522L12 2.66463L9.9041 9.11522L3.12152 9.11522L8.60875 13.1019L6.51285 19.5525L12 15.5658L17.4872 19.5524Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Favorite_default = IconFavorite;
+
 // src/components/FeedbackFailFilled.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime"), IconFeedbackFailFilled = ({ 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)(
+var import_jsx_runtime37 = require("react/jsx-runtime"), IconFeedbackFailFilled = ({ 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: fill || color || "currentColor",
@@ -611,7 +667,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime"), IconFeedbackFailFilled
 ) }), FeedbackFailFilled_default = IconFeedbackFailFilled;
 
 // src/components/FeedbackPendingFilled.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime"), IconFeedbackPendingFilled = ({ 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_runtime38 = require("react/jsx-runtime"), IconFeedbackPendingFilled = ({ 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: fill || color || "currentColor",
@@ -622,7 +678,7 @@ var import_jsx_runtime34 = require("react/jsx-runtime"), IconFeedbackPendingFill
 ) }), FeedbackPendingFilled_default = IconFeedbackPendingFilled;
 
 // src/components/FeedbackProblemFilled.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime"), IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var import_jsx_runtime39 = require("react/jsx-runtime"), IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -633,29 +689,29 @@ var import_jsx_runtime35 = require("react/jsx-runtime"), IconFeedbackProblemFill
 ) }), FeedbackProblemFilled_default = IconFeedbackProblemFilled;
 
 // src/components/FeedbackProblem.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime"), IconFeedbackProblem = ({ 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)(
+var import_jsx_runtime40 = require("react/jsx-runtime"), IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("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",
       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_runtime36.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime36.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime36.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -667,8 +723,8 @@ var import_jsx_runtime36 = require("react/jsx-runtime"), IconFeedbackProblem = (
 ] }), FeedbackProblem_default = IconFeedbackProblem;
 
 // src/components/FiletypeImageFilled.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime"), IconFiletypeImageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var import_jsx_runtime41 = require("react/jsx-runtime"), IconFiletypeImageFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -676,21 +732,21 @@ var import_jsx_runtime37 = require("react/jsx-runtime"), IconFiletypeImageFilled
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime37.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime37.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -702,8 +758,8 @@ var import_jsx_runtime37 = require("react/jsx-runtime"), IconFiletypeImageFilled
 ] }), FiletypeImageFilled_default = IconFiletypeImageFilled;
 
 // src/components/FiletypePdfFilled.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime"), IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_jsx_runtime42 = require("react/jsx-runtime"), IconFiletypePdfFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "path",
     {
       fill: "#FF3E4C",
@@ -711,14 +767,14 @@ var import_jsx_runtime38 = require("react/jsx-runtime"), IconFiletypePdfFilled =
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime38.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "path",
     {
       fill: "#FF3E4C",
@@ -728,8 +784,8 @@ var import_jsx_runtime38 = require("react/jsx-runtime"), IconFiletypePdfFilled =
 ] }), FiletypePdfFilled_default = IconFiletypePdfFilled;
 
 // src/components/FiletypePdfLumiFilled.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime"), IconFiletypePdfLumiFilled = ({ 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", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var import_jsx_runtime43 = require("react/jsx-runtime"), IconFiletypePdfLumiFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -737,14 +793,14 @@ var import_jsx_runtime39 = require("react/jsx-runtime"), IconFiletypePdfLumiFill
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime39.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -754,8 +810,8 @@ var import_jsx_runtime39 = require("react/jsx-runtime"), IconFiletypePdfLumiFill
 ] }), FiletypePdfLumiFilled_default = IconFiletypePdfLumiFilled;
 
 // src/components/FiletypeTxtFilled.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime"), IconFiletypeTxtFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var import_jsx_runtime44 = require("react/jsx-runtime"), IconFiletypeTxtFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "path",
     {
       fill: "#005FAD",
@@ -763,11 +819,11 @@ var import_jsx_runtime40 = require("react/jsx-runtime"), IconFiletypeTxtFilled =
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { fill: "#005FAD", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { fill: "#005FAD", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { fill: "#005FAD", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { fill: "#005FAD", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#005FAD", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#005FAD", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#005FAD", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#005FAD", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "path",
     {
       fill: "#005FAD",
@@ -777,8 +833,8 @@ var import_jsx_runtime40 = require("react/jsx-runtime"), IconFiletypeTxtFilled =
 ] }), FiletypeTxtFilled_default = IconFiletypeTxtFilled;
 
 // src/components/FiletypeTxtLumiFilled.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime"), IconFiletypeTxtLumiFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var import_jsx_runtime45 = require("react/jsx-runtime"), IconFiletypeTxtLumiFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -786,11 +842,11 @@ var import_jsx_runtime41 = require("react/jsx-runtime"), IconFiletypeTxtLumiFill
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#2E2E2E", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#2E2E2E", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#2E2E2E", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#2E2E2E", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "#2E2E2E", d: "M7.625 8.5625H16.375V7.625H7.625V8.5625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "#2E2E2E", d: "M7.625 16.375H13.875V15.4375H7.625V16.375Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "#2E2E2E", d: "M16.375 11.2188H7.625V10.2812H16.375V11.2188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "#2E2E2E", d: "M7.625 13.7188H16.375V12.7812H7.625V13.7188Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -800,8 +856,8 @@ var import_jsx_runtime41 = require("react/jsx-runtime"), IconFiletypeTxtLumiFill
 ] }), FiletypeTxtLumiFilled_default = IconFiletypeTxtLumiFilled;
 
 // src/components/FiletypeWordFilled.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime"), IconFiletypeWordFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var import_jsx_runtime46 = require("react/jsx-runtime"), IconFiletypeWordFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "path",
     {
       fill: "#0072FF",
@@ -809,14 +865,14 @@ var import_jsx_runtime42 = require("react/jsx-runtime"), IconFiletypeWordFilled
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime42.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "path",
     {
       fill: "#0072FF",
@@ -826,8 +882,8 @@ var import_jsx_runtime42 = require("react/jsx-runtime"), IconFiletypeWordFilled
 ] }), FiletypeWordFilled_default = IconFiletypeWordFilled;
 
 // src/components/FiletypeWordLumiFilled.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime"), IconFiletypeWordLumiFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var import_jsx_runtime47 = require("react/jsx-runtime"), IconFiletypeWordLumiFilled = ({ 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)("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -835,14 +891,14 @@ var import_jsx_runtime43 = require("react/jsx-runtime"), IconFiletypeWordLumiFil
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime43.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "path",
     {
       fill: "#2E2E2E",
@@ -851,26 +907,56 @@ var import_jsx_runtime43 = require("react/jsx-runtime"), IconFiletypeWordLumiFil
   )
 ] }), FiletypeWordLumiFilled_default = IconFiletypeWordLumiFilled;
 
+// src/components/Fillin.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime"), IconFillin = ({ 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)("g", { clipPath: "url(#clip0_491_23)", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M24 9.75V7.5L16.5 0L9 7.5V9.75H15.375V18.75H1.5L1.5 21H17.625V9.75H24ZM12.182 7.5L16.5 3.18198L20.818 7.5H12.182Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) }),
+  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "clip0_491_23", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "rect",
+    {
+      width: "24",
+      height: "24",
+      fill: stroke || color || "currentColor",
+      transform: "translate(24) rotate(90)"
+    }
+  ) }) })
+] }), Fillin_default = IconFillin;
+
 // src/components/FoldedMenu.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime"), IconFoldedMenu = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H22.5V1.5H1.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H22.5V20.25H1.5V22.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 10.125H1.5V7.875H22.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H22.5V13.875H1.5V16.125Z" })
+var import_jsx_runtime49 = require("react/jsx-runtime"), IconFoldedMenu = ({ 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)("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H22.5V1.5H1.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H22.5V20.25H1.5V22.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: stroke || color || "currentColor", d: "M22.5 10.125H1.5V7.875H22.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime50 = require("react/jsx-runtime"), IconFullScreen = ({ 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", d: "M3.25 14V20.75H10V23H1V14H3.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 23H14V20.75H20.75V14H23V23Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: stroke || color || "currentColor", d: "M10 3.25H3.25V10H1V1H10V3.25Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: stroke || color || "currentColor", d: "M23 10H20.75V3.25H14V1H23V10Z" })
+] }), FullScreen_default = IconFullScreen;
+
 // src/components/GameFilled.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime"), IconGameFilled = ({ 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: fill || color || "currentColor", d: "M7.5 0H16.5V5.37868L12 9.87868L7.5 5.37868V0Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: fill || color || "currentColor", d: "M5.37868 7.5H0V16.5H5.37868L9.87868 12L5.37868 7.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var import_jsx_runtime51 = require("react/jsx-runtime"), IconGameFilled = ({ 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)("path", { fill: fill || color || "currentColor", d: "M7.5 0H16.5V5.37868L12 9.87868L7.5 5.37868V0Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: fill || color || "currentColor", d: "M5.37868 7.5H0V16.5H5.37868L9.87868 12L5.37868 7.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M7.5 18.6213V24H16.5V18.6213L12 14.1213L7.5 18.6213Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -880,8 +966,8 @@ var import_jsx_runtime45 = require("react/jsx-runtime"), IconGameFilled = ({ siz
 ] }), GameFilled_default = IconGameFilled;
 
 // src/components/Game.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime"), IconGame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("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_runtime52 = require("react/jsx-runtime"), IconGame = ({ 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)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -890,7 +976,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -899,7 +985,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -908,7 +994,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime"), IconGame = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -920,7 +1006,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime"), IconGame = ({ size, wid
 ] }), Game_default = IconGame;
 
 // src/components/GamebackupFilled.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime"), IconGamebackupFilled = ({ 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_runtime53 = require("react/jsx-runtime"), IconGamebackupFilled = ({ 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",
@@ -931,7 +1017,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime"), IconGamebackupFilled =
 ) }), GamebackupFilled_default = IconGamebackupFilled;
 
 // src/components/Gamebackup.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime"), IconGamebackup = ({ 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_runtime54 = require("react/jsx-runtime"), IconGamebackup = ({ 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: stroke || color || "currentColor",
@@ -942,7 +1028,7 @@ var import_jsx_runtime48 = require("react/jsx-runtime"), IconGamebackup = ({ siz
 ) }), Gamebackup_default = IconGamebackup;
 
 // src/components/GamecontrolChoice.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime"), IconGamecontrolChoice = ({ 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)(
+var import_jsx_runtime55 = require("react/jsx-runtime"), IconGamecontrolChoice = ({ 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: stroke || color || "currentColor",
@@ -953,7 +1039,7 @@ var import_jsx_runtime49 = require("react/jsx-runtime"), IconGamecontrolChoice =
 ) }), GamecontrolChoice_default = IconGamecontrolChoice;
 
 // src/components/GamecontrolGameplay.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime"), IconGamecontrolGameplay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var import_jsx_runtime56 = require("react/jsx-runtime"), IconGamecontrolGameplay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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",
@@ -964,7 +1050,7 @@ var import_jsx_runtime50 = require("react/jsx-runtime"), IconGamecontrolGameplay
 ) }), GamecontrolGameplay_default = IconGamecontrolGameplay;
 
 // src/components/GamecontrolLinear.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime"), IconGamecontrolLinear = ({ 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)(
+var import_jsx_runtime57 = require("react/jsx-runtime"), IconGamecontrolLinear = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -975,15 +1061,15 @@ var import_jsx_runtime51 = require("react/jsx-runtime"), IconGamecontrolLinear =
 ) }), GamecontrolLinear_default = IconGamecontrolLinear;
 
 // src/components/GamecontrolNone.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime"), IconGamecontrolNone = ({ 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)(
+var import_jsx_runtime58 = require("react/jsx-runtime"), IconGamecontrolNone = ({ 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: "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_runtime52.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -992,7 +1078,7 @@ var import_jsx_runtime52 = require("react/jsx-runtime"), IconGamecontrolNone = (
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1004,7 +1090,7 @@ var import_jsx_runtime52 = require("react/jsx-runtime"), IconGamecontrolNone = (
 ] }), GamecontrolNone_default = IconGamecontrolNone;
 
 // src/components/Gamelanguage.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime"), IconGamelanguage = ({ 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)(
+var import_jsx_runtime59 = require("react/jsx-runtime"), IconGamelanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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",
@@ -1015,8 +1101,8 @@ var import_jsx_runtime53 = require("react/jsx-runtime"), IconGamelanguage = ({ s
 ) }), Gamelanguage_default = IconGamelanguage;
 
 // src/components/Gamepreview.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime"), IconGamepreview = ({ 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)(
+var import_jsx_runtime60 = require("react/jsx-runtime"), IconGamepreview = ({ 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: stroke || color || "currentColor",
@@ -1025,7 +1111,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime"), IconGamepreview = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1037,7 +1123,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime"), IconGamepreview = ({ si
 ] }), Gamepreview_default = IconGamepreview;
 
 // src/components/Gameui.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime"), IconGameui = ({ 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)(
+var import_jsx_runtime61 = require("react/jsx-runtime"), IconGameui = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1048,15 +1134,15 @@ var import_jsx_runtime55 = require("react/jsx-runtime"), IconGameui = ({ size, w
 ) }), Gameui_default = IconGameui;
 
 // src/components/GenerateMultimage.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime"), IconGenerateMultimage = ({ 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)(
+var import_jsx_runtime62 = require("react/jsx-runtime"), IconGenerateMultimage = ({ 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)(
     "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_runtime56.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1065,11 +1151,11 @@ var import_jsx_runtime56 = require("react/jsx-runtime"), IconGenerateMultimage =
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
 ] }), GenerateMultimage_default = IconGenerateMultimage;
 
 // src/components/GenerateFilled.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime"), IconGenerateFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var import_jsx_runtime63 = require("react/jsx-runtime"), IconGenerateFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1080,15 +1166,15 @@ var import_jsx_runtime57 = require("react/jsx-runtime"), IconGenerateFilled = ({
 ) }), GenerateFilled_default = IconGenerateFilled;
 
 // src/components/GenerateFrameStart.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime"), IconGenerateFrameStart = ({ 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)(
+var import_jsx_runtime64 = require("react/jsx-runtime"), IconGenerateFrameStart = ({ 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)(
     "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_runtime58.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1100,8 +1186,8 @@ var import_jsx_runtime58 = require("react/jsx-runtime"), IconGenerateFrameStart
 ] }), GenerateFrameStart_default = IconGenerateFrameStart;
 
 // src/components/GenerateFrameStart2End.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime"), IconGenerateFrameStart2End = ({ 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)(
+var import_jsx_runtime65 = require("react/jsx-runtime"), IconGenerateFrameStart2End = ({ 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",
@@ -1110,14 +1196,14 @@ var import_jsx_runtime59 = require("react/jsx-runtime"), IconGenerateFrameStart2
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime59.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1129,8 +1215,8 @@ var import_jsx_runtime59 = require("react/jsx-runtime"), IconGenerateFrameStart2
 ] }), GenerateFrameStart2End_default = IconGenerateFrameStart2End;
 
 // src/components/GenerateSwitchframe.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime"), IconGenerateSwitchframe = ({ 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)(
+var import_jsx_runtime66 = require("react/jsx-runtime"), IconGenerateSwitchframe = ({ 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",
@@ -1139,7 +1225,7 @@ var import_jsx_runtime60 = require("react/jsx-runtime"), IconGenerateSwitchframe
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1151,15 +1237,15 @@ var import_jsx_runtime60 = require("react/jsx-runtime"), IconGenerateSwitchframe
 ] }), GenerateSwitchframe_default = IconGenerateSwitchframe;
 
 // src/components/GenerateT2V.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime"), IconGenerateT2V = ({ 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_runtime67 = require("react/jsx-runtime"), IconGenerateT2V = ({ 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: stroke || color || "currentColor",
       d: "M6 6V10.5H8.25V8.25H10.875V15.75H8.25V18H15.75V15.75H13.125V8.25H15.75V10.5H18V6H6Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1171,15 +1257,15 @@ var import_jsx_runtime61 = require("react/jsx-runtime"), IconGenerateT2V = ({ si
 ] }), GenerateT2V_default = IconGenerateT2V;
 
 // src/components/GenreAuto.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime"), IconGenreAuto = ({ 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)(
+var import_jsx_runtime68 = require("react/jsx-runtime"), IconGenreAuto = ({ 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",
       d: "M18.375 6.375V10.5H16.125V6.375H12V4.125H16.125V0H18.375V4.125H22.5V6.375H18.375Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1188,15 +1274,15 @@ var import_jsx_runtime62 = require("react/jsx-runtime"), IconGenreAuto = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18 21.75L20.25 19.5L22.5 21.75L20.25 24L18 21.75Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1206,22 +1292,22 @@ var import_jsx_runtime62 = require("react/jsx-runtime"), IconGenreAuto = ({ size
 ] }), GenreAuto_default = IconGenreAuto;
 
 // src/components/GenreComedy.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime"), IconGenreComedy = ({ 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)(
+var import_jsx_runtime69 = require("react/jsx-runtime"), IconGenreComedy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime63.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime63.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1230,7 +1316,7 @@ var import_jsx_runtime63 = require("react/jsx-runtime"), IconGenreComedy = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1242,7 +1328,7 @@ var import_jsx_runtime63 = require("react/jsx-runtime"), IconGenreComedy = ({ si
 ] }), GenreComedy_default = IconGenreComedy;
 
 // src/components/GenreFantasy.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime"), IconGenreFantasy = ({ 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_runtime70 = require("react/jsx-runtime"), IconGenreFantasy = ({ 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",
@@ -1253,22 +1339,22 @@ var import_jsx_runtime64 = require("react/jsx-runtime"), IconGenreFantasy = ({ s
 ) }), GenreFantasy_default = IconGenreFantasy;
 
 // src/components/GenreHorror.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime"), IconGenreHorror = ({ 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)(
+var import_jsx_runtime71 = require("react/jsx-runtime"), IconGenreHorror = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("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: "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_runtime65.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime65.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1280,7 +1366,7 @@ var import_jsx_runtime65 = require("react/jsx-runtime"), IconGenreHorror = ({ si
 ] }), GenreHorror_default = IconGenreHorror;
 
 // src/components/GenreRomance.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime"), IconGenreRomance = ({ 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_runtime72 = require("react/jsx-runtime"), IconGenreRomance = ({ 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",
@@ -1291,15 +1377,15 @@ var import_jsx_runtime66 = require("react/jsx-runtime"), IconGenreRomance = ({ s
 ) }), GenreRomance_default = IconGenreRomance;
 
 // src/components/GenreScifi.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime"), IconGenreScifi = ({ 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_runtime73 = require("react/jsx-runtime"), IconGenreScifi = ({ 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)(
     "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_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1308,7 +1394,7 @@ var import_jsx_runtime67 = require("react/jsx-runtime"), IconGenreScifi = ({ siz
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1318,7 +1404,7 @@ var import_jsx_runtime67 = require("react/jsx-runtime"), IconGenreScifi = ({ siz
 ] }), GenreScifi_default = IconGenreScifi;
 
 // src/components/GenreSuspense.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime"), IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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_runtime74 = require("react/jsx-runtime"), IconGenreSuspense = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1329,7 +1415,7 @@ var import_jsx_runtime68 = require("react/jsx-runtime"), IconGenreSuspense = ({
 ) }), GenreSuspense_default = IconGenreSuspense;
 
 // src/components/Genre.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime"), IconGenre = ({ 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_runtime75 = require("react/jsx-runtime"), IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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",
@@ -1340,8 +1426,8 @@ var import_jsx_runtime69 = require("react/jsx-runtime"), IconGenre = ({ size, wi
 ) }), Genre_default = IconGenre;
 
 // src/components/GoogleLogoFilled.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled = ({ 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_runtime76 = require("react/jsx-runtime"), IconGoogleLogoFilled = ({ 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)(
     "mask",
     {
       id: "mask0_48_113",
@@ -1351,7 +1437,7 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       y: "0",
       maskUnits: "userSpaceOnUse",
       style: { maskType: "luminance" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "path",
         {
           fill: stroke || color || "currentColor",
@@ -1360,64 +1446,64 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       )
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("g", { mask: "url(#mask0_48_113)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("g", { mask: "url(#mask0_48_113)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime70.jsx)("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "path",
       {
         fill: "url(#paint7_linear_48_113)",
@@ -1425,8 +1511,8 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
       }
     ) })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("defs", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("defs", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter0_f_48_113",
@@ -1437,13 +1523,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter1_f_48_113",
@@ -1454,13 +1540,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter2_f_48_113",
@@ -1471,13 +1557,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter3_f_48_113",
@@ -1488,13 +1574,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter4_f_48_113",
@@ -1505,13 +1591,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter5_f_48_113",
@@ -1522,13 +1608,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter6_f_48_113",
@@ -1539,13 +1625,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter7_f_48_113",
@@ -1556,13 +1642,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "filter",
       {
         id: "filter8_f_48_113",
@@ -1573,13 +1659,13 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint0_radial_48_113",
@@ -1589,20 +1675,20 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.311547", stopColor: "#8AC502" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.366013", stopColor: "#A2C600" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.445673", stopColor: "#C8C903" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.311547", stopColor: "#8AC502" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.366013", stopColor: "#A2C600" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.445673", stopColor: "#C8C903" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint1_radial_48_113",
@@ -1612,12 +1698,12 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#FF4540" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#FF4540" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint2_radial_48_113",
@@ -1627,18 +1713,18 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.231273", stopColor: "#FF4541" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.311547", stopColor: "#FF4540" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.457516", stopColor: "#FF4640" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.540305", stopColor: "#FF473F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.699346", stopColor: "#FF5138" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#FF8C18" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.231273", stopColor: "#FF4541" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.311547", stopColor: "#FF4540" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.457516", stopColor: "#FF4640" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.540305", stopColor: "#FF473F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.699346", stopColor: "#FF5138" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#FF8C18" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint3_radial_48_113",
@@ -1648,19 +1734,19 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.297297", stopColor: "#09B479" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.396257", stopColor: "#08AD93" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.667385", stopColor: "#1893DD" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.768727", stopColor: "#258BF1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.858506", stopColor: "#3086FF" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.297297", stopColor: "#09B479" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.396257", stopColor: "#08AD93" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.667385", stopColor: "#1893DD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.768727", stopColor: "#258BF1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.858506", stopColor: "#3086FF" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint4_radial_48_113",
@@ -1670,18 +1756,18 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.540305", stopColor: "#FFA312" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.915033", stopColor: "#FECF08" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#FDCD01" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.540305", stopColor: "#FFA312" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.915033", stopColor: "#FECF08" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#FDCD01" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint5_radial_48_113",
@@ -1691,15 +1777,15 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.603818", stopColor: "#FF692C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.726837", stopColor: "#FF7825" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#FF9F13" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.603818", stopColor: "#FF692C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.726837", stopColor: "#FF7825" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#FF9F13" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "radialGradient",
       {
         id: "paint6_radial_48_113",
@@ -1709,20 +1795,20 @@ var import_jsx_runtime70 = 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_runtime70.jsx)("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.540305", stopColor: "#12BC58" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.771242", stopColor: "#38C02B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.860566", stopColor: "#52C218" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "0.915033", stopColor: "#67C30F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#86C504" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.540305", stopColor: "#12BC58" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.771242", stopColor: "#38C02B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.860566", stopColor: "#52C218" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "0.915033", stopColor: "#67C30F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#86C504" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "linearGradient",
       {
         id: "paint7_linear_48_113",
@@ -1732,8 +1818,8 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
         y2: "21.5116",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { stopColor: "#0FBC5C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#0CBA65" })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { stopColor: "#0FBC5C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#0CBA65" })
         ]
       }
     )
@@ -1741,7 +1827,7 @@ var import_jsx_runtime70 = require("react/jsx-runtime"), IconGoogleLogoFilled =
 ] }), GoogleLogoFilled_default = IconGoogleLogoFilled;
 
 // src/components/Handtool.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime"), IconHandtool = ({ 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_runtime77 = require("react/jsx-runtime"), IconHandtool = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("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",
@@ -1750,16 +1836,16 @@ var import_jsx_runtime71 = require("react/jsx-runtime"), IconHandtool = ({ size,
 ) }), Handtool_default = IconHandtool;
 
 // src/components/Help.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime"), IconHelp = ({ 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)("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_jsx_runtime78 = require("react/jsx-runtime"), IconHelp = ({ 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)("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime72.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1771,7 +1857,7 @@ var import_jsx_runtime72 = require("react/jsx-runtime"), IconHelp = ({ size, wid
 ] }), Help_default = IconHelp;
 
 // src/components/HomepageFilled.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime"), IconHomepageFilled = ({ 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)(
+var import_jsx_runtime79 = require("react/jsx-runtime"), IconHomepageFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1782,7 +1868,7 @@ var import_jsx_runtime73 = require("react/jsx-runtime"), IconHomepageFilled = ({
 ) }), HomepageFilled_default = IconHomepageFilled;
 
 // src/components/Hotareacenter.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime"), IconHotareacenter = ({ 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_runtime80 = require("react/jsx-runtime"), IconHotareacenter = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "path",
   {
     fill: "#191919",
@@ -1792,26 +1878,33 @@ var import_jsx_runtime74 = require("react/jsx-runtime"), IconHotareacenter = ({
 ) }), Hotareacenter_default = IconHotareacenter;
 
 // src/components/ImageGeneration.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime"), IconImageGeneration = ({ 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_runtime81 = require("react/jsx-runtime"), IconImageGeneration = ({ 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 3.75H3.75V17.1592L9 11.9092L12 14.9092L14.9092 12H18.0908L12 18.0908L9 15.0908L3.84082 20.25H20.25V12H22.5V22.5H1.5V1.5H12V3.75ZM8.625 6C9.66053 6 10.5 6.83947 10.5 7.875C10.5 8.91053 9.66053 9.75 8.625 9.75C7.58947 9.75 6.75 8.91053 6.75 7.875C6.75 6.83947 7.58947 6 8.625 6Z"
+      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_runtime75.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
-      d: "M14 4.28571L17.5714 3.57143L18.2857 0H19.7143L20.4286 3.57143L24 4.28571V5.71429L20.4286 6.42857L19.7143 10H18.2857L17.5714 6.42857L14 5.71429V4.28571Z"
+      d: "M8.625 6C9.66053 6 10.5 6.83947 10.5 7.875C10.5 8.91053 9.66053 9.75 8.625 9.75C7.58947 9.75 6.75 8.91053 6.75 7.875C6.75 6.83947 7.58947 6 8.625 6Z"
     }
   )
 ] }), ImageGeneration_default = IconImageGeneration;
 
 // src/components/ImageLoadFailedFilled.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime"), IconImageLoadFailedFilled = ({ 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_runtime82 = require("react/jsx-runtime"), IconImageLoadFailedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("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",
@@ -1820,7 +1913,7 @@ var import_jsx_runtime76 = require("react/jsx-runtime"), IconImageLoadFailedFill
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1830,10 +1923,10 @@ var import_jsx_runtime76 = require("react/jsx-runtime"), IconImageLoadFailedFill
 ] }), ImageLoadFailedFilled_default = IconImageLoadFailedFilled;
 
 // src/components/Info.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime"), IconInfo = ({ 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", d: "M13.125 5.25V7.5H10.875V5.25H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { fill: stroke || color || "currentColor", d: "M9 12H10.875V18.75H15V16.5H13.125V9.75H9V12Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var import_jsx_runtime83 = require("react/jsx-runtime"), IconInfo = ({ 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: "M13.125 5.25V7.5H10.875V5.25H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { fill: stroke || color || "currentColor", d: "M9 12H10.875V18.75H15V16.5H13.125V9.75H9V12Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1845,7 +1938,7 @@ var import_jsx_runtime77 = require("react/jsx-runtime"), IconInfo = ({ size, wid
 ] }), Info_default = IconInfo;
 
 // src/components/Invitecode.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime"), IconInvitecode = ({ 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)(
+var import_jsx_runtime84 = require("react/jsx-runtime"), IconInvitecode = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1856,7 +1949,7 @@ var import_jsx_runtime78 = require("react/jsx-runtime"), IconInvitecode = ({ siz
 ) }), Invitecode_default = IconInvitecode;
 
 // src/components/LeftFilled.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime"), IconLeftFilled = ({ 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_runtime85 = require("react/jsx-runtime"), IconLeftFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1867,15 +1960,15 @@ var import_jsx_runtime79 = require("react/jsx-runtime"), IconLeftFilled = ({ siz
 ) }), LeftFilled_default = IconLeftFilled;
 
 // src/components/Loading.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime"), IconLoading = ({ 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_runtime86 = require("react/jsx-runtime"), IconLoading = ({ 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: "M21.4999 12C21.4999 6.75334 17.2467 2.50005 12 2.50005C6.75328 2.50005 2.49999 6.75334 2.49999 12C2.49999 17.2467 6.75328 21.5 12 21.5V24C5.37257 24 0 18.6274 0 12C0 5.37263 5.37257 6.1035e-05 12 6.1035e-05C18.6274 6.1035e-05 23.9999 5.37263 23.9999 12C23.9999 18.6274 18.6274 24 12 24V21.5C17.2467 21.5 21.4999 17.2467 21.4999 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1885,15 +1978,15 @@ var import_jsx_runtime80 = require("react/jsx-runtime"), IconLoading = ({ size,
 ] }), Loading_default = IconLoading;
 
 // src/components/Login.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime"), IconLogin = ({ 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_runtime87 = require("react/jsx-runtime"), IconLogin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M24 1.5L13.5 1.5V3.75H21.75V20.25H13.5V22.5H24V1.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1905,8 +1998,8 @@ var import_jsx_runtime81 = require("react/jsx-runtime"), IconLogin = ({ size, wi
 ] }), Login_default = IconLogin;
 
 // src/components/Logout.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime"), IconLogout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("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_runtime88 = require("react/jsx-runtime"), IconLogout = ({ 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",
@@ -1915,7 +2008,7 @@ var import_jsx_runtime82 = require("react/jsx-runtime"), IconLogout = ({ size, w
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1925,7 +2018,7 @@ var import_jsx_runtime82 = require("react/jsx-runtime"), IconLogout = ({ size, w
 ] }), Logout_default = IconLogout;
 
 // src/components/ModelGeminiFilled.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime"), IconModelGeminiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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_runtime89 = require("react/jsx-runtime"), IconModelGeminiFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1934,7 +2027,7 @@ var import_jsx_runtime83 = require("react/jsx-runtime"), IconModelGeminiFilled =
 ) }), ModelGeminiFilled_default = IconModelGeminiFilled;
 
 // src/components/ModelOpenaiFilled.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime"), IconModelOpenaiFilled = ({ 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_runtime90 = require("react/jsx-runtime"), IconModelOpenaiFilled = ({ 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: fill || color || "currentColor",
@@ -1943,8 +2036,8 @@ var import_jsx_runtime84 = require("react/jsx-runtime"), IconModelOpenaiFilled =
 ) }), ModelOpenaiFilled_default = IconModelOpenaiFilled;
 
 // src/components/ModelDeepmindFilled.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime"), IconModelDeepmindFilled = ({ 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)("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var import_jsx_runtime91 = require("react/jsx-runtime"), IconModelDeepmindFilled = ({ 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)("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1953,27 +2046,27 @@ var import_jsx_runtime85 = require("react/jsx-runtime"), IconModelDeepmindFilled
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
 ] }), ModelDeepmindFilled_default = IconModelDeepmindFilled;
 
 // src/components/ModelSeedFilled.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime"), IconModelSeedFilled = ({ 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: fill || color || "currentColor", d: "M23 2.95271V20.0401L19.2211 21V2L23 2.95271Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var import_jsx_runtime92 = require("react/jsx-runtime"), IconModelSeedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { fill: fill || color || "currentColor", d: "M23 2.95271V20.0401L19.2211 21V2L23 2.95271Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M10.7528 11.4648V19.5633L6.98126 20.5241V10.5048L10.7528 11.4648Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M4.77158 3.95509V19.044L1 20.0048V2.99515L4.77158 3.95509Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1983,7 +2076,7 @@ var import_jsx_runtime86 = require("react/jsx-runtime"), IconModelSeedFilled = (
 ] }), ModelSeedFilled_default = IconModelSeedFilled;
 
 // src/components/ModelSoraFilled.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime"), IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var import_jsx_runtime93 = require("react/jsx-runtime"), IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1992,7 +2085,7 @@ var import_jsx_runtime87 = require("react/jsx-runtime"), IconModelSoraFilled = (
 ) }), ModelSoraFilled_default = IconModelSoraFilled;
 
 // src/components/ModelNanobananaLogoNomoFilled.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime"), IconModelNanobananaLogoNomoFilled = ({
+var import_jsx_runtime94 = require("react/jsx-runtime"), IconModelNanobananaLogoNomoFilled = ({
   size,
   width,
   height,
@@ -2000,64 +2093,64 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconModelNanobananaLogo
   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)(
+}) => /* @__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)(
     "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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime88.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "path",
     {
       fill: "#D5D6D7",
@@ -2066,8 +2159,19 @@ var import_jsx_runtime88 = require("react/jsx-runtime"), IconModelNanobananaLogo
   )
 ] }), ModelNanobananaLogoNomoFilled_default = IconModelNanobananaLogoNomoFilled;
 
+// src/components/ModelklingFilled.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime"), IconModelklingFilled = ({ 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: fill || color || "currentColor",
+    d: "M20.5291 3.4438L20.6122 3.52495L20.6146 3.52263C22.2151 5.1053 21.7561 8.28532 19.4354 11.8904L24 16.388L23.8039 16.7643C23.0364 18.2384 21.9975 19.5591 20.7401 20.6592C19.0838 22.116 17.0844 23.1423 14.9233 23.6452L14.8449 23.6638L14.7327 23.6901L14.6518 23.7078L14.4737 23.7465L14.3263 23.7751L14.2156 23.7959C14.0979 23.8191 13.9748 23.8408 13.8547 23.8608L13.7543 23.8755L13.6782 23.8848C13.5699 23.8992 13.4622 23.9126 13.355 23.925C11.5558 24.1243 9.73409 23.9252 8.02307 23.3421C6.31204 22.759 4.7549 21.8067 3.46545 20.5549L3.39013 20.483C1.78647 18.9003 2.24073 15.718 4.56463 12.1106L0 7.61299L0.196143 7.23664C0.961493 5.76157 2.00159 4.44138 3.26224 3.34489C4.55042 2.21676 6.04609 1.34218 7.66839 0.768412C8.04498 0.63472 8.43884 0.518029 8.82563 0.419112C9.1444 0.334967 9.46662 0.264065 9.79143 0.206596C9.90127 0.184958 10.0252 0.162547 10.1453 0.142454C12.0176 -0.145008 13.9323 0.00390571 15.7356 0.577243C17.5389 1.15058 19.1807 2.13237 20.5291 3.4438ZM18.9858 3.637H18.9811L18.9858 3.63932C17.4347 3.16637 14.9735 3.93066 12.3719 5.6192C14.3514 5.07593 16.2657 5.35722 17.503 6.57668C18.6751 7.73355 18.996 9.48932 18.5519 11.334C18.531 11.4324 18.5049 11.5321 18.4735 11.633C20.5973 8.46847 21.2768 5.50792 19.932 4.18568C19.9099 4.16184 19.8863 4.13938 19.8614 4.11845L19.8512 4.10917L19.8363 4.09604L19.7916 4.06203C19.7722 4.04658 19.7521 4.03164 19.7312 4.01721L19.6982 3.99403C19.4831 3.83588 19.2422 3.71513 18.9858 3.637ZM17.9212 10.7505C17.6473 12.3595 16.7443 13.9854 15.3752 15.3324C14.0101 16.6801 12.3562 17.5704 10.7204 17.8424C9.18967 18.0974 7.86924 17.7651 7.00386 16.915C6.14083 16.0642 5.80347 14.7682 6.06237 13.2528C6.33619 11.6454 7.23688 10.0187 8.59967 8.67326C8.59967 8.67326 8.60203 8.67326 8.60752 8.66553L8.61223 8.6578C9.97973 7.31933 11.6273 6.4314 13.2592 6.16247C14.7899 5.90745 16.1072 6.2382 16.9757 7.08981C17.8388 7.93988 18.1761 9.23816 17.9172 10.7513L17.9212 10.7505ZM4.04995 4.21273C3.00775 5.12054 2.13032 6.19674 1.45538 7.39507L1.44753 7.39738L5.40804 11.2891C5.73076 10.8414 6.07597 10.3989 6.44367 9.96149C6.57234 9.81003 6.70467 9.65598 6.84067 9.49937L6.89245 9.44141L7.08074 9.2343C7.08624 9.22966 7.09173 9.21962 7.09173 9.21962L7.12625 9.18098L7.1443 9.16011L7.17176 9.13075L7.24237 9.05347C7.29153 8.99783 7.34253 8.94296 7.39536 8.88886C7.39536 8.88345 7.4032 8.87573 7.4032 8.87573L7.48794 8.78454L7.54835 8.72271C7.55096 8.71859 7.55306 8.71808 7.55306 8.71808C7.55776 8.71396 7.55855 8.71035 7.55855 8.71035L7.56953 8.69644L7.58052 8.6833C7.59008 8.67607 7.59877 8.66777 7.60641 8.65857L7.62131 8.64312C7.65348 8.61143 7.69193 8.57434 7.72645 8.53724C7.74475 8.51509 7.76568 8.49294 7.78921 8.47079L7.82138 8.43833C7.82687 8.4306 7.84178 8.41592 7.84178 8.41592L7.90219 8.35719L8.01988 8.24281L8.0591 8.20186L8.10304 8.15626C8.95111 7.31805 9.85739 6.539 10.8153 5.82476L10.9408 5.73434H10.9416V5.73357L10.9432 5.7328L11.0687 5.64161C11.2089 5.53806 11.3501 5.43682 11.4924 5.3379C11.6441 5.2359 11.7957 5.13543 11.9474 5.03652C14.0046 3.68568 16.0194 2.87503 17.6638 2.71429C15.4638 1.40687 12.867 0.903505 10.3281 1.29236C10.2182 1.30936 10.1131 1.32714 10.0001 1.34955C9.92873 1.36191 9.86675 1.37428 9.80399 1.38664L9.76633 1.39437C9.18966 1.5113 8.62206 1.66805 8.06773 1.86345C6.58802 2.38524 5.22339 3.18285 4.04995 4.21273ZM4.26885 19.9838C4.48853 20.1486 4.7388 20.2738 5.01968 20.3593H5.0134C6.5747 20.8292 9.02648 20.0626 11.6187 18.3787C9.64158 18.9196 7.73115 18.6384 6.49389 17.4189C5.32723 16.2674 5.00634 14.5063 5.44805 12.6616C5.47002 12.5632 5.49591 12.4635 5.52573 12.3625C3.40268 15.5279 2.72481 18.4877 4.068 19.8107C4.09833 19.84 4.13076 19.8697 4.16528 19.8995C4.19771 19.9284 4.23276 19.9565 4.26885 19.9838ZM22.5423 16.6067V16.6082C21.8663 17.8048 20.9896 18.88 19.9493 19.7883C18.3924 21.15 16.5104 22.1008 14.4792 22.5517L14.4541 22.5579L14.3867 22.5734C14.3104 22.5937 14.2332 22.6102 14.1552 22.6228C14.1045 22.6337 14.0527 22.6432 13.9999 22.6514C13.8905 22.6723 13.7807 22.6904 13.6703 22.7055L13.5786 22.721L13.4742 22.7341C13.3905 22.7455 13.3047 22.7558 13.2169 22.765C10.8214 23.0307 8.40389 22.5111 6.33854 21.2867C7.9218 21.1329 9.84949 20.3717 11.8266 19.1128L11.9396 19.0402L12.0526 18.9668L12.2063 18.8648H12.2071L12.5045 18.6654C12.6483 18.5665 12.7895 18.4652 12.9281 18.3617C13.015 18.3004 13.1002 18.2393 13.1839 18.1785C14.1406 17.4622 15.047 16.683 15.897 15.8463C15.9174 15.8257 15.9364 15.8056 15.9542 15.786L15.9778 15.7597C16.0196 15.7211 16.0588 15.6832 16.0955 15.6461L16.1551 15.5874C16.1551 15.5874 16.1708 15.5719 16.1731 15.5642C16.181 15.5575 16.1886 15.5503 16.1959 15.5426L16.2053 15.5325L16.2736 15.4661L16.3261 15.412C16.3439 15.3955 16.3614 15.378 16.3787 15.3594L16.3928 15.344C16.4005 15.335 16.4092 15.327 16.4187 15.32L16.4305 15.3061L16.4415 15.293C16.4415 15.293 16.4493 15.2852 16.454 15.2829L16.4752 15.2605L16.4964 15.2381L16.5168 15.2188C16.4948 15.2414 16.4739 15.2651 16.454 15.2899L16.5026 15.2396L16.5034 15.2381C16.5374 15.202 16.5712 15.1675 16.6046 15.1345C16.6046 15.1345 16.6046 15.1268 16.6125 15.1268C16.6585 15.0784 16.7032 15.0294 16.7466 14.98L16.8353 14.8826C16.847 14.8751 16.8565 14.8647 16.8628 14.8525L16.913 14.793L16.9255 14.7783C16.9867 14.7139 17.0466 14.6487 17.1052 14.5828L17.1664 14.5132C17.2647 14.4004 17.3625 14.2868 17.4598 14.1724L17.5775 14.0341L17.6144 13.9893C17.6615 13.931 17.708 13.8744 17.754 13.8192C17.7933 13.7729 17.8317 13.7255 17.8694 13.6771C17.8929 13.6461 17.9172 13.616 17.9423 13.5866C18.1699 13.2976 18.3888 13.0132 18.5998 12.7211L22.5423 16.6067ZM22.5423 16.6067C22.5423 16.6041 22.5438 16.6021 22.547 16.6005V16.6129L22.5423 16.6082H22.5438L22.5423 16.6067Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), ModelklingFilled_default = IconModelklingFilled;
+
 // src/components/Models.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime"), IconModels = ({ 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_runtime96 = require("react/jsx-runtime"), IconModels = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2078,31 +2182,31 @@ var import_jsx_runtime89 = require("react/jsx-runtime"), IconModels = ({ size, w
 ) }), Models_default = IconModels;
 
 // src/components/MoreCollapse.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime"), IconMoreCollapse = ({ 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)(
+var import_jsx_runtime97 = require("react/jsx-runtime"), IconMoreCollapse = ({ 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",
-    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.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 12C21.75 17.3848 17.3848 21.75 12 21.75ZM17.2959 10.5459L15.7051 8.95508L12 12.6592L8.2959 8.95508L6.70508 10.5459L12 15.8408L17.2959 10.5459Z"
+    d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37259 18.6274 3.8147e-06 12 3.8147e-06C5.37258 3.8147e-06 0 5.37259 0 12C0 18.6274 5.37258 24 12 24ZM12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 6.61523 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61523 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75ZM17.2959 10.5459L15.7051 8.95508L12 12.6592L8.2959 8.95508L6.70508 10.5459L12 15.8408L17.2959 10.5459Z"
   }
 ) }), MoreCollapse_default = IconMoreCollapse;
 
 // src/components/MoreHorizontal.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime"), IconMoreHorizontal = ({ 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)(
+var import_jsx_runtime98 = require("react/jsx-runtime"), IconMoreHorizontal = ({ 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: "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_runtime91.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime91.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2112,7 +2216,7 @@ var import_jsx_runtime91 = require("react/jsx-runtime"), IconMoreHorizontal = ({
 ] }), MoreHorizontal_default = IconMoreHorizontal;
 
 // src/components/MoreShowed.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime"), IconMoreShowed = ({ 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_runtime99 = require("react/jsx-runtime"), IconMoreShowed = ({ 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: stroke || color || "currentColor",
@@ -2121,22 +2225,22 @@ var import_jsx_runtime92 = require("react/jsx-runtime"), IconMoreShowed = ({ siz
 ) }), MoreShowed_default = IconMoreShowed;
 
 // src/components/More.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime"), IconMore = ({ 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_runtime100 = require("react/jsx-runtime"), IconMore = ({ 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)(
     "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_runtime93.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime93.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2146,29 +2250,29 @@ var import_jsx_runtime93 = require("react/jsx-runtime"), IconMore = ({ size, wid
 ] }), More_default = IconMore;
 
 // src/components/Moresettings.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime"), IconMoresettings = ({ 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_runtime101 = require("react/jsx-runtime"), IconMoresettings = ({ 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: "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_runtime94.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime94.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime94.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2180,8 +2284,8 @@ var import_jsx_runtime94 = require("react/jsx-runtime"), IconMoresettings = ({ s
 ] }), Moresettings_default = IconMoresettings;
 
 // src/components/MouseDrag.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime"), IconMouseDrag = ({ 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)(
+var import_jsx_runtime102 = require("react/jsx-runtime"), IconMouseDrag = ({ 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",
@@ -2189,7 +2293,7 @@ var import_jsx_runtime95 = require("react/jsx-runtime"), IconMouseDrag = ({ size
       d: "M13.5 3.5V20.5H10.5V3.5H13.5Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2197,7 +2301,7 @@ var import_jsx_runtime95 = require("react/jsx-runtime"), IconMouseDrag = ({ size
       d: "M6.79297 7.5L2.29297 12L6.79297 16.5H8.5V7.5H6.79297Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2208,8 +2312,8 @@ var import_jsx_runtime95 = require("react/jsx-runtime"), IconMouseDrag = ({ size
 ] }), MouseDrag_default = IconMouseDrag;
 
 // src/components/MouseMove.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime"), IconMouseMove = ({ 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)("g", { clipPath: "url(#clip0_384_31)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var import_jsx_runtime103 = require("react/jsx-runtime"), IconMouseMove = ({ 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_384_31)", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2217,12 +2321,12 @@ var import_jsx_runtime96 = require("react/jsx-runtime"), IconMouseMove = ({ size
       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_runtime96.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("clipPath", { id: "clip0_384_31", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("clipPath", { id: "clip0_384_31", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), MouseMove_default = IconMouseMove;
 
 // src/components/MouseNumberchange.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime"), IconMouseNumberchange = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("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_runtime104 = require("react/jsx-runtime"), IconMouseNumberchange = ({ 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",
@@ -2230,7 +2334,7 @@ var import_jsx_runtime97 = require("react/jsx-runtime"), IconMouseNumberchange =
       d: "M10.5 17L9.30567 17L0.97168 12L9.30566 7L10.5 7L10.5 17Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2241,7 +2345,7 @@ var import_jsx_runtime97 = require("react/jsx-runtime"), IconMouseNumberchange =
 ] }), MouseNumberchange_default = IconMouseNumberchange;
 
 // src/components/Musicassets.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime"), IconMusicassets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("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_runtime105 = require("react/jsx-runtime"), IconMusicassets = ({ 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: stroke || color || "currentColor",
@@ -2252,8 +2356,8 @@ var import_jsx_runtime98 = require("react/jsx-runtime"), IconMusicassets = ({ si
 ) }), Musicassets_default = IconMusicassets;
 
 // src/components/Mute.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime"), IconMute = ({ 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_runtime106 = require("react/jsx-runtime"), IconMute = ({ 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: stroke || color || "currentColor",
@@ -2262,7 +2366,7 @@ var import_jsx_runtime99 = require("react/jsx-runtime"), IconMute = ({ size, wid
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2272,7 +2376,7 @@ var import_jsx_runtime99 = require("react/jsx-runtime"), IconMute = ({ size, wid
 ] }), Mute_default = IconMute;
 
 // src/components/Next.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime"), IconNext = ({ 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)(
+var import_jsx_runtime107 = require("react/jsx-runtime"), IconNext = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2283,15 +2387,15 @@ var import_jsx_runtime100 = require("react/jsx-runtime"), IconNext = ({ size, wi
 ) }), Next_default = IconNext;
 
 // src/components/Nextscene.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime"), IconNextscene = ({ 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)(
+var import_jsx_runtime108 = require("react/jsx-runtime"), IconNextscene = ({ 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",
       d: "M16.7959 12L10.2656 18.5303L9.2041 17.4697L14.6738 12L9.2041 6.53027L10.2656 5.46973L16.7959 12Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2302,18 +2406,29 @@ var import_jsx_runtime101 = require("react/jsx-runtime"), IconNextscene = ({ siz
   )
 ] }), Nextscene_default = IconNextscene;
 
+// src/components/Niceofficial.tsx
+var import_jsx_runtime109 = require("react/jsx-runtime"), IconNiceofficial = ({ 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)(
+  "path",
+  {
+    fill: fill || 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 24ZM8.25 10.5C9.49264 10.5 10.5 9.49264 10.5 8.25C10.5 7.00736 9.49264 6 8.25 6C7.00736 6 6 7.00736 6 8.25C6 9.49264 7.00736 10.5 8.25 10.5ZM18 8.25C18 9.49264 16.9926 10.5 15.75 10.5C14.5074 10.5 13.5 9.49264 13.5 8.25C13.5 7.00736 14.5074 6 15.75 6C16.9926 6 18 7.00736 18 8.25ZM12 16.5C10.3431 16.5 9 15.1569 9 13.5H6C6 16.8137 8.68629 19.5 12 19.5C15.3137 19.5 18 16.8137 18 13.5H15C15 15.1569 13.6569 16.5 12 16.5Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Niceofficial_default = IconNiceofficial;
+
 // src/components/Oneclickgenerate.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime"), IconOneclickgenerate = ({ 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: stroke || color || "currentColor", d: "M12 4.5V0H9.75V4.5H12Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { fill: stroke || color || "currentColor", d: "M4.5 9.75H0V12H4.5V9.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var import_jsx_runtime110 = require("react/jsx-runtime"), IconOneclickgenerate = ({ 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)("path", { fill: stroke || color || "currentColor", d: "M12 4.5V0H9.75V4.5H12Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { fill: stroke || color || "currentColor", d: "M4.5 9.75H0V12H4.5V9.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime110.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_runtime102.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2325,8 +2440,8 @@ var import_jsx_runtime102 = require("react/jsx-runtime"), IconOneclickgenerate =
 ] }), Oneclickgenerate_default = IconOneclickgenerate;
 
 // src/components/Opendemo.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime"), IconOpendemo = ({ 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)(
+var import_jsx_runtime111 = require("react/jsx-runtime"), IconOpendemo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2335,11 +2450,11 @@ var import_jsx_runtime103 = require("react/jsx-runtime"), IconOpendemo = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime104 = require("react/jsx-runtime"), IconOppsFilled = ({ 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)(
+var import_jsx_runtime112 = require("react/jsx-runtime"), IconOppsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2350,7 +2465,7 @@ var import_jsx_runtime104 = require("react/jsx-runtime"), IconOppsFilled = ({ si
 ) }), OppsFilled_default = IconOppsFilled;
 
 // src/components/OptionalcheckedFilled.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime"), IconOptionalcheckedFilled = ({ 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)(
+var import_jsx_runtime113 = require("react/jsx-runtime"), IconOptionalcheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("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",
@@ -2361,7 +2476,7 @@ var import_jsx_runtime105 = require("react/jsx-runtime"), IconOptionalcheckedFil
 ) }), OptionalcheckedFilled_default = IconOptionalcheckedFilled;
 
 // src/components/Optionaluncheck.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime"), IconOptionaluncheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var import_jsx_runtime114 = require("react/jsx-runtime"), IconOptionaluncheck = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2372,7 +2487,7 @@ var import_jsx_runtime106 = require("react/jsx-runtime"), IconOptionaluncheck =
 ) }), Optionaluncheck_default = IconOptionaluncheck;
 
 // src/components/Packagegame.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime"), IconPackagegame = ({ 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_runtime115 = require("react/jsx-runtime"), IconPackagegame = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2383,11 +2498,11 @@ var import_jsx_runtime107 = require("react/jsx-runtime"), IconPackagegame = ({ s
 ) }), Packagegame_default = IconPackagegame;
 
 // src/components/PageError.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime"), IconPageError = ({ 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)("path", { fill: stroke || color || "currentColor", d: "M22.5 13.125H1.5V10.875H22.5V13.125Z" }) }), PageError_default = IconPageError;
+var import_jsx_runtime116 = require("react/jsx-runtime"), IconPageError = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime116.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_runtime109 = require("react/jsx-runtime"), IconParameters = ({ 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)(
+var import_jsx_runtime117 = require("react/jsx-runtime"), IconParameters = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2396,7 +2511,7 @@ var import_jsx_runtime109 = require("react/jsx-runtime"), IconParameters = ({ si
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2408,8 +2523,8 @@ var import_jsx_runtime109 = require("react/jsx-runtime"), IconParameters = ({ si
 ] }), Parameters_default = IconParameters;
 
 // src/components/Pause.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime"), IconPause = ({ 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_runtime118 = require("react/jsx-runtime"), IconPause = ({ 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)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2418,7 +2533,7 @@ var import_jsx_runtime110 = require("react/jsx-runtime"), IconPause = ({ size, w
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2430,7 +2545,7 @@ var import_jsx_runtime110 = require("react/jsx-runtime"), IconPause = ({ size, w
 ] }), Pause_default = IconPause;
 
 // src/components/Pencil.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime"), IconPencil = ({ 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_runtime119 = require("react/jsx-runtime"), IconPencil = ({ 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",
@@ -2441,7 +2556,7 @@ var import_jsx_runtime111 = require("react/jsx-runtime"), IconPencil = ({ size,
 ) }), Pencil_default = IconPencil;
 
 // src/components/Pick.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime"), IconPick = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("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_runtime120 = require("react/jsx-runtime"), IconPick = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("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",
@@ -2452,22 +2567,22 @@ var import_jsx_runtime112 = require("react/jsx-runtime"), IconPick = ({ size, wi
 ) }), Pick_default = IconPick;
 
 // src/components/PickedFilled.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime"), IconPickedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("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: "M3 0H21V24H18L12 18L6 24H3V0Z" }) }), PickedFilled_default = IconPickedFilled;
+var import_jsx_runtime121 = require("react/jsx-runtime"), IconPickedFilled = ({ 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: fill || color || "currentColor", d: "M3 0H21V24H18L12 18L6 24H3V0Z" }) }), PickedFilled_default = IconPickedFilled;
 
 // src/components/PlanFilled.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime"), IconPlanFilled = ({ 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)("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var import_jsx_runtime122 = require("react/jsx-runtime"), IconPlanFilled = ({ 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)("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime114.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), PlanFilled_default = IconPlanFilled;
 
 // src/components/PlayFilled.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime"), IconPlayFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+var import_jsx_runtime123 = require("react/jsx-runtime"), IconPlayFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2476,7 +2591,7 @@ var import_jsx_runtime115 = require("react/jsx-runtime"), IconPlayFilled = ({ si
 ) }), PlayFilled_default = IconPlayFilled;
 
 // src/components/Play.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime"), IconPlay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("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_runtime124 = require("react/jsx-runtime"), IconPlay = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2487,15 +2602,15 @@ var import_jsx_runtime116 = require("react/jsx-runtime"), IconPlay = ({ size, wi
 ) }), Play_default = IconPlay;
 
 // src/components/Previouscene.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime"), IconPreviouscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("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_runtime125 = require("react/jsx-runtime"), IconPreviouscene = ({ 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)(
     "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_runtime117.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2507,7 +2622,7 @@ var import_jsx_runtime117 = require("react/jsx-runtime"), IconPreviouscene = ({
 ] }), Previouscene_default = IconPreviouscene;
 
 // src/components/ProblemNoticeFilled.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime"), IconProblemNoticeFilled = ({ 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)(
+var import_jsx_runtime126 = require("react/jsx-runtime"), IconProblemNoticeFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2518,10 +2633,10 @@ var import_jsx_runtime118 = require("react/jsx-runtime"), IconProblemNoticeFille
 ) }), ProblemNoticeFilled_default = IconProblemNoticeFilled;
 
 // src/components/Problem.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime"), IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("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", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+var import_jsx_runtime127 = require("react/jsx-runtime"), IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("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", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2533,8 +2648,8 @@ var import_jsx_runtime119 = require("react/jsx-runtime"), IconProblem = ({ size,
 ] }), Problem_default = IconProblem;
 
 // src/components/Publish.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime"), IconPublish = ({ 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_runtime128 = require("react/jsx-runtime"), IconPublish = ({ 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",
@@ -2543,11 +2658,11 @@ var import_jsx_runtime120 = require("react/jsx-runtime"), IconPublish = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
+  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
 ] }), Publish_default = IconPublish;
 
 // src/components/Ratio169.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime"), IconRatio169 = ({ 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_runtime129 = require("react/jsx-runtime"), IconRatio169 = ({ 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",
@@ -2556,15 +2671,15 @@ var import_jsx_runtime121 = require("react/jsx-runtime"), IconRatio169 = ({ size
 ) }), Ratio169_default = IconRatio169;
 
 // src/components/Ratio11.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime"), IconRatio11 = ({ 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)("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var import_jsx_runtime130 = require("react/jsx-runtime"), IconRatio11 = ({ 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)("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime122.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "rect",
     {
       width: "24",
@@ -2576,15 +2691,15 @@ var import_jsx_runtime122 = require("react/jsx-runtime"), IconRatio11 = ({ size,
 ] }), Ratio11_default = IconRatio11;
 
 // src/components/Ratio916.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime"), IconRatio916 = ({ 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)("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+var import_jsx_runtime131 = require("react/jsx-runtime"), IconRatio916 = ({ 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)("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime123.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "rect",
     {
       width: "24",
@@ -2595,16 +2710,48 @@ var import_jsx_runtime123 = require("react/jsx-runtime"), IconRatio916 = ({ size
   ) }) })
 ] }), Ratio916_default = IconRatio916;
 
+// src/components/RatioAuto.tsx
+var import_jsx_runtime132 = require("react/jsx-runtime"), IconRatioAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("g", { clipPath: "url(#clip0_468_23)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      "path",
+      {
+        fill: stroke || color || "currentColor",
+        d: "M6.25 6.24999L6.25 9.99998H4L4 3.99998L10 3.99999V6.24999H6.25Z"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { fill: stroke || color || "currentColor", d: "M14 20V17.75H17.75V14H20V20H14Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      "path",
+      {
+        fill: stroke || color || "currentColor",
+        d: "M0 24L1.04907e-06 -1.52588e-05L24 -1.42097e-05L24 24L0 24ZM2.40039 2.40038L2.40039 21.5996H21.5996V2.40038L2.40039 2.40038Z",
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("clipPath", { id: "clip0_468_23", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    "rect",
+    {
+      width: "24",
+      height: "24",
+      fill: stroke || color || "currentColor",
+      transform: "translate(24) rotate(90)"
+    }
+  ) }) })
+] }), RatioAuto_default = IconRatioAuto;
+
 // src/components/Ratio.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime"), IconRatio = ({ 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_runtime133 = require("react/jsx-runtime"), IconRatio = ({ 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",
       d: "M3 0V3L0 3V5.25L18.75 5.25V24H21V21H24V18.75H21L21 3L5.25 3V0H3Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2614,7 +2761,7 @@ var import_jsx_runtime124 = require("react/jsx-runtime"), IconRatio = ({ size, w
 ] }), Ratio_default = IconRatio;
 
 // src/components/ReEdit.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime"), IconReEdit = ({ 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_runtime134 = require("react/jsx-runtime"), IconReEdit = ({ 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: stroke || color || "currentColor",
@@ -2625,7 +2772,7 @@ var import_jsx_runtime125 = require("react/jsx-runtime"), IconReEdit = ({ size,
 ) }), ReEdit_default = IconReEdit;
 
 // src/components/Regenerate.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime"), IconRegenerate = ({ 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_runtime135 = require("react/jsx-runtime"), IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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",
@@ -2635,8 +2782,30 @@ var import_jsx_runtime126 = require("react/jsx-runtime"), IconRegenerate = ({ si
   }
 ) }), Regenerate_default = IconRegenerate;
 
+// src/components/Resultsetting.tsx
+var import_jsx_runtime136 = require("react/jsx-runtime"), IconResultsetting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("g", { clipPath: "url(#clip0_554_27)", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18.75 3V0H5.25V3H0V6C0 9.46739 2.35298 12.3852 5.5493 13.2438C6.2923 15.6504 8.34504 17.4822 10.875 17.9067V21.75H6V24H18V21.75H13.125V17.9067C15.655 17.4822 17.7077 15.6504 18.4507 13.2438C21.647 12.3852 24 9.46739 24 6V3H18.75ZM16.5 2.25H7.5V11.25C7.5 13.7353 9.51472 15.75 12 15.75C14.4853 15.75 16.5 13.7353 16.5 11.25V2.25ZM18.75 5.25V10.7448C20.5237 9.90218 21.75 8.0943 21.75 6V5.25H18.75ZM2.25 5.25H5.25V10.7448C3.47629 9.90218 2.25 8.0943 2.25 6V5.25Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) }),
+  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("clipPath", { id: "clip0_554_27", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    "rect",
+    {
+      width: "24",
+      height: "24",
+      fill: stroke || color || "currentColor",
+      transform: "translate(24) rotate(90)"
+    }
+  ) }) })
+] }), Resultsetting_default = IconResultsetting;
+
 // src/components/RightFilled.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime"), IconRightFilled = ({ 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_runtime137 = require("react/jsx-runtime"), IconRightFilled = ({ 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",
@@ -2647,7 +2816,7 @@ var import_jsx_runtime127 = require("react/jsx-runtime"), IconRightFilled = ({ s
 ) }), RightFilled_default = IconRightFilled;
 
 // src/components/SceneNext.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime"), IconSceneNext = ({ 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_runtime138 = require("react/jsx-runtime"), IconSceneNext = ({ 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",
@@ -2656,19 +2825,30 @@ var import_jsx_runtime128 = require("react/jsx-runtime"), IconSceneNext = ({ siz
 ) }), SceneNext_default = IconSceneNext;
 
 // src/components/Scriptmode.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime"), IconScriptmode = ({ 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: "M1.5 3.75H3.75V1.5H1.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 10.125H3.75V7.875H1.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H3.75V13.875H1.5V16.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H3.75V20.25H1.5V22.5Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 3.75H22.5V1.5H7.5V3.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 10.125H22.5V7.875H7.5V10.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.125H22.5V13.875H7.5V16.125Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 22.5H22.5V20.25H7.5V22.5Z" })
+var import_jsx_runtime139 = require("react/jsx-runtime"), IconScriptmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("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", d: "M1.5 3.75H3.75V1.5H1.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 10.125H3.75V7.875H1.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H3.75V13.875H1.5V16.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H3.75V20.25H1.5V22.5Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 3.75H22.5V1.5H7.5V3.75Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 10.125H22.5V7.875H7.5V10.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 16.125H22.5V13.875H7.5V16.125Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { fill: stroke || color || "currentColor", d: "M7.5 22.5H22.5V20.25H7.5V22.5Z" })
 ] }), Scriptmode_default = IconScriptmode;
 
+// src/components/Sendrequest.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime"), IconSendrequest = ({ 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: fill || color || "currentColor",
+    d: "M3.25 12.4375V9.8125L12 1.0625L20.75 9.8125L20.75 12.4375L13.3125 12.4375V22.9375H10.6875V12.4375H3.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Sendrequest_default = IconSendrequest;
+
 // src/components/ShareFilled.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime"), IconShareFilled = ({ 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)(
+var import_jsx_runtime141 = require("react/jsx-runtime"), IconShareFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2677,7 +2857,7 @@ var import_jsx_runtime130 = require("react/jsx-runtime"), IconShareFilled = ({ s
 ) }), ShareFilled_default = IconShareFilled;
 
 // src/components/Share.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime"), IconShare = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("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"), IconShare = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("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",
@@ -2688,7 +2868,7 @@ var import_jsx_runtime131 = require("react/jsx-runtime"), IconShare = ({ size, w
 ) }), Share_default = IconShare;
 
 // src/components/SocialX.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime"), IconSocialX = ({ 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"), IconSocialX = ({ 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: fill || color || "currentColor",
@@ -2697,7 +2877,7 @@ var import_jsx_runtime132 = require("react/jsx-runtime"), IconSocialX = ({ size,
 ) }), SocialX_default = IconSocialX;
 
 // src/components/SocialDiscord.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime"), IconSocialDiscord = ({ 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"), IconSocialDiscord = ({ 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: fill || color || "currentColor",
@@ -2706,8 +2886,8 @@ var import_jsx_runtime133 = require("react/jsx-runtime"), IconSocialDiscord = ({
 ) }), SocialDiscord_default = IconSocialDiscord;
 
 // src/components/SoundOff.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime"), IconSoundOff = ({ 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)(
+var import_jsx_runtime145 = require("react/jsx-runtime"), IconSoundOff = ({ 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)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2716,7 +2896,7 @@ var import_jsx_runtime134 = require("react/jsx-runtime"), IconSoundOff = ({ size
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2726,8 +2906,8 @@ var import_jsx_runtime134 = require("react/jsx-runtime"), IconSoundOff = ({ size
 ] }), SoundOff_default = IconSoundOff;
 
 // src/components/SoundOn.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime"), IconSoundOn = ({ 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)(
+var import_jsx_runtime146 = require("react/jsx-runtime"), IconSoundOn = ({ 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)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2736,14 +2916,14 @@ var import_jsx_runtime135 = require("react/jsx-runtime"), IconSoundOn = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime135.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2753,7 +2933,7 @@ var import_jsx_runtime135 = require("react/jsx-runtime"), IconSoundOn = ({ size,
 ] }), SoundOn_default = IconSoundOn;
 
 // src/components/Storyboard.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime"), IconStoryboard = ({ 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"), IconStoryboard = ({ 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: stroke || color || "currentColor",
@@ -2764,24 +2944,24 @@ var import_jsx_runtime136 = require("react/jsx-runtime"), IconStoryboard = ({ si
 ) }), Storyboard_default = IconStoryboard;
 
 // src/components/StyleAutoFilled.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime"), IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("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"), IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime148.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_runtime137.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime148.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_runtime137.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2791,43 +2971,43 @@ var import_jsx_runtime137 = require("react/jsx-runtime"), IconStyleAutoFilled =
 ] }), StyleAutoFilled_default = IconStyleAutoFilled;
 
 // src/components/Style.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime"), IconStyle = ({ 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"), IconStyle = ({ 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: "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_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime138.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2838,8 +3018,48 @@ var import_jsx_runtime138 = require("react/jsx-runtime"), IconStyle = ({ size, w
   )
 ] }), Style_default = IconStyle;
 
+// src/components/Styleoverall.tsx
+var import_jsx_runtime150 = require("react/jsx-runtime"), IconStyleoverall = ({ 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)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M11 18C11 20.7614 8.76142 23 6 23C3.23858 23 1 20.7614 1 18C1 15.2386 3.23858 13 6 13H11V18ZM6 15.2002C4.4536 15.2002 3.2002 16.4536 3.2002 18C3.2002 19.5464 4.4536 20.7998 6 20.7998C7.5464 20.7998 8.7998 19.5464 8.7998 18V15.2002H6Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 13C20.7614 13 23 15.2386 23 18C23 20.7614 20.7614 23 18 23C15.2386 23 13 20.7614 13 18V13H18ZM15.2002 18C15.2002 19.5464 16.4536 20.7998 18 20.7998C19.5464 20.7998 20.7998 19.5464 20.7998 18C20.7998 16.4536 19.5464 15.2002 18 15.2002H15.2002V18Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M6 1C8.76142 1 11 3.23858 11 6V11H6C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1ZM6 3.2002C4.4536 3.2002 3.2002 4.4536 3.2002 6C3.2002 7.5464 4.4536 8.7998 6 8.7998H8.7998V6C8.7998 4.4536 7.5464 3.2002 6 3.2002Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 1C20.7614 1 23 3.23858 23 6C23 8.76142 20.7614 11 18 11H13V6C13 3.23858 15.2386 1 18 1ZM18 3.2002C16.4536 3.2002 15.2002 4.4536 15.2002 6V8.7998H18C19.5464 8.7998 20.7998 7.5464 20.7998 6C20.7998 4.4536 19.5464 3.2002 18 3.2002Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Styleoverall_default = IconStyleoverall;
+
 // src/components/SwitchOffFilled.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime"), IconSwitchOffFilled = ({ 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_runtime151 = require("react/jsx-runtime"), IconSwitchOffFilled = ({ 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",
@@ -2850,7 +3070,7 @@ var import_jsx_runtime139 = require("react/jsx-runtime"), IconSwitchOffFilled =
 ) }), SwitchOffFilled_default = IconSwitchOffFilled;
 
 // src/components/SwitchOnFilled.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime"), IconSwitchOnFilled = ({ 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_runtime152 = require("react/jsx-runtime"), IconSwitchOnFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2861,8 +3081,8 @@ var import_jsx_runtime140 = require("react/jsx-runtime"), IconSwitchOnFilled = (
 ) }), SwitchOnFilled_default = IconSwitchOnFilled;
 
 // src/components/Target.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime"), IconTarget = ({ 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)(
+var import_jsx_runtime153 = require("react/jsx-runtime"), IconTarget = ({ 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",
@@ -2871,7 +3091,7 @@ var import_jsx_runtime141 = require("react/jsx-runtime"), IconTarget = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -2883,43 +3103,43 @@ var import_jsx_runtime141 = require("react/jsx-runtime"), IconTarget = ({ size,
 ] }), Target_default = IconTarget;
 
 // src/components/TextLogo.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime"), IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("svg", { fill: "none", viewBox: "0 0 124 40", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+var import_jsx_runtime154 = require("react/jsx-runtime"), IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("svg", { fill: "none", viewBox: "0 0 124 40", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime142.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime142.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime142.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime142.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime142.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2929,7 +3149,7 @@ var import_jsx_runtime142 = require("react/jsx-runtime"), IconTextLogo = ({ size
 ] }), TextLogo_default = IconTextLogo;
 
 // src/components/Tips.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime"), IconTips = ({ 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"), IconTips = ({ 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",
@@ -2940,15 +3160,15 @@ var import_jsx_runtime143 = require("react/jsx-runtime"), IconTips = ({ size, wi
 ) }), Tips_default = IconTips;
 
 // src/components/ToolsFilled.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime"), IconToolsFilled = ({ 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)(
+var import_jsx_runtime156 = require("react/jsx-runtime"), IconToolsFilled = ({ 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)(
     "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_runtime144.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -2958,7 +3178,7 @@ var import_jsx_runtime144 = require("react/jsx-runtime"), IconToolsFilled = ({ s
 ] }), ToolsFilled_default = IconToolsFilled;
 
 // src/components/Tools.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime"), IconTools = ({ 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)(
+var import_jsx_runtime157 = require("react/jsx-runtime"), IconTools = ({ 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)(
   "path",
   {
     stroke: stroke || color || "currentColor",
@@ -2967,8 +3187,19 @@ var import_jsx_runtime145 = require("react/jsx-runtime"), IconTools = ({ size, w
   }
 ) }), Tools_default = IconTools;
 
+// src/components/Undo.tsx
+var import_jsx_runtime158 = require("react/jsx-runtime"), IconUndo = ({ 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)(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M8.25 1.5H6L0 7.5L6 13.5H8.25V8.625H16.6875C19.4834 8.625 21.75 10.8916 21.75 13.6875C21.75 16.4834 19.4834 18.75 16.6875 18.75H6V21H16.6875C20.7261 21 24 17.7261 24 13.6875C24 9.64892 20.7261 6.375 16.6875 6.375H8.25V1.5ZM6 10.318L3.18198 7.5L6 4.68198V10.318Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Undo_default = IconUndo;
+
 // src/components/UpFilled.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime"), IconUpFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+var import_jsx_runtime159 = require("react/jsx-runtime"), IconUpFilled = ({ 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)(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -2979,7 +3210,7 @@ var import_jsx_runtime146 = require("react/jsx-runtime"), IconUpFilled = ({ size
 ) }), UpFilled_default = IconUpFilled;
 
 // src/components/UpleftFilled.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime"), IconUpleftFilled = ({ 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)(
+var import_jsx_runtime160 = require("react/jsx-runtime"), IconUpleftFilled = ({ 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: fill || color || "currentColor",
@@ -2989,8 +3220,19 @@ var import_jsx_runtime147 = require("react/jsx-runtime"), IconUpleftFilled = ({
   }
 ) }), UpleftFilled_default = IconUpleftFilled;
 
+// src/components/Uploadedvideo.tsx
+var import_jsx_runtime161 = require("react/jsx-runtime"), IconUploadedvideo = ({ 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: fill || color || "currentColor",
+    d: "M24 3H0V21H24V3ZM9.75 7.5V16.5H11.25L16.5 12L11.25 7.5H9.75Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Uploadedvideo_default = IconUploadedvideo;
+
 // src/components/Uploadfiles.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime"), IconUploadfiles = ({ 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_runtime162 = require("react/jsx-runtime"), IconUploadfiles = ({ 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)(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -2998,8 +3240,19 @@ var import_jsx_runtime148 = require("react/jsx-runtime"), IconUploadfiles = ({ s
   }
 ) }), Uploadfiles_default = IconUploadfiles;
 
+// src/components/Uploadstory.tsx
+var import_jsx_runtime163 = require("react/jsx-runtime"), IconUploadstory = ({ 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: stroke || color || "currentColor",
+    d: "M0 3V19.5H7.40901L10.409 22.5H13.591L16.591 19.5H24V3H16.125C14.4518 3 12.9614 3.78275 12 5.00206C11.0386 3.78275 9.54823 3 7.875 3H0ZM10.875 8.25C10.875 6.59315 9.53185 5.25 7.875 5.25H2.25V17.25H8.34099L11.341 20.25H12.659L15.659 17.25H21.75V5.25H16.125C14.4681 5.25 13.125 6.59315 13.125 8.25V15H10.875V8.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Uploadstory_default = IconUploadstory;
+
 // src/components/UprightFilled.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime"), IconUprightFilled = ({ 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_runtime164 = require("react/jsx-runtime"), IconUprightFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("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",
@@ -3010,7 +3263,7 @@ var import_jsx_runtime149 = require("react/jsx-runtime"), IconUprightFilled = ({
 ) }), UprightFilled_default = IconUprightFilled;
 
 // src/components/Userfeedback.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime"), IconUserfeedback = ({ 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)(
+var import_jsx_runtime165 = require("react/jsx-runtime"), IconUserfeedback = ({ 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",
@@ -3021,36 +3274,36 @@ var import_jsx_runtime150 = require("react/jsx-runtime"), IconUserfeedback = ({
 ) }), Userfeedback_default = IconUserfeedback;
 
 // src/components/VideoGeneration.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime"), IconVideoGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("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_runtime166 = require("react/jsx-runtime"), IconVideoGeneration = ({ 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)(
     "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.25ZM12 6.75V9.93164L11.25 9.18164V14.8184L14.0684 12H17.25L11.25 18H9V6H11.25L12 6.75Z"
+      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_runtime151.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
-      d: "M13.5 4.5L17.25 3.75L18 0H19.5L20.25 3.75L24 4.5V6L20.25 6.75L19.5 10.5H18L17.25 6.75L13.5 6V4.5Z"
+      d: "M17.25 12L11.25 18H9V6H11.25L17.25 12ZM11.25 14.8184L14.0684 12L11.25 9.18164V14.8184Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
-      d: "M9 18H11.25L17.25 12L11.25 6H9V18ZM11.25 9.18198L14.068 12L11.25 14.818V9.18198Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
+      d: "M20.25 3.75L24 4.5V6L20.25 6.75L19.5 10.5H18L17.25 6.75L13.5 6V4.5L17.25 3.75L18 0H19.5L20.25 3.75Z"
     }
   )
 ] }), VideoGeneration_default = IconVideoGeneration;
 
 // src/components/VideoLength.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime"), IconVideoLength = ({ 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: "M10.875 9V15H13.125V9H10.875Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var import_jsx_runtime167 = require("react/jsx-runtime"), IconVideoLength = ({ 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: "M10.875 9V15H13.125V9H10.875Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3062,8 +3315,8 @@ var import_jsx_runtime152 = require("react/jsx-runtime"), IconVideoLength = ({ s
 ] }), VideoLength_default = IconVideoLength;
 
 // src/components/Videogenerate.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime"), IconVideogenerate = ({ 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)(
+var import_jsx_runtime168 = require("react/jsx-runtime"), IconVideogenerate = ({ 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",
@@ -3072,7 +3325,7 @@ var import_jsx_runtime153 = require("react/jsx-runtime"), IconVideogenerate = ({
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3084,7 +3337,7 @@ var import_jsx_runtime153 = require("react/jsx-runtime"), IconVideogenerate = ({
 ] }), Videogenerate_default = IconVideogenerate;
 
 // src/components/Visualstyles.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime"), IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("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_runtime169 = require("react/jsx-runtime"), IconVisualstyles = ({ 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: stroke || color || "currentColor",
@@ -3095,8 +3348,8 @@ var import_jsx_runtime154 = require("react/jsx-runtime"), IconVisualstyles = ({
 ) }), Visualstyles_default = IconVisualstyles;
 
 // src/components/Volume.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime"), IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("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_runtime170 = require("react/jsx-runtime"), IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("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",
@@ -3105,14 +3358,14 @@ var import_jsx_runtime155 = require("react/jsx-runtime"), IconVolume = ({ size,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime170.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_runtime155.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3122,7 +3375,7 @@ var import_jsx_runtime155 = require("react/jsx-runtime"), IconVolume = ({ size,
 ] }), Volume_default = IconVolume;
 
 // src/components/Withdrawgame.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime"), IconWithdrawgame = ({ 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_runtime171 = require("react/jsx-runtime"), IconWithdrawgame = ({ 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",
@@ -3132,16 +3385,34 @@ var import_jsx_runtime156 = require("react/jsx-runtime"), IconWithdrawgame = ({
   }
 ) }), Withdrawgame_default = IconWithdrawgame;
 
+// src/components/Zoomhandle.tsx
+var import_jsx_runtime172 = require("react/jsx-runtime"), IconZoomhandle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("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",
+      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_runtime172.jsx)(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M8.25 18H6L6 6L8.25 6L8.25 18ZM12 21.75C14.0711 21.75 15.75 20.0711 15.75 18L15.75 6C15.75 3.92893 14.0711 2.25 12 2.25C9.92893 2.25 8.25 3.92893 8.25 6L6 6L6.00732 5.69092C6.16298 2.6232 8.6232 0.162978 11.6909 0.00732421L12 0C15.2101 1.40316e-07 17.8318 2.52084 17.9927 5.69092L18 6L18 18C18 21.3137 15.3137 24 12 24L11.6909 23.9927C8.6232 23.837 6.16298 21.3768 6.00732 18.3091L6 18H8.25C8.25 20.0711 9.92893 21.75 12 21.75Z"
+    }
+  )
+] }), Zoomhandle_default = IconZoomhandle;
+
 // src/components/Zoomin.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime"), IconZoomin = ({ 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)(
+var import_jsx_runtime173 = require("react/jsx-runtime"), IconZoomin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("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",
       d: "M11.625 11.625H15V9.375H11.625V6H9.375V9.375H6V11.625H9.375V15H11.625V11.625Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -3153,9 +3424,9 @@ var import_jsx_runtime157 = require("react/jsx-runtime"), IconZoomin = ({ size,
 ] }), Zoomin_default = IconZoomin;
 
 // src/components/Zoomout.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime"), IconZoomout = ({ 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.jsx)("path", { fill: stroke || color || "currentColor", d: "M15 11.625H6V9.375H15V11.625Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+var import_jsx_runtime174 = require("react/jsx-runtime"), IconZoomout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("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", d: "M15 11.625H6V9.375H15V11.625Z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "path",
     {
       fill: stroke || color || "currentColor",