npm - @yoroll/react-icon - Versions diffs - 0.0.6 → 0.0.7 - Mend

@yoroll/react-icon 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/index.cjs +647 -357
package/dist/index.iife.js +629 -357
package/dist/index.iife.min.js +6 -6
package/dist/index.js +737 -429
package/dist/index.min.cjs +2 -2
package/dist/index.min.js +2 -2
package/dist/types/components/Aiwriting.d.ts +4 -0
package/dist/types/components/Canvasmode.d.ts +4 -0
package/dist/types/components/Chaptercollapse.d.ts +4 -0
package/dist/types/components/Chapterexpand.d.ts +4 -0
package/dist/types/components/Copy.d.ts +4 -0
package/dist/types/components/Gamepreview.d.ts +4 -0
package/dist/types/components/ImageLoadFailed.d.ts +4 -0
package/dist/types/components/Info.d.ts +4 -0
package/dist/types/components/Musicassets.d.ts +4 -0
package/dist/types/components/Nextscene.d.ts +4 -0
package/dist/types/components/Oneclickgenerate.d.ts +4 -0
package/dist/types/components/Opendemo.d.ts +4 -0
package/dist/types/components/Previouscene.d.ts +4 -0
package/dist/types/components/Scriptmode.d.ts +4 -0
package/dist/types/components/Storyboard.d.ts +4 -0
package/dist/types/components/SwitchOn.d.ts +4 -0
package/dist/types/components/Uploadimage.d.ts +4 -0
package/dist/types/components/Videogenerate.d.ts +4 -0
package/dist/types/components/index.d.ts +18 -0
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! @lineargame svg icons react v0.0.6  */
+/*! @lineargame svg icons react v0.0.7  */
 // src/components/Homepage.tsx
@@ -13,9 +13,40 @@ var IconHomepage = ({ size, width, height, color, className, fill, stroke }) =>
   }
 ) }), Homepage_default = IconHomepage;
-// src/components/Add.tsx
+// src/components/Aiwriting.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx2("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx2(
+var IconAiwriting = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx2("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx2(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M7.875 3.75C9.44364 3.75 10.8524 4.43766 11.8145 5.52832L12 5.75293L12.75 6.75C12.75 6.75 13.1248 7.3649 13.125 7.96484V15.75H10.875V9C10.875 7.34315 9.53185 6 7.875 6H2.25V18H8.34082L11.3408 21H12.6592L15.6592 18H21.75V7.57227L24 7.12207V20.25H16.5908L13.5908 23.25H10.4092L7.40918 20.25H0V3.75H7.875ZM18.6426 0.75L19.2861 3.96387L22.5 4.60742V5.89258L19.2861 6.53613L18.6426 9.75H17.3574L16.7139 6.53613L13.5 5.89258V4.60742L16.7139 3.96387L17.3574 0.75H18.6426Z"
+  }
+) }), Aiwriting_default = IconAiwriting;
+// src/components/Uploadimage.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var IconUploadimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx3(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 6V8.25H13.125V16.5H10.875V8.25H6L6 6L12 0L18 6ZM12 3.18198L9.18198 6L14.818 6L12 3.18198Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx3(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M1.5 24V12L3.75 12L3.75 21.75L20.25 21.75V12H22.5V24L1.5 24Z"
+    }
+  )
+] }), Uploadimage_default = IconUploadimage;
+// src/components/Add.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx4("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx4(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -24,9 +55,9 @@ var IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @_
 ) }), Add_default = IconAdd;
 // src/components/Agreements.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var IconAgreements = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx3(
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var IconAgreements = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs2("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx5(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -35,12 +66,12 @@ var IconAgreements = ({ size, width, height, color, className, fill, stroke }) =
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx3("path", { fill: stroke || color || "currentColor", d: "M7.5 16.25H16.5V14H7.5V16.25Z" })
+  /* @__PURE__ */ jsx5("path", { fill: stroke || color || "currentColor", d: "M7.5 16.25H16.5V14H7.5V16.25Z" })
 ] }), Agreements_default = IconAgreements;
 // src/components/AngleDown.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var IconAngleDown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx4("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx4(
+import { jsx as jsx6 } from "react/jsx-runtime";
+var IconAngleDown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx6("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx6(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -49,8 +80,8 @@ var IconAngleDown = ({ size, width, height, color, className, fill, stroke }) =>
 ) }), AngleDown_default = IconAngleDown;
 // src/components/Artboard.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var IconArtboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx5("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx5(
+import { jsx as jsx7 } from "react/jsx-runtime";
+var IconArtboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx7("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx7(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -61,19 +92,19 @@ var IconArtboard = ({ size, width, height, color, className, fill, stroke }) =>
 ) }), Artboard_default = IconArtboard;
 // src/components/AssetsFilled.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var IconAssetsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs2("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx6("path", { fill: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
-  /* @__PURE__ */ jsx6("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
-  /* @__PURE__ */ jsx6("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var IconAssetsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs3("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx8("path", { fill: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
+  /* @__PURE__ */ jsx8("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
+  /* @__PURE__ */ jsx8("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
 ] }), AssetsFilled_default = IconAssetsFilled;
 // src/components/Assets.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var IconAssets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs3("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx7("path", { fill: stroke || color || "currentColor", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
-  /* @__PURE__ */ jsx7("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
-  /* @__PURE__ */ jsx7(
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var IconAssets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs4("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx9("path", { fill: stroke || color || "currentColor", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
+  /* @__PURE__ */ jsx9("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
+  /* @__PURE__ */ jsx9(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -85,8 +116,8 @@ var IconAssets = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Assets_default = IconAssets;
 // src/components/Backward.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var IconBackward = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx8("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx8(
+import { jsx as jsx10 } from "react/jsx-runtime";
+var IconBackward = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx10("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx10(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -95,8 +126,8 @@ var IconBackward = ({ size, width, height, color, className, fill, stroke }) =>
 ) }), Backward_default = IconBackward;
 // src/components/BatchShots.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var IconBatchShots = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx9("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx9(
+import { jsx as jsx11 } from "react/jsx-runtime";
+var IconBatchShots = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx11("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx11(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -106,9 +137,45 @@ var IconBatchShots = ({ size, width, height, color, className, fill, stroke }) =
   }
 ) }), BatchShots_default = IconBatchShots;
+// src/components/Canvasmode.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var IconCanvasmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx12("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx12(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M8.09473 17.25C7.60503 15.5186 6.01317 14.25 4.125 14.25C1.84683 14.25 -2.79892e-07 16.0968 -1.80309e-07 18.375C-8.07273e-08 20.6532 1.84683 22.5 4.125 22.5C6.01317 22.5 7.60503 21.2314 8.09473 19.5L13.5 19.5L13.5 13.125L15.9053 13.125C16.395 14.8564 17.9868 16.125 19.875 16.125C22.1532 16.125 24 14.2782 24 12C24 9.72182 22.1532 7.875 19.875 7.875C17.9868 7.875 16.395 9.14362 15.9053 10.875L13.5 10.875L13.5 4.5L8.09472 4.5C7.60503 2.76862 6.01316 1.5 4.125 1.5C1.84682 1.5 -8.37212e-07 3.34683 -7.3763e-07 5.625C-6.38047e-07 7.90318 1.84682 9.75 4.125 9.75C6.01316 9.75 7.60503 8.48138 8.09472 6.75L11.25 6.75L11.25 17.25L8.09473 17.25ZM4.125 16.5C5.16053 16.5 6 17.3395 6 18.375C6 19.4105 5.16053 20.25 4.125 20.25C3.08947 20.25 2.25 19.4105 2.25 18.375C2.25 17.3395 3.08947 16.5 4.125 16.5ZM4.125 3.75C5.16053 3.75 6 4.58947 6 5.625C6 6.66054 5.16053 7.5 4.125 7.5C3.08947 7.5 2.25 6.66054 2.25 5.625C2.25 4.58947 3.08947 3.75 4.125 3.75ZM19.875 10.125C20.9105 10.125 21.75 10.9645 21.75 12C21.75 13.0355 20.9105 13.875 19.875 13.875C18.8395 13.875 18 13.0355 18 12C18 10.9645 18.8395 10.125 19.875 10.125Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Canvasmode_default = IconCanvasmode;
+// src/components/Chaptercollapse.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var IconChaptercollapse = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx13("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx13(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M13.5 6L9 1.5H0V21H24V6H13.5ZM21.75 8.25H12.568L8.06802 3.75H2.25V18.75H21.75V8.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Chaptercollapse_default = IconChaptercollapse;
+// src/components/Chapterexpand.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var IconChapterexpand = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx14("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx14(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M12 4.5L7.5 1.5H0V21H19.5L24 9.75H19.5V4.5H12ZM17.25 9.75V6.75H11.3188L6.81875 3.75H2.25V18.75H17.9767L20.6767 12H8.27332L7.07332 15H4.65L6.75 9.75H17.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Chapterexpand_default = IconChapterexpand;
 // src/components/CheckedFilled.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx10("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx10(
+import { jsx as jsx15 } from "react/jsx-runtime";
+var IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx15("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx15(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -119,8 +186,8 @@ var IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }
 ) }), CheckedFilled_default = IconCheckedFilled;
 // src/components/Close.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var IconClose = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx11("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx11(
+import { jsx as jsx16 } from "react/jsx-runtime";
+var IconClose = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx16("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx16(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -128,10 +195,25 @@ var IconClose = ({ size, width, height, color, className, fill, stroke }) => /*
   }
 ) }), Close_default = IconClose;
+// src/components/Copy.tsx
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+var IconCopy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs5("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx17("path", { fill: stroke || color || "currentColor", d: "M12.75 2.25H2.25V12.75H6V15H0V0H15V6H12.75V2.25Z" }),
+  /* @__PURE__ */ jsx17(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M9 9H24V24H9V9ZM11.25 11.25H21.75V21.75H11.25V11.25Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Copy_default = IconCopy;
 // src/components/CreditFilled.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs4("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx12("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ jsx12(
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+var IconCreditFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs6("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx18("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ jsx18(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -140,12 +222,12 @@ var IconCreditFilled = ({ size, width, height, color, className, fill, stroke })
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsx12("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ jsx12("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ jsx18("defs", { children: /* @__PURE__ */ jsx18("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ jsx18("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), CreditFilled_default = IconCreditFilled;
 // src/components/Cursor.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var IconCursor = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx13("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx13(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var IconCursor = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx19("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx19(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -156,10 +238,10 @@ var IconCursor = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), Cursor_default = IconCursor;
 // src/components/Delete.tsx
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
-var IconDelete = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs5("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx14("path", { fill: stroke || color || "currentColor", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
-  /* @__PURE__ */ jsx14(
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+var IconDelete = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs7("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx20("path", { fill: stroke || color || "currentColor", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
+  /* @__PURE__ */ jsx20(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -171,16 +253,16 @@ var IconDelete = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Delete_default = IconDelete;
 // src/components/Download.tsx
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
-var IconDownload = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs6("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx15(
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+var IconDownload = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs8("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx21(
     "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__ */ jsx15(
+  /* @__PURE__ */ jsx21(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -192,8 +274,8 @@ var IconDownload = ({ size, width, height, color, className, fill, stroke }) =>
 ] }), Download_default = IconDownload;
 // src/components/FeedbackFailFilled.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var IconFeedbackFailFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx16("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx16(
+import { jsx as jsx22 } from "react/jsx-runtime";
+var IconFeedbackFailFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx22("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx22(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -204,8 +286,8 @@ var IconFeedbackFailFilled = ({ size, width, height, color, className, fill, str
 ) }), FeedbackFailFilled_default = IconFeedbackFailFilled;
 // src/components/FeedbackPendingFilled.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var IconFeedbackPendingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx17("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx17(
+import { jsx as jsx23 } from "react/jsx-runtime";
+var IconFeedbackPendingFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx23("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx23(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -216,8 +298,8 @@ var IconFeedbackPendingFilled = ({ size, width, height, color, className, fill,
 ) }), FeedbackPendingFilled_default = IconFeedbackPendingFilled;
 // src/components/FeedbackProblemFilled.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx18("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx18(
+import { jsx as jsx24 } from "react/jsx-runtime";
+var IconFeedbackProblemFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx24("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx24(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -228,30 +310,30 @@ var IconFeedbackProblemFilled = ({ size, width, height, color, className, fill,
 ) }), FeedbackProblemFilled_default = IconFeedbackProblemFilled;
 // src/components/FeedbackProblem.tsx
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
-var IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs7("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx19(
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
+var IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs9("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx25(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx25(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx25(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx25(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -263,9 +345,9 @@ var IconFeedbackProblem = ({ size, width, height, color, className, fill, stroke
 ] }), FeedbackProblem_default = IconFeedbackProblem;
 // src/components/FiletypePdfFilled.tsx
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
-var IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs8("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx20("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ jsx20(
+import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+var IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs10("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx26("g", { style: { opacity: 0.3 }, children: /* @__PURE__ */ jsx26(
     "path",
     {
       fill: "#FF3E4C",
@@ -273,14 +355,14 @@ var IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stro
       style: { opacity: 0.3 }
     }
   ) }),
-  /* @__PURE__ */ jsx20(
+  /* @__PURE__ */ jsx26(
     "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__ */ jsx20(
+  /* @__PURE__ */ jsx26(
     "path",
     {
       fill: "#FF3E4C",
@@ -290,8 +372,8 @@ var IconFiletypePdfFilled = ({ size, width, height, color, className, fill, stro
 ] }), FiletypePdfFilled_default = IconFiletypePdfFilled;
 // src/components/Gamelanguage.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var IconGamelanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx21("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx21(
+import { jsx as jsx27 } from "react/jsx-runtime";
+var IconGamelanguage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx27("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx27(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -301,17 +383,40 @@ var IconGamelanguage = ({ size, width, height, color, className, fill, stroke })
   }
 ) }), Gamelanguage_default = IconGamelanguage;
+// src/components/Gamepreview.tsx
+import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+var IconGamepreview = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs11("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx28(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M9 18H11.25L17.25 12L11.25 6H9L9 18ZM11.25 9.18198L14.068 12L11.25 14.818L11.25 9.18198Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx28(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Gamepreview_default = IconGamepreview;
 // src/components/GenerateMultimage.tsx
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
-var IconGenerateMultimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs9("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx22(
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+var IconGenerateMultimage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs12("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx29(
     "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__ */ jsx22(
+  /* @__PURE__ */ jsx29(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -320,12 +425,12 @@ var IconGenerateMultimage = ({ size, width, height, color, className, fill, stro
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx22("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
+  /* @__PURE__ */ jsx29("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
 ] }), GenerateMultimage_default = IconGenerateMultimage;
 // src/components/GenerateFilled.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-var IconGenerateFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx23("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx23(
+import { jsx as jsx30 } from "react/jsx-runtime";
+var IconGenerateFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx30("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx30(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -336,16 +441,16 @@ var IconGenerateFilled = ({ size, width, height, color, className, fill, stroke
 ) }), GenerateFilled_default = IconGenerateFilled;
 // src/components/GenerateFrameStart.tsx
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
-var IconGenerateFrameStart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs10("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx24(
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+var IconGenerateFrameStart = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs13("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx31(
     "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__ */ jsx24(
+  /* @__PURE__ */ jsx31(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -357,9 +462,9 @@ var IconGenerateFrameStart = ({ size, width, height, color, className, fill, str
 ] }), GenerateFrameStart_default = IconGenerateFrameStart;
 // src/components/GenerateFrameStart2End.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
-var IconGenerateFrameStart2End = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs11("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx25(
+import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
+var IconGenerateFrameStart2End = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs14("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx32(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -368,14 +473,14 @@ var IconGenerateFrameStart2End = ({ size, width, height, color, className, fill,
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx25(
+  /* @__PURE__ */ jsx32(
     "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__ */ jsx25(
+  /* @__PURE__ */ jsx32(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -387,9 +492,9 @@ var IconGenerateFrameStart2End = ({ size, width, height, color, className, fill,
 ] }), GenerateFrameStart2End_default = IconGenerateFrameStart2End;
 // src/components/GenerateSwitchframe.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
-var IconGenerateSwitchframe = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs12("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx26(
+import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
+var IconGenerateSwitchframe = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs15("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx33(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -398,7 +503,7 @@ var IconGenerateSwitchframe = ({ size, width, height, color, className, fill, st
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx26(
+  /* @__PURE__ */ jsx33(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -410,16 +515,16 @@ var IconGenerateSwitchframe = ({ size, width, height, color, className, fill, st
 ] }), GenerateSwitchframe_default = IconGenerateSwitchframe;
 // src/components/GenerateT2V.tsx
-import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
-var IconGenerateT2V = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs13("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx27(
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
+var IconGenerateT2V = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs16("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx34(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M6 6V10.5H8.25V8.25H10.875V15.75H8.25V18H15.75V15.75H13.125V8.25H15.75V10.5H18V6H6Z"
     }
   ),
-  /* @__PURE__ */ jsx27(
+  /* @__PURE__ */ jsx34(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -431,16 +536,16 @@ var IconGenerateT2V = ({ size, width, height, color, className, fill, stroke })
 ] }), GenerateT2V_default = IconGenerateT2V;
 // src/components/GenreAuto.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
-var IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs14("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx28(
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+var IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs17("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx35(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18.375 6.375V10.5H16.125V6.375H12V4.125H16.125V0H18.375V4.125H22.5V6.375H18.375Z"
     }
   ),
-  /* @__PURE__ */ jsx28(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -449,15 +554,15 @@ var IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) =>
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx28("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
-  /* @__PURE__ */ jsx28(
+  /* @__PURE__ */ jsx35("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
+  /* @__PURE__ */ jsx35(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M18 21.75L20.25 19.5L22.5 21.75L20.25 24L18 21.75Z"
     }
   ),
-  /* @__PURE__ */ jsx28(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -467,23 +572,23 @@ var IconGenreAuto = ({ size, width, height, color, className, fill, stroke }) =>
 ] }), GenreAuto_default = IconGenreAuto;
 // src/components/GenreComedy.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
-var IconGenreComedy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs15("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx29(
+import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+var IconGenreComedy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs18("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx36(
     "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__ */ jsx29(
+  /* @__PURE__ */ jsx36(
     "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__ */ jsx29(
+  /* @__PURE__ */ jsx36(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -492,7 +597,7 @@ var IconGenreComedy = ({ size, width, height, color, className, fill, stroke })
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx29(
+  /* @__PURE__ */ jsx36(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -504,8 +609,8 @@ var IconGenreComedy = ({ size, width, height, color, className, fill, stroke })
 ] }), GenreComedy_default = IconGenreComedy;
 // src/components/GenreFantasy.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var IconGenreFantasy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx30("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx30(
+import { jsx as jsx37 } from "react/jsx-runtime";
+var IconGenreFantasy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx37("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx37(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -516,23 +621,23 @@ var IconGenreFantasy = ({ size, width, height, color, className, fill, stroke })
 ) }), GenreFantasy_default = IconGenreFantasy;
 // src/components/GenreHorror.tsx
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
-var IconGenreHorror = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs16("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx31(
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+var IconGenreHorror = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs19("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx38(
     "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__ */ jsx31(
+  /* @__PURE__ */ jsx38(
     "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__ */ jsx31(
+  /* @__PURE__ */ jsx38(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -544,8 +649,8 @@ var IconGenreHorror = ({ size, width, height, color, className, fill, stroke })
 ] }), GenreHorror_default = IconGenreHorror;
 // src/components/GenreRomance.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-var IconGenreRomance = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx32("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx32(
+import { jsx as jsx39 } from "react/jsx-runtime";
+var IconGenreRomance = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx39("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx39(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -556,16 +661,16 @@ var IconGenreRomance = ({ size, width, height, color, className, fill, stroke })
 ) }), GenreRomance_default = IconGenreRomance;
 // src/components/GenreScifi.tsx
-import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
-var IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs17("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx33(
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+var IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs20("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx40(
     "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__ */ jsx33(
+  /* @__PURE__ */ jsx40(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -574,7 +679,7 @@ var IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) =
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx33(
+  /* @__PURE__ */ jsx40(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -584,8 +689,8 @@ var IconGenreScifi = ({ size, width, height, color, className, fill, stroke }) =
 ] }), GenreScifi_default = IconGenreScifi;
 // src/components/GenreSuspense.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx34("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx34(
+import { jsx as jsx41 } from "react/jsx-runtime";
+var IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx41("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx41(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -596,8 +701,8 @@ var IconGenreSuspense = ({ size, width, height, color, className, fill, stroke }
 ) }), GenreSuspense_default = IconGenreSuspense;
 // src/components/Genre.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx35("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx35(
+import { jsx as jsx42 } from "react/jsx-runtime";
+var IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx42("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx42(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -608,9 +713,9 @@ var IconGenre = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), Genre_default = IconGenre;
 // src/components/GoogleLogoFilled.tsx
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
-var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs18("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx36(
+import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs21("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx43(
     "mask",
     {
       id: "mask0_48_113",
@@ -620,7 +725,7 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
       y: "0",
       maskUnits: "userSpaceOnUse",
       style: { maskType: "luminance" },
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx43(
         "path",
         {
           fill: stroke || color || "currentColor",
@@ -629,64 +734,64 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
       )
     }
   ),
-  /* @__PURE__ */ jsxs18("g", { mask: "url(#mask0_48_113)", children: [
-    /* @__PURE__ */ jsx36("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsxs21("g", { mask: "url(#mask0_48_113)", children: [
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ jsx43(
       "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__ */ jsx36("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx43("g", { filter: "url(#filter8_f_48_113)", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx43(
       "path",
       {
         fill: "url(#paint7_linear_48_113)",
@@ -694,8 +799,8 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
       }
     ) })
   ] }),
-  /* @__PURE__ */ jsxs18("defs", { children: [
-    /* @__PURE__ */ jsxs18(
+  /* @__PURE__ */ jsxs21("defs", { children: [
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter0_f_48_113",
@@ -706,13 +811,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter1_f_48_113",
@@ -723,13 +828,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter2_f_48_113",
@@ -740,13 +845,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter3_f_48_113",
@@ -757,13 +862,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter4_f_48_113",
@@ -774,13 +879,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter5_f_48_113",
@@ -791,13 +896,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter6_f_48_113",
@@ -808,13 +913,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter7_f_48_113",
@@ -825,13 +930,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "filter",
       {
         id: "filter8_f_48_113",
@@ -842,13 +947,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx36("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx36("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx36("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx43("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx43("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx43("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint0_radial_48_113",
@@ -858,20 +963,20 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-0.498722 -11.9519 17.9311 -0.717223 9.06911 20.3322)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.311547", stopColor: "#8AC502" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.366013", stopColor: "#A2C600" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.445673", stopColor: "#C8C903" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.311547", stopColor: "#8AC502" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.366013", stopColor: "#A2C600" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.445673", stopColor: "#C8C903" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint1_radial_48_113",
@@ -881,12 +986,12 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(8.46967 -2.03557e-05 -1.19045e-05 10.7093 20.253 6.36819)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#FF4540" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#FF4540" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint2_radial_48_113",
@@ -896,18 +1001,18 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-11.8666 6.43492 8.91875 15.766 15.6277 -1.68219)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.231273", stopColor: "#FF4541" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.311547", stopColor: "#FF4540" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.457516", stopColor: "#FF4640" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.540305", stopColor: "#FF473F" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.699346", stopColor: "#FF5138" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#FF8C18" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.231273", stopColor: "#FF4541" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.311547", stopColor: "#FF4540" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.457516", stopColor: "#FF4640" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.540305", stopColor: "#FF473F" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.699346", stopColor: "#FF5138" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#FF8C18" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint3_radial_48_113",
@@ -917,19 +1022,19 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-21.5204 -27.5047 -10.3696 7.77752 12.4702 22.5743)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.297297", stopColor: "#09B479" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.396257", stopColor: "#08AD93" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.667385", stopColor: "#1893DD" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.768727", stopColor: "#258BF1" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.858506", stopColor: "#3086FF" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.297297", stopColor: "#09B479" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.396257", stopColor: "#08AD93" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.667385", stopColor: "#1893DD" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.768727", stopColor: "#258BF1" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.858506", stopColor: "#3086FF" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint4_radial_48_113",
@@ -939,18 +1044,18 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-1.52295 12.8522 18.1501 2.06168 11.2421 2.13475)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.540305", stopColor: "#FFA312" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.915033", stopColor: "#FECF08" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#FDCD01" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.540305", stopColor: "#FFA312" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.915033", stopColor: "#FECF08" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#FDCD01" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint5_radial_48_113",
@@ -960,15 +1065,15 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-4.40212 4.76677 -13.7322 -12.1566 9.10044 2.00144)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.603818", stopColor: "#FF692C" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.726837", stopColor: "#FF7825" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#FF9F13" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.603818", stopColor: "#FF692C" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.726837", stopColor: "#FF7825" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#FF9F13" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "radialGradient",
       {
         id: "paint6_radial_48_113",
@@ -978,20 +1083,20 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         gradientTransform: "matrix(-11.8666 -6.43492 8.91876 -15.766 15.6277 25.6232)",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.540305", stopColor: "#12BC58" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.771242", stopColor: "#38C02B" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.860566", stopColor: "#52C218" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "0.915033", stopColor: "#67C30F" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#86C504" })
+          /* @__PURE__ */ jsx43("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.540305", stopColor: "#12BC58" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.771242", stopColor: "#38C02B" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.860566", stopColor: "#52C218" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "0.915033", stopColor: "#67C30F" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#86C504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs21(
       "linearGradient",
       {
         id: "paint7_linear_48_113",
@@ -1001,8 +1106,8 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         y2: "21.5116",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx36("stop", { stopColor: "#0FBC5C" }),
-          /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#0CBA65" })
+          /* @__PURE__ */ jsx43("stop", { stopColor: "#0FBC5C" }),
+          /* @__PURE__ */ jsx43("stop", { offset: "1", stopColor: "#0CBA65" })
         ]
       }
     )
@@ -1010,17 +1115,17 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
 ] }), GoogleLogoFilled_default = IconGoogleLogoFilled;
 // src/components/Help.tsx
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
-var IconHelp = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs19("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx37("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
-  /* @__PURE__ */ jsx37(
+import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
+var IconHelp = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs22("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx44("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
+  /* @__PURE__ */ jsx44(
     "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__ */ jsx37(
+  /* @__PURE__ */ jsx44(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1032,8 +1137,8 @@ var IconHelp = ({ size, width, height, color, className, fill, stroke }) => /* @
 ] }), Help_default = IconHelp;
 // src/components/HomepageFilled.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var IconHomepageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx38("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx38(
+import { jsx as jsx45 } from "react/jsx-runtime";
+var IconHomepageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx45("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx45(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1044,16 +1149,16 @@ var IconHomepageFilled = ({ size, width, height, color, className, fill, stroke
 ) }), HomepageFilled_default = IconHomepageFilled;
 // src/components/ImageGeneration.tsx
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
-var IconImageGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs20("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx39(
+import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
+var IconImageGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs23("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx46(
     "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"
     }
   ),
-  /* @__PURE__ */ jsx39(
+  /* @__PURE__ */ jsx46(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1062,9 +1167,46 @@ var IconImageGeneration = ({ size, width, height, color, className, fill, stroke
   )
 ] }), ImageGeneration_default = IconImageGeneration;
+// src/components/ImageLoadFailed.tsx
+import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
+var IconImageLoadFailed = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs24("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx47(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M9.5 6L12.5 11.5L11.8398 16.3398L9 13.5L4.5 18V19.5H11.4092L11 22.5H1.5V1.5H11L9.5 6ZM6 7C4.89543 7 4 7.89543 4 9C4 10.1046 4.89543 11 6 11C7.10457 11 8 10.1046 8 9C8 7.89543 7.10457 7 6 7Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx47(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M22.5 22.5H12L12.9541 19.5H19.5V9L14.7998 13.6992L15.5 11.5L14 6L16.75 1.5H22.5V22.5Z"
+    }
+  )
+] }), ImageLoadFailed_default = IconImageLoadFailed;
+// src/components/Info.tsx
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+var IconInfo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs25("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx48("path", { fill: stroke || color || "currentColor", d: "M13.125 5.25V7.5H10.875V5.25H13.125Z" }),
+  /* @__PURE__ */ jsx48("path", { fill: stroke || color || "currentColor", d: "M9 12H10.875V18.75H15V16.5H13.125V9.75H9V12Z" }),
+  /* @__PURE__ */ jsx48(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Info_default = IconInfo;
 // src/components/Loading.tsx
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
-var IconLoading = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs21(
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+var IconLoading = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs26(
   "svg",
   {
     fill: "none",
@@ -1074,10 +1216,10 @@ var IconLoading = ({ size, width, height, color, className, fill, stroke }) => /
     height: height || size,
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     children: [
-      /* @__PURE__ */ jsx40("rect", { width: "24", height: "24", fill: "url(#pattern0_78_19)" }),
-      /* @__PURE__ */ jsxs21("defs", { children: [
-        /* @__PURE__ */ jsx40("pattern", { id: "pattern0_78_19", width: "1", height: "1", patternContentUnits: "objectBoundingBox", children: /* @__PURE__ */ jsx40("use", { transform: "scale(0.005)", xlinkHref: "#image0_78_19" }) }),
-        /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx49("rect", { width: "24", height: "24", fill: "url(#pattern0_78_19)" }),
+      /* @__PURE__ */ jsxs26("defs", { children: [
+        /* @__PURE__ */ jsx49("pattern", { id: "pattern0_78_19", width: "1", height: "1", patternContentUnits: "objectBoundingBox", children: /* @__PURE__ */ jsx49("use", { transform: "scale(0.005)", xlinkHref: "#image0_78_19" }) }),
+        /* @__PURE__ */ jsx49(
           "image",
           {
             id: "image0_78_19",
@@ -1093,16 +1235,16 @@ var IconLoading = ({ size, width, height, color, className, fill, stroke }) => /
 ), Loading_default = IconLoading;
 // src/components/Login.tsx
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
-var IconLogin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs22("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx41(
+import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+var IconLogin = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs27("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx50(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M24 1.5L13.5 1.5V3.75H21.75V20.25H13.5V22.5H24V1.5Z"
     }
   ),
-  /* @__PURE__ */ jsx41(
+  /* @__PURE__ */ jsx50(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1114,9 +1256,9 @@ var IconLogin = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Login_default = IconLogin;
 // src/components/Logout.tsx
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
-var IconLogout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs23("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx42(
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+var IconLogout = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs28("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx51(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1125,7 +1267,7 @@ var IconLogout = ({ size, width, height, color, className, fill, stroke }) => /*
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx42(
+  /* @__PURE__ */ jsx51(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1135,8 +1277,8 @@ var IconLogout = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Logout_default = IconLogout;
 // src/components/ModelGeminiFilled.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var IconModelGeminiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx43("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx43(
+import { jsx as jsx52 } from "react/jsx-runtime";
+var IconModelGeminiFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx52("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx52(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1145,9 +1287,9 @@ var IconModelGeminiFilled = ({ size, width, height, color, className, fill, stro
 ) }), ModelGeminiFilled_default = IconModelGeminiFilled;
 // src/components/ModelDeepmindFilled.tsx
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
-var IconModelDeepmindFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs24("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx44("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ jsx44(
+import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+var IconModelDeepmindFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs29("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx53("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ jsx53(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1156,12 +1298,12 @@ var IconModelDeepmindFilled = ({ size, width, height, color, className, fill, st
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ jsx44("defs", { children: /* @__PURE__ */ jsx44("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ jsx44("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
+  /* @__PURE__ */ jsx53("defs", { children: /* @__PURE__ */ jsx53("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ jsx53("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
 ] }), ModelDeepmindFilled_default = IconModelDeepmindFilled;
 // src/components/ModelSoraFilled.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
-var IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx45("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx45(
+import { jsx as jsx54 } from "react/jsx-runtime";
+var IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx54("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx54(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1170,7 +1312,7 @@ var IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke
 ) }), ModelSoraFilled_default = IconModelSoraFilled;
 // src/components/ModelNanobananaLogoNomoFilled.tsx
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
 var IconModelNanobananaLogoNomoFilled = ({
   size,
   width,
@@ -1179,64 +1321,64 @@ var IconModelNanobananaLogoNomoFilled = ({
   className,
   fill,
   stroke
-}) => /* @__PURE__ */ jsxs25("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx46(
+}) => /* @__PURE__ */ jsxs30("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "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__ */ jsx46(
+  /* @__PURE__ */ jsx55(
     "path",
     {
       fill: "#D5D6D7",
@@ -1246,8 +1388,8 @@ var IconModelNanobananaLogoNomoFilled = ({
 ] }), ModelNanobananaLogoNomoFilled_default = IconModelNanobananaLogoNomoFilled;
 // src/components/Models.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-var IconModels = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx47("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx47(
+import { jsx as jsx56 } from "react/jsx-runtime";
+var IconModels = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx56("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx56(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1258,23 +1400,23 @@ var IconModels = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), Models_default = IconModels;
 // src/components/More.tsx
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
-var IconMore = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs26("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx48(
+import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
+var IconMore = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs31("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx57(
     "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__ */ jsx48(
+  /* @__PURE__ */ jsx57(
     "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__ */ jsx48(
+  /* @__PURE__ */ jsx57(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1284,30 +1426,30 @@ var IconMore = ({ size, width, height, color, className, fill, stroke }) => /* @
 ] }), More_default = IconMore;
 // src/components/Moresettings.tsx
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
-var IconMoresettings = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs27("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx49(
+import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
+var IconMoresettings = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs32("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx58(
     "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__ */ jsx49(
+  /* @__PURE__ */ jsx58(
     "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__ */ jsx49(
+  /* @__PURE__ */ jsx58(
     "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__ */ jsx49(
+  /* @__PURE__ */ jsx58(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1318,10 +1460,22 @@ var IconMoresettings = ({ size, width, height, color, className, fill, stroke })
   )
 ] }), Moresettings_default = IconMoresettings;
+// src/components/Musicassets.tsx
+import { jsx as jsx59 } from "react/jsx-runtime";
+var IconMusicassets = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx59("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx59(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M6.75 1.5V14.102C6.08811 13.7191 5.31965 13.5 4.5 13.5C2.01472 13.5 0 15.5147 0 18C0 20.4853 2.01472 22.5 4.5 22.5C6.98528 22.5 9 20.4853 9 18V9H20.25V14.102C19.5881 13.7191 18.8196 13.5 18 13.5C15.5147 13.5 13.5 15.5147 13.5 18C13.5 20.4853 15.5147 22.5 18 22.5C20.4853 22.5 22.5 20.4853 22.5 18V1.5H6.75ZM20.25 6.75V3.75H9V6.75H20.25ZM18 15.75C19.2426 15.75 20.25 16.7574 20.25 18C20.25 19.2426 19.2426 20.25 18 20.25C16.7574 20.25 15.75 19.2426 15.75 18C15.75 16.7574 16.7574 15.75 18 15.75ZM6.75 18C6.75 16.7574 5.74264 15.75 4.5 15.75C3.25736 15.75 2.25 16.7574 2.25 18C2.25 19.2426 3.25736 20.25 4.5 20.25C5.74264 20.25 6.75 19.2426 6.75 18Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Musicassets_default = IconMusicassets;
 // src/components/Mute.tsx
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
-var IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs28("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx50(
+import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
+var IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs33("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx60(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1330,7 +1484,7 @@ var IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx50(
+  /* @__PURE__ */ jsx60(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1339,9 +1493,72 @@ var IconMute = ({ size, width, height, color, className, fill, stroke }) => /* @
   )
 ] }), Mute_default = IconMute;
+// src/components/Nextscene.tsx
+import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+var IconNextscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs34("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx61(
+    "rect",
+    {
+      width: "22.5",
+      height: "22.5",
+      x: "-0.75",
+      y: "0.75",
+      stroke: stroke || color || "currentColor",
+      rx: "11.25",
+      transform: "matrix(-1 0 0 1 22.5 0)",
+      strokeWidth: "1.5"
+    }
+  ),
+  /* @__PURE__ */ jsx61(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M14.6742 12L9.2045 6.53033L10.2652 5.46967L16.7955 12L10.2652 18.5303L9.2045 17.4697L14.6742 12Z"
+    }
+  )
+] }), Nextscene_default = IconNextscene;
+// src/components/Oneclickgenerate.tsx
+import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
+var IconOneclickgenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs35("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx62("path", { fill: stroke || color || "currentColor", d: "M12 4.5V0H9.75V4.5H12Z" }),
+  /* @__PURE__ */ jsx62("path", { fill: stroke || color || "currentColor", d: "M4.5 9.75H0V12H4.5V9.75Z" }),
+  /* @__PURE__ */ jsx62(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M5.2045 6.7955L1.4545 3.0455L3.0455 1.4545L6.7955 5.2045L5.2045 6.7955Z"
+    }
+  ),
+  /* @__PURE__ */ jsx62(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M7.5 9.00002L12 22.5H15L16.1818 17.7728L21.7045 23.2955L23.2955 21.7045L17.7728 16.1818L22.5 15V12L9 7.5L7.5 9.00002ZM14.6446 14.6446L13.4054 19.6012L10.3076 10.3076L19.6012 13.4055L14.6446 14.6446Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Oneclickgenerate_default = IconOneclickgenerate;
+// src/components/Opendemo.tsx
+import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
+var IconOpendemo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs36("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx63(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M13.125 1.875L16.8295 5.5795L9.70452 12.7045L11.2955 14.2955L18.4205 7.1705L22.125 10.875L24 9V0H15L13.125 1.875ZM21.75 7.31802L16.682 2.25H21.75V7.31802Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx63("path", { fill: stroke || color || "currentColor", d: "M1.5 3H9V5.25H3.75V20.25H18.75V15H21V22.5H1.5V3Z" })
+] }), Opendemo_default = IconOpendemo;
 // src/components/Pencil.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
-var IconPencil = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx51("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx51(
+import { jsx as jsx64 } from "react/jsx-runtime";
+var IconPencil = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx64("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx64(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1352,24 +1569,48 @@ var IconPencil = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), Pencil_default = IconPencil;
 // src/components/PlanFilled.tsx
-import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
-var IconPlanFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs29("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx52("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ jsx52(
+import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
+var IconPlanFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs37("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx65("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ jsx65(
     "path",
     {
       fill: fill || color || "currentColor",
       d: "M13.5 10.5L15 0H12L3 10.5V13.5H10.5L9 24H12L21 13.5L21 10.5H13.5Z"
     }
   ) }),
-  /* @__PURE__ */ jsx52("defs", { children: /* @__PURE__ */ jsx52("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ jsx52("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
+  /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsx65("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ jsx65("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), PlanFilled_default = IconPlanFilled;
+// src/components/Previouscene.tsx
+import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
+var IconPreviouscene = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs38("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx66(
+    "rect",
+    {
+      width: "22.5",
+      height: "22.5",
+      x: "0.75",
+      y: "0.75",
+      stroke: stroke || color || "currentColor",
+      rx: "11.25",
+      strokeWidth: "1.5"
+    }
+  ),
+  /* @__PURE__ */ jsx66(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M9.32582 12L14.7955 6.53033L13.7348 5.46967L7.2045 12L13.7348 18.5303L14.7955 17.4697L9.32582 12Z"
+    }
+  )
+] }), Previouscene_default = IconPreviouscene;
 // src/components/Problem.tsx
-import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
-var IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs30("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx53("path", { fill: stroke || color || "currentColor", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
-  /* @__PURE__ */ jsx53("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
-  /* @__PURE__ */ jsx53(
+import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+var IconProblem = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs39("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx67("path", { fill: stroke || color || "currentColor", d: "M13.125 13.5V6H10.875V13.5H13.125Z" }),
+  /* @__PURE__ */ jsx67("path", { fill: stroke || color || "currentColor", d: "M13.125 18V15.75H10.875V18H13.125Z" }),
+  /* @__PURE__ */ jsx67(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1381,8 +1622,8 @@ var IconProblem = ({ size, width, height, color, className, fill, stroke }) => /
 ] }), Problem_default = IconProblem;
 // src/components/Ratio169.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
-var IconRatio169 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx54("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx54(
+import { jsx as jsx68 } from "react/jsx-runtime";
+var IconRatio169 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx68("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx68(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1391,16 +1632,16 @@ var IconRatio169 = ({ size, width, height, color, className, fill, stroke }) =>
 ) }), Ratio169_default = IconRatio169;
 // src/components/Ratio11.tsx
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
-var IconRatio11 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs31("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx55("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ jsx55(
+import { jsx as jsx69, jsxs as jsxs40 } from "react/jsx-runtime";
+var IconRatio11 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs40("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx69("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ jsx69(
     "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__ */ jsx55("defs", { children: /* @__PURE__ */ jsx55("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ jsx55(
+  /* @__PURE__ */ jsx69("defs", { children: /* @__PURE__ */ jsx69("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ jsx69(
     "rect",
     {
       width: "24",
@@ -1412,16 +1653,16 @@ var IconRatio11 = ({ size, width, height, color, className, fill, stroke }) => /
 ] }), Ratio11_default = IconRatio11;
 // src/components/Ratio916.tsx
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
-var IconRatio916 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs32("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx56("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ jsx56(
+import { jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
+var IconRatio916 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs41("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx70("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ jsx70(
     "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__ */ jsx56("defs", { children: /* @__PURE__ */ jsx56("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ jsx56(
+  /* @__PURE__ */ jsx70("defs", { children: /* @__PURE__ */ jsx70("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ jsx70(
     "rect",
     {
       width: "24",
@@ -1433,16 +1674,16 @@ var IconRatio916 = ({ size, width, height, color, className, fill, stroke }) =>
 ] }), Ratio916_default = IconRatio916;
 // src/components/Ratio.tsx
-import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
-var IconRatio = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs33("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx57(
+import { jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
+var IconRatio = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs42("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx71(
     "path",
     {
       fill: stroke || color || "currentColor",
       d: "M3 0V3L0 3V5.25L18.75 5.25V24H21V21H24V18.75H21L21 3L5.25 3V0H3Z"
     }
   ),
-  /* @__PURE__ */ jsx57(
+  /* @__PURE__ */ jsx71(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1452,8 +1693,8 @@ var IconRatio = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Ratio_default = IconRatio;
 // src/components/ReEdit.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx58("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx58(
+import { jsx as jsx72 } from "react/jsx-runtime";
+var IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx72("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx72(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1464,8 +1705,8 @@ var IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), ReEdit_default = IconReEdit;
 // src/components/Regenerate.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
-var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx59("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx59(
+import { jsx as jsx73 } from "react/jsx-runtime";
+var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx73("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx73(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1475,9 +1716,22 @@ var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) =
   }
 ) }), Regenerate_default = IconRegenerate;
+// src/components/Scriptmode.tsx
+import { jsx as jsx74, jsxs as jsxs43 } from "react/jsx-runtime";
+var IconScriptmode = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs43("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M1.5 3.75H3.75V1.5H1.5V3.75Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M1.5 10.125H3.75V7.875H1.5V10.125Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M1.5 16.125H3.75V13.875H1.5V16.125Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M1.5 22.5H3.75V20.25H1.5V22.5Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M7.5 3.75H22.5V1.5H7.5V3.75Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M7.5 10.125H22.5V7.875H7.5V10.125Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M7.5 16.125H22.5V13.875H7.5V16.125Z" }),
+  /* @__PURE__ */ jsx74("path", { fill: stroke || color || "currentColor", d: "M7.5 22.5H22.5V20.25H7.5V22.5Z" })
+] }), Scriptmode_default = IconScriptmode;
 // src/components/SocialX.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
-var IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx60("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx60(
+import { jsx as jsx75 } from "react/jsx-runtime";
+var IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx75("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx75(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1486,8 +1740,8 @@ var IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /
 ) }), SocialX_default = IconSocialX;
 // src/components/SocialDiscord.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx61("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx61(
+import { jsx as jsx76 } from "react/jsx-runtime";
+var IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx76("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx76(
   "path",
   {
     fill: fill || color || "currentColor",
@@ -1496,9 +1750,9 @@ var IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }
 ) }), SocialDiscord_default = IconSocialDiscord;
 // src/components/SoundOff.tsx
-import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
-var IconSoundOff = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs34("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx62(
+import { jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
+var IconSoundOff = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs44("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx77(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1507,7 +1761,7 @@ var IconSoundOff = ({ size, width, height, color, className, fill, stroke }) =>
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx62(
+  /* @__PURE__ */ jsx77(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1517,9 +1771,9 @@ var IconSoundOff = ({ size, width, height, color, className, fill, stroke }) =>
 ] }), SoundOff_default = IconSoundOff;
 // src/components/SoundOn.tsx
-import { jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
-var IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs35("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx63(
+import { jsx as jsx78, jsxs as jsxs45 } from "react/jsx-runtime";
+var IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs45("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx78(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1528,14 +1782,14 @@ var IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx63(
+  /* @__PURE__ */ jsx78(
     "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__ */ jsx63(
+  /* @__PURE__ */ jsx78(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1544,26 +1798,38 @@ var IconSoundOn = ({ size, width, height, color, className, fill, stroke }) => /
   )
 ] }), SoundOn_default = IconSoundOn;
+// src/components/Storyboard.tsx
+import { jsx as jsx79 } from "react/jsx-runtime";
+var IconStoryboard = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx79("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx79(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M0 4.5H16.5V9L21 4.5H24V19.5H21L16.5 15V19.5H0V4.5ZM2.25 6.75H14.25V17.25H2.25V6.75ZM21.75 17.068L16.682 12L21.75 6.93198V17.068Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Storyboard_default = IconStoryboard;
 // src/components/StyleAutoFilled.tsx
-import { jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
-var IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs36("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx64(
+import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
+var IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs46("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx80(
     "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__ */ jsx64(
+  /* @__PURE__ */ jsx80(
     "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__ */ jsx64("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
-  /* @__PURE__ */ jsx64("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
-  /* @__PURE__ */ jsx64(
+  /* @__PURE__ */ jsx80("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
+  /* @__PURE__ */ jsx80("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
+  /* @__PURE__ */ jsx80(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1573,44 +1839,44 @@ var IconStyleAutoFilled = ({ size, width, height, color, className, fill, stroke
 ] }), StyleAutoFilled_default = IconStyleAutoFilled;
 // src/components/Style.tsx
-import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
-var IconStyle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs37("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx65(
+import { jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
+var IconStyle = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs47("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx81(
     "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__ */ jsx65(
+  /* @__PURE__ */ jsx81(
     "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__ */ jsx65(
+  /* @__PURE__ */ jsx81(
     "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__ */ jsx65(
+  /* @__PURE__ */ jsx81(
     "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__ */ jsx65(
+  /* @__PURE__ */ jsx81(
     "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__ */ jsx65(
+  /* @__PURE__ */ jsx81(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1621,75 +1887,76 @@ var IconStyle = ({ size, width, height, color, className, fill, stroke }) => /*
   )
 ] }), Style_default = IconStyle;
+// src/components/SwitchOn.tsx
+import { jsx as jsx82 } from "react/jsx-runtime";
+var IconSwitchOn = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx82("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx82(
+  "path",
+  {
+    fill: fill || color || "currentColor",
+    d: "M7.5 4.5C3.35786 4.5 0 7.85786 0 12C0 16.1421 3.35786 19.5 7.5 19.5H16.5C20.6421 19.5 24 16.1421 24 12C24 7.85786 20.6421 4.5 16.5 4.5H7.5ZM7.5 7.5C5.01472 7.5 3 9.51472 3 12C3 14.4853 5.01472 16.5 7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), SwitchOn_default = IconSwitchOn;
 // src/components/TextLogo.tsx
-import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
-var IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs38("svg", { fill: "none", viewBox: "0 0 100 34", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsxs38("g", { clipPath: "url(#clip0_33_25)", children: [
-    /* @__PURE__ */ jsx66(
-      "path",
-      {
-        fill: fill || color || "currentColor",
-        d: "M33.7554 5.5686C40.0632 5.56878 45.1763 10.6826 45.1763 16.9905C45.1761 23.2982 40.063 28.4112 33.7554 28.4114C27.4475 28.4114 22.3337 23.2983 22.3335 16.9905C22.3335 10.6825 27.4474 5.5686 33.7554 5.5686ZM33.7554 11.6604C30.8117 11.6604 28.4253 14.0468 28.4253 16.9905C28.4255 19.934 30.8118 22.3206 33.7554 22.3206C36.6988 22.3204 39.0853 19.9339 39.0854 16.9905C39.0854 14.0469 36.699 11.6605 33.7554 11.6604Z"
-      }
-    ),
-    /* @__PURE__ */ jsx66(
-      "path",
-      {
-        fill: fill || color || "currentColor",
-        d: "M71.8274 5.5686C78.1352 5.56878 83.2483 10.6826 83.2483 16.9905C83.2481 23.2982 78.135 28.4112 71.8274 28.4114C65.5195 28.4114 60.4057 23.2983 60.4055 16.9905C60.4055 10.6825 65.5194 5.5686 71.8274 5.5686ZM71.8274 11.6604C68.8837 11.6604 66.4973 14.0468 66.4973 16.9905C66.4975 19.934 68.8838 22.3206 71.8274 22.3206C74.7708 22.3204 77.1573 19.9339 77.1574 16.9905C77.1574 14.0469 74.7709 11.6606 71.8274 11.6604Z"
-      }
-    ),
-    /* @__PURE__ */ jsx66(
-      "path",
-      {
-        fill: fill || color || "currentColor",
-        d: "M47.4611 16.6094C47.4611 14.9164 47.9442 12.445 49.4821 10.309C51.1319 8.01772 53.8543 6.33005 57.7404 6.33005H58.844C59.2859 6.33005 59.644 6.68822 59.644 7.13005V11.6215C59.644 12.0634 59.2859 12.4215 58.844 12.4215H57.7404C55.8399 12.4215 54.9459 13.1452 54.4255 13.8678C53.7933 14.7459 53.5525 15.8912 53.5525 16.6094V26.8503C53.5525 27.2921 53.1944 27.6503 52.7525 27.6503H48.2611C47.8192 27.6503 47.4611 27.2921 47.4611 26.8503V16.6094Z"
-      }
-    ),
-    /* @__PURE__ */ jsx66(
-      "rect",
-      {
-        width: "6.09149",
-        height: "26.6503",
-        x: "85.533",
-        y: "1",
-        fill: fill || color || "currentColor",
-        rx: "0.8"
-      }
-    ),
-    /* @__PURE__ */ jsx66(
-      "rect",
-      {
-        width: "6.09149",
-        height: "26.6503",
-        x: "93.9086",
-        y: "1",
-        fill: fill || color || "currentColor",
-        rx: "0.8"
-      }
-    ),
-    /* @__PURE__ */ jsx66(
-      "path",
-      {
-        fill: fill || color || "currentColor",
-        d: "M10.7312 16.5261C10.9932 17.1759 11.9047 17.1988 12.1991 16.5631L16.7232 6.79387C16.8542 6.51105 17.1375 6.33005 17.4492 6.33005H22.6939C23.2847 6.33005 23.6717 6.94839 23.4135 7.47973L11.1305 32.7538C10.9966 33.0292 10.7172 33.2041 10.411 33.2041H5.74564C5.1614 33.2041 4.77421 32.5981 5.01967 32.068L7.78707 26.0905C7.88252 25.8843 7.88581 25.6473 7.79613 25.4386L0.0658401 7.44584C-0.160996 6.91787 0.226231 6.33005 0.800872 6.33005H6.07966C6.40597 6.33005 6.69958 6.52823 6.82161 6.83086L10.7312 16.5261Z"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ jsx66("defs", { children: /* @__PURE__ */ jsx66("clipPath", { id: "clip0_33_25", children: /* @__PURE__ */ jsx66("rect", { width: "100", height: "34", fill: stroke || color || "currentColor" }) }) })
+import { jsx as jsx83, jsxs as jsxs48 } from "react/jsx-runtime";
+var IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs48("svg", { fill: "none", viewBox: "0 0 124 40", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx83(
+    "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__ */ jsx83(
+    "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__ */ jsx83(
+    "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__ */ jsx83(
+    "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__ */ jsx83(
+    "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__ */ jsx83(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M28.9593 6.56006C29.4318 6.56006 29.7414 7.05517 29.5348 7.48064L13.9664 39.5492C13.8326 39.825 13.5532 40 13.247 40L6.77145 39.9999C6.3041 39.9999 5.9944 39.5147 6.19077 39.0902L9.87052 31.1352C9.98507 30.8875 9.98903 30.6028 9.8814 30.3521L0.0526688 7.45377C-0.128799 7.031 0.180945 6.56029 0.640611 6.56029H7.87257C8.19884 6.56029 8.49242 6.75867 8.61443 7.06158L13.9677 20.3519C14.1249 20.7422 14.6717 20.756 14.8483 20.3742L21.0237 7.02432C21.1547 6.74124 21.4379 6.56006 21.7496 6.56006H28.9593Z"
+    }
+  )
 ] }), TextLogo_default = IconTextLogo;
 // src/components/ToolsFilled.tsx
-import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
-var IconToolsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs39("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx67(
+import { jsx as jsx84, jsxs as jsxs49 } from "react/jsx-runtime";
+var IconToolsFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs49("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx84(
     "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__ */ jsx67(
+  /* @__PURE__ */ jsx84(
     "path",
     {
       fill: fill || color || "currentColor",
@@ -1699,8 +1966,8 @@ var IconToolsFilled = ({ size, width, height, color, className, fill, stroke })
 ] }), ToolsFilled_default = IconToolsFilled;
 // src/components/Tools.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
-var IconTools = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx68("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx68(
+import { jsx as jsx85 } from "react/jsx-runtime";
+var IconTools = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx85("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx85(
   "path",
   {
     stroke: stroke || color || "currentColor",
@@ -1710,8 +1977,8 @@ var IconTools = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), Tools_default = IconTools;
 // src/components/Uploadfiles.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
-var IconUploadfiles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx69("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx69(
+import { jsx as jsx86 } from "react/jsx-runtime";
+var IconUploadfiles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx86("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx86(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1720,8 +1987,8 @@ var IconUploadfiles = ({ size, width, height, color, className, fill, stroke })
 ) }), Uploadfiles_default = IconUploadfiles;
 // src/components/Userfeedback.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
-var IconUserfeedback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx70("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx70(
+import { jsx as jsx87 } from "react/jsx-runtime";
+var IconUserfeedback = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx87("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx87(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1732,23 +1999,23 @@ var IconUserfeedback = ({ size, width, height, color, className, fill, stroke })
 ) }), Userfeedback_default = IconUserfeedback;
 // src/components/VideoGeneration.tsx
-import { jsx as jsx71, jsxs as jsxs40 } from "react/jsx-runtime";
-var IconVideoGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs40("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx71(
+import { jsx as jsx88, jsxs as jsxs50 } from "react/jsx-runtime";
+var IconVideoGeneration = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs50("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx88(
     "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"
     }
   ),
-  /* @__PURE__ */ jsx71(
+  /* @__PURE__ */ jsx88(
     "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"
     }
   ),
-  /* @__PURE__ */ jsx71(
+  /* @__PURE__ */ jsx88(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1760,10 +2027,10 @@ var IconVideoGeneration = ({ size, width, height, color, className, fill, stroke
 ] }), VideoGeneration_default = IconVideoGeneration;
 // src/components/VideoLength.tsx
-import { jsx as jsx72, jsxs as jsxs41 } from "react/jsx-runtime";
-var IconVideoLength = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs41("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx72("path", { fill: stroke || color || "currentColor", d: "M10.875 9V15H13.125V9H10.875Z" }),
-  /* @__PURE__ */ jsx72(
+import { jsx as jsx89, jsxs as jsxs51 } from "react/jsx-runtime";
+var IconVideoLength = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs51("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx89("path", { fill: stroke || color || "currentColor", d: "M10.875 9V15H13.125V9H10.875Z" }),
+  /* @__PURE__ */ jsx89(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1774,9 +2041,32 @@ var IconVideoLength = ({ size, width, height, color, className, fill, stroke })
   )
 ] }), VideoLength_default = IconVideoLength;
+// src/components/Videogenerate.tsx
+import { jsx as jsx90, jsxs as jsxs52 } from "react/jsx-runtime";
+var IconVideogenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs52("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx90(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M12 7.5H9V16.5H12L16.5 12L12 7.5ZM13.318 12L11.25 14.068V9.93198L13.318 12Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx90(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M0 3H24V21H0V3ZM2.25 5.25H21.75V18.75H2.25V5.25Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Videogenerate_default = IconVideogenerate;
 // src/components/Visualstyles.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
-var IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx73("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx73(
+import { jsx as jsx91 } from "react/jsx-runtime";
+var IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx91("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx91(
   "path",
   {
     fill: stroke || color || "currentColor",
@@ -1787,9 +2077,9 @@ var IconVisualstyles = ({ size, width, height, color, className, fill, stroke })
 ) }), Visualstyles_default = IconVisualstyles;
 // src/components/Volume.tsx
-import { jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
-var IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs42("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
-  /* @__PURE__ */ jsx74(
+import { jsx as jsx92, jsxs as jsxs53 } from "react/jsx-runtime";
+var IconVolume = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs53("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsx92(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1798,14 +2088,14 @@ var IconVolume = ({ size, width, height, color, className, fill, stroke }) => /*
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx74(
+  /* @__PURE__ */ jsx92(
     "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__ */ jsx74(
+  /* @__PURE__ */ jsx92(
     "path",
     {
       fill: stroke || color || "currentColor",
@@ -1816,14 +2106,19 @@ var IconVolume = ({ size, width, height, color, className, fill, stroke }) => /*
 export {
   Add_default as IconAdd,
   Agreements_default as IconAgreements,
+  Aiwriting_default as IconAiwriting,
   AngleDown_default as IconAngleDown,
   Artboard_default as IconArtboard,
   Assets_default as IconAssets,
   AssetsFilled_default as IconAssetsFilled,
   Backward_default as IconBackward,
   BatchShots_default as IconBatchShots,
+  Canvasmode_default as IconCanvasmode,
+  Chaptercollapse_default as IconChaptercollapse,
+  Chapterexpand_default as IconChapterexpand,
   CheckedFilled_default as IconCheckedFilled,
   Close_default as IconClose,
+  Copy_default as IconCopy,
   CreditFilled_default as IconCreditFilled,
   Cursor_default as IconCursor,
   Delete_default as IconDelete,
@@ -1834,6 +2129,7 @@ export {
   FeedbackProblemFilled_default as IconFeedbackProblemFilled,
   FiletypePdfFilled_default as IconFiletypePdfFilled,
   Gamelanguage_default as IconGamelanguage,
+  Gamepreview_default as IconGamepreview,
   GenerateFilled_default as IconGenerateFilled,
   GenerateFrameStart_default as IconGenerateFrameStart,
   GenerateFrameStart2End_default as IconGenerateFrameStart2End,
@@ -1853,6 +2149,8 @@ export {
   Homepage_default as IconHomepage,
   HomepageFilled_default as IconHomepageFilled,
   ImageGeneration_default as IconImageGeneration,
+  ImageLoadFailed_default as IconImageLoadFailed,
+  Info_default as IconInfo,
   Loading_default as IconLoading,
   Login_default as IconLogin,
   Logout_default as IconLogout,
@@ -1863,9 +2161,14 @@ export {
   Models_default as IconModels,
   More_default as IconMore,
   Moresettings_default as IconMoresettings,
+  Musicassets_default as IconMusicassets,
   Mute_default as IconMute,
+  Nextscene_default as IconNextscene,
+  Oneclickgenerate_default as IconOneclickgenerate,
+  Opendemo_default as IconOpendemo,
   Pencil_default as IconPencil,
   PlanFilled_default as IconPlanFilled,
+  Previouscene_default as IconPreviouscene,
   Problem_default as IconProblem,
   Ratio_default as IconRatio,
   Ratio11_default as IconRatio11,
@@ -1873,19 +2176,24 @@ export {
   Ratio916_default as IconRatio916,
   ReEdit_default as IconReEdit,
   Regenerate_default as IconRegenerate,
+  Scriptmode_default as IconScriptmode,
   SocialDiscord_default as IconSocialDiscord,
   SocialX_default as IconSocialX,
   SoundOff_default as IconSoundOff,
   SoundOn_default as IconSoundOn,
+  Storyboard_default as IconStoryboard,
   Style_default as IconStyle,
   StyleAutoFilled_default as IconStyleAutoFilled,
+  SwitchOn_default as IconSwitchOn,
   TextLogo_default as IconTextLogo,
   Tools_default as IconTools,
   ToolsFilled_default as IconToolsFilled,
   Uploadfiles_default as IconUploadfiles,
+  Uploadimage_default as IconUploadimage,
   Userfeedback_default as IconUserfeedback,
   VideoGeneration_default as IconVideoGeneration,
   VideoLength_default as IconVideoLength,
+  Videogenerate_default as IconVideogenerate,
   Visualstyles_default as IconVisualstyles,
   Volume_default as IconVolume
 };