@yoroll/react-icon 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! @lineargame svg icons react v0.0.1  */
+/*! @lineargame svg icons react v0.0.4  */
 
 
 // src/components/Add.tsx
@@ -6,38 +6,65 @@ import { jsx } from "react/jsx-runtime";
 var IconAdd = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx(
   "path",
   {
-    fill: stroke || color || "white",
+    fill: stroke || color || "currentColor",
     d: "M13.125 10.875V1.5H10.875V10.875H1.5V13.125H10.875V22.5H13.125V13.125H22.5V10.875H13.125Z"
   }
 ) }), Add_default = IconAdd;
 
+// src/components/Agreements.tsx
+import { jsx as jsx2, 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__ */ jsx2(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M21 7.5L13.5 0H3V24H21V7.5ZM18.568 8.25L12.75 2.43198V8.25H18.568ZM10.5 2.25H5.25V21.75H18.75V10.5H10.5V2.25Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx2("path", { fill: stroke || color || "currentColor", d: "M7.5 16.25H16.5V14H7.5V16.25Z" })
+] }), Agreements_default = IconAgreements;
+
 // src/components/AngleDown.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var IconAngleDown = ({ 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(
+import { jsx as jsx3 } from "react/jsx-runtime";
+var IconAngleDown = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx3("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx3(
   "path",
   {
-    fill: stroke || color || "white",
+    fill: stroke || color || "currentColor",
     d: "M12 14.909L3.79553 6.70454L2.20454 8.29554L12 18.091L21.7955 8.29553L20.2045 6.70454L12 14.909Z"
   }
 ) }), AngleDown_default = IconAngleDown;
 
+// src/components/Artboard.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var IconArtboard = ({ 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",
+    d: "M8.25 6V1.5H6V6L1.5 6V8.25H6V15.75H1.5V18H6V22.5H8.25V18L15.75 18V22.5H18V18H22.5V15.75H18V8.25H22.5V6H18V1.5H15.75V6L8.25 6ZM8.25 8.25V15.75L15.75 15.75V8.25L8.25 8.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Artboard_default = IconArtboard;
+
 // src/components/AssetsFilled.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var IconAssetsFilled = ({ 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: fill || color || "black", d: "M19.5 0H4.5V3H19.5V0Z" }),
-  /* @__PURE__ */ jsx3("path", { fill: fill || color || "black", d: "M3 6H21V9H3V6Z" }),
-  /* @__PURE__ */ jsx3("path", { fill: fill || color || "black", d: "M1.5 12H22.5V22.5H1.5V12Z" })
+import { jsx as jsx5, 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__ */ jsx5("path", { fill: fill || color || "currentColor", d: "M19.5 0H4.5V3H19.5V0Z" }),
+  /* @__PURE__ */ jsx5("path", { fill: fill || color || "currentColor", d: "M3 6H21V9H3V6Z" }),
+  /* @__PURE__ */ jsx5("path", { fill: fill || color || "currentColor", d: "M1.5 12H22.5V22.5H1.5V12Z" })
 ] }), AssetsFilled_default = IconAssetsFilled;
 
 // src/components/Assets.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var IconAssets = ({ 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__ */ jsx4("path", { fill: stroke || color || "white", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
-  /* @__PURE__ */ jsx4("path", { fill: stroke || color || "white", d: "M3 5.25H21V7.5H3V5.25Z" }),
-  /* @__PURE__ */ jsx4(
+import { jsx as jsx6, 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__ */ jsx6("path", { fill: stroke || color || "currentColor", d: "M19.5 0H4.5V2.25H19.5V0Z" }),
+  /* @__PURE__ */ jsx6("path", { fill: stroke || color || "currentColor", d: "M3 5.25H21V7.5H3V5.25Z" }),
+  /* @__PURE__ */ jsx6(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M1.5 10.5V22.5H22.5V10.5H1.5ZM20.25 12.75H3.75V20.25H20.25V12.75Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
@@ -46,21 +73,33 @@ var IconAssets = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Assets_default = IconAssets;
 
 // src/components/Backward.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var IconBackward = ({ 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 IconBackward = ({ 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 || "white",
+    fill: stroke || color || "currentColor",
     d: "M9.09098 12L17.2955 3.79553L15.7045 2.20454L5.909 12L15.7045 21.7955L17.2955 20.2045L9.09098 12Z"
   }
 ) }), Backward_default = IconBackward;
 
+// src/components/BatchShots.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var IconBatchShots = ({ 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(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M1.5 22.5V1.5H3.75V4.5H6V1.5H18V4.5H20.25V1.5H22.5V22.5H20.25V19.5H18V22.5H6V19.5H3.75V22.5H1.5ZM18 17.25H20.25V13.125H18V17.25ZM18 10.875H20.25V6.75H18V10.875ZM3.75 10.875V6.75H6V10.875H3.75ZM3.75 13.125H6V17.25H3.75V13.125ZM15.75 13.125H8.25V20.25H15.75V13.125ZM8.25 10.875H15.75V3.75H8.25V10.875Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), BatchShots_default = IconBatchShots;
+
 // src/components/CheckedFilled.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var IconCheckedFilled = ({ 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(
+import { jsx as jsx9 } from "react/jsx-runtime";
+var IconCheckedFilled = ({ 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(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM19.0607 8.56066L16.9393 6.43934L9.75 13.6287L7.06066 10.9393L4.93934 13.0607L9.75 17.8713L19.0607 8.56066Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
@@ -68,38 +107,50 @@ var IconCheckedFilled = ({ size, width, height, color, className, fill, stroke }
 ) }), CheckedFilled_default = IconCheckedFilled;
 
 // src/components/Close.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var IconClose = ({ 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(
+import { jsx as jsx10 } from "react/jsx-runtime";
+var IconClose = ({ 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 || "white",
+    fill: stroke || color || "currentColor",
     d: "M10.409 12L3.70454 5.29549L5.29553 3.7045L12 10.409L18.7045 3.7045L20.2955 5.29549L13.591 12L20.2955 18.7045L18.7045 20.2955L12 13.591L5.29553 20.2955L3.70454 18.7045L10.409 12Z"
   }
 ) }), Close_default = IconClose;
 
 // src/components/CreditFilled.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var IconCreditFilled = ({ 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("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ jsx8(
+import { jsx as jsx11, 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__ */ jsx11("g", { clipPath: "url(#clip0_2_28)", children: /* @__PURE__ */ jsx11(
     "path",
     {
-      fill: fill || color || "black",
+      fill: fill || color || "currentColor",
       d: "M13.5 1.5L15 2.625L13.9138 7.24138L22.5 1.875L24 3L16.4194 18.8503C15.9764 19.7767 15.3791 20.621 14.653 21.3471L14.4505 21.5495C12.8771 23.1229 10.7062 24 8.48532 24C3.88426 24 0.138523 20.3379 0.00378707 15.7695C-0.000777042 15.6162 -0.00124666 15.4614 0.00256649 15.3073C0.055676 13.1329 0.942267 11.0587 2.48348 9.51655L2.61778 9.38225C3.15341 8.84662 3.74792 8.38783 4.38476 8.01089L13.5 1.5ZM8.25 19.5C10.3211 19.5 12 17.8211 12 15.75C12 13.6789 10.3211 12 8.25 12C6.17893 12 4.5 13.6789 4.5 15.75C4.5 17.8211 6.17893 19.5 8.25 19.5Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ jsx8("defs", { children: /* @__PURE__ */ jsx8("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ jsx8("rect", { width: "24", height: "24", fill: stroke || color || "white" }) }) })
+  /* @__PURE__ */ jsx11("defs", { children: /* @__PURE__ */ jsx11("clipPath", { id: "clip0_2_28", children: /* @__PURE__ */ jsx11("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), CreditFilled_default = IconCreditFilled;
 
+// src/components/Cursor.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var IconCursor = ({ 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: "M1.5 3.00002L7.5 21H10.5L13.0454 14.6364L20.2045 21.7955L21.7955 20.2045L14.6364 13.0454L21 10.5V7.5L3 1.5L1.5 3.00002ZM11.7691 11.7691L9.05578 18.5522L4.30756 4.30756L18.5522 9.05579L11.7691 11.7691Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Cursor_default = IconCursor;
+
 // src/components/Delete.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var IconDelete = ({ 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 || "white", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
-  /* @__PURE__ */ jsx9(
+import { jsx as jsx13, 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__ */ jsx13("path", { fill: stroke || color || "currentColor", d: "M13.125 17.25V11.25H10.875V17.25H13.125Z" }),
+  /* @__PURE__ */ jsx13(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M6 0H18V4.5H22.5V6.75H19.5V24H4.5V6.75H1.5V4.5H6V0ZM17.25 6.75V21.75H6.75V6.75H17.25ZM8.25 4.5H15.75V2.25H8.25V4.5Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
@@ -108,19 +159,19 @@ var IconDelete = ({ size, width, height, color, className, fill, stroke }) => /*
 ] }), Delete_default = IconDelete;
 
 // src/components/Download.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var IconDownload = ({ 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__ */ jsx10(
+import { jsx as jsx14, 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__ */ jsx14(
     "path",
     {
-      fill: stroke || color || "white",
+      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__ */ jsx10(
+  /* @__PURE__ */ jsx14(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M6 10.5L6 8.25L10.875 8.25L10.875 0L13.125 1.96701e-07L13.125 8.25L18 8.25V10.5L12 16.5L6 10.5ZM12 13.318L14.818 10.5L9.18198 10.5L12 13.318Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
@@ -128,86 +179,302 @@ var IconDownload = ({ size, width, height, color, className, fill, stroke }) =>
   )
 ] }), Download_default = IconDownload;
 
+// src/components/FiletypePdfFilled.tsx
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+var IconFiletypePdfFilled = ({ 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__ */ jsx15("g", { opacity: "0.3", children: /* @__PURE__ */ jsx15(
+    "path",
+    {
+      fill: "#FF3E4C",
+      d: "M17.5907 6.28819C17.0587 6.28768 16.5487 6.07629 16.1725 5.70045C15.7963 5.3246 15.5848 4.81499 15.5843 4.28346V1.5H6.6185C5.92403 1.5 5.25801 1.77565 4.76694 2.26629C4.27588 2.75693 4 3.42237 4 4.11624V19.8876C4.00103 20.5808 4.27736 21.2453 4.76831 21.7351C5.25927 22.2249 5.9247 22.5 6.6185 22.5H17.3815C18.0753 22.5 18.7407 22.2249 19.2317 21.7351C19.7226 21.2453 19.999 20.5808 20 19.8876V6.28819H17.5907Z",
+      opacity: "0.3"
+    }
+  ) }),
+  /* @__PURE__ */ jsx15(
+    "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__ */ jsx15(
+    "path",
+    {
+      fill: "#FF3E4C",
+      d: "M10.6612 7.00247C10.1732 6.99394 9.75199 7.47889 9.85522 7.96337C9.92465 8.70371 10.4024 9.30447 10.7753 9.9158C10.8172 10.1434 10.697 10.3651 10.689 10.5911C10.4459 11.9178 10.0751 13.2376 9.50453 14.4553C8.79857 14.78 7.9992 15.1007 7.58628 15.8006C7.32421 16.2861 7.69321 16.9415 8.23485 16.9927C8.73737 17.0614 9.11034 16.6311 9.38504 16.2706C9.67185 15.8829 9.86058 15.4211 10.0992 15.0044C11.5436 14.4232 13.0628 14.0171 14.6139 13.8629C15.241 14.3114 15.9055 14.8404 16.7096 14.8724C17.177 14.8654 17.5553 14.4121 17.5039 13.9516C17.4738 13.5324 17.101 13.2384 16.7149 13.1596C16.092 12.9722 15.4249 13.0748 14.7913 13.0794C13.5721 12.106 12.4465 10.9861 11.5601 9.70462C11.6259 8.9256 11.758 8.06387 11.352 7.35515C11.1979 7.13164 10.9366 6.9785 10.6612 7.00247ZM10.6844 7.70995C10.8217 7.73637 10.8308 7.94067 10.8693 8.04996C10.9054 8.27263 10.9015 8.49983 10.8988 8.7247C10.7354 8.41939 10.523 8.10045 10.5608 7.73846C10.6039 7.73678 10.6421 7.71495 10.6844 7.70995ZM11.4407 10.7479C12.1674 11.6505 12.9745 12.4818 13.8554 13.2357C12.694 13.4127 11.5401 13.7091 10.4351 14.1089C10.8589 13.0022 11.1816 11.8588 11.3943 10.6919C11.4097 10.7106 11.4252 10.7292 11.4407 10.7479ZM15.9733 13.7827C16.2551 13.8098 16.5803 13.7935 16.8057 13.9875C16.8269 14.1626 16.6125 14.1882 16.4983 14.1248C16.2601 14.0453 16.0245 13.9454 15.8223 13.7932C15.8727 13.7901 15.9229 13.7836 15.9733 13.7827ZM8.93306 15.6242C8.79909 15.8732 8.60409 16.1079 8.40069 16.2842C8.333 16.3937 8.14728 16.1912 8.23273 16.1057C8.4092 15.8298 8.71727 15.6835 8.9901 15.5186C8.97109 15.5538 8.95208 15.589 8.93306 15.6242Z"
+    }
+  )
+] }), FiletypePdfFilled_default = IconFiletypePdfFilled;
+
+// src/components/Gamelanguage.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var IconGamelanguage = ({ 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",
+    d: "M6.375 0H8.625V3.75H15V6H12.9839C12.5692 8.72812 11.2638 11.1636 9.3736 13.0005C10.7255 13.7448 12.2657 14.1893 13.9046 14.2442L15.6953 9H18.8046L23.9266 24H21.549L20.2685 20.25H14.2314L12.951 24H10.5734L13.1508 16.4519C11.0783 16.2694 9.1525 15.5762 7.5 14.4987C5.55875 15.7644 3.24028 16.5 0.75 16.5H0V14.25H0.75C2.51789 14.25 4.17996 13.7969 5.62641 13.0005C4.46306 11.87 3.52122 10.5127 2.87224 9H5.37373C5.92828 10.0076 6.64941 10.9106 7.5 11.6719C9.12887 10.214 10.283 8.23652 10.7017 6H0V3.75H6.375V0ZM19.5002 18L17.25 11.41L14.9997 18H19.5002Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Gamelanguage_default = IconGamelanguage;
+
 // src/components/GenerateFilled.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var IconGenerateFilled = ({ 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 jsx17 } from "react/jsx-runtime";
+var IconGenerateFilled = ({ 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(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M7.63636 7.63636L0 10.9091V13.0909L7.63636 16.3636L10.9091 24H13.0909L16.3636 16.3636L24 13.0909V10.9091L16.3636 7.63636L13.0909 0H10.9091L7.63636 7.63636Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }
 ) }), GenerateFilled_default = IconGenerateFilled;
 
+// src/components/GenreAuto.tsx
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+var IconGenreAuto = ({ 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__ */ jsx18(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18.375 6.375V10.5H16.125V6.375H12V4.125H16.125V0H18.375V4.125H22.5V6.375H18.375Z"
+    }
+  ),
+  /* @__PURE__ */ jsx18(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M5.25 12.75L0 15V16.5L5.25 18.75L7.5 24H9L11.25 18.75L16.5 16.5V15L11.25 12.75L9 7.5H7.5L5.25 12.75ZM8.25 11.4618L6.96355 14.4635L3.96183 15.75L6.96355 17.0364L8.25 20.0382L9.53645 17.0364L12.5382 15.75L9.53645 14.4635L8.25 11.4618Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx18("path", { fill: stroke || color || "currentColor", d: "M3.75 0.75L1.5 3L3.75 5.25L6 3L3.75 0.75Z" }),
+  /* @__PURE__ */ jsx18(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 21.75L20.25 19.5L22.5 21.75L20.25 24L18 21.75Z"
+    }
+  ),
+  /* @__PURE__ */ jsx18(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M22.5 13.5C23.3284 13.5 24 12.8284 24 12C24 11.1716 23.3284 10.5 22.5 10.5C21.6716 10.5 21 11.1716 21 12C21 12.8284 21.6716 13.5 22.5 13.5Z"
+    }
+  )
+] }), GenreAuto_default = IconGenreAuto;
+
+// src/components/GenreComedy.tsx
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var IconGenreComedy = ({ 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__ */ jsx19(
+    "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(
+    "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(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M6 12.75C6 13.268 6.06563 13.7706 6.18903 14.25C6.85509 16.8378 9.20424 18.75 12 18.75C14.7958 18.75 17.1449 16.8378 17.811 14.25C17.9344 13.7706 18 13.268 18 12.75V12H6V12.75ZM15.438 14.25C14.8593 15.5744 13.5377 16.5 12 16.5C10.4623 16.5 9.1407 15.5744 8.56203 14.25H15.438Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx19(
+    "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"
+    }
+  )
+] }), GenreComedy_default = IconGenreComedy;
+
+// src/components/GenreFantasy.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var IconGenreFantasy = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx20("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx20(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M6.75 3.75V1.5H4.5V6.75L6.875 9.125L6.45 11.25H2.25V9H0V22.5H10.5V18.75C10.5 17.9216 11.1716 17.25 12 17.25C12.8284 17.25 13.5 17.9216 13.5 18.75V22.5H24V9H21.75V11.25H17.55L17.125 9.125L19.5 6.75V1.5H17.25V3.75H13.125V1.5H10.875V3.75H6.75ZM21.75 13.5V20.25H15.75V18.75C15.75 16.6789 14.0711 15 12 15C9.92893 15 8.25 16.6789 8.25 18.75V20.25H2.25V13.5H8.29456L9.31746 8.38548L6.93198 6H17.068L14.6825 8.38548L15.7054 13.5H21.75Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), GenreFantasy_default = IconGenreFantasy;
+
+// src/components/GenreHorror.tsx
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+var IconGenreHorror = ({ 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__ */ jsx21(
+    "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__ */ jsx21(
+    "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__ */ jsx21(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 24H21V9C21 4.02944 16.9706 0 12 0C7.02944 0 3 4.02944 3 9V24H6L9 21L12 24L15 21L18 24ZM12 20.818L15 17.818L18.75 21.568V9C18.75 5.27208 15.7279 2.25 12 2.25C8.27208 2.25 5.25 5.27208 5.25 9V21.568L9 17.818L12 20.818Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), GenreHorror_default = IconGenreHorror;
+
+// src/components/GenreRomance.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var IconGenreRomance = ({ 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: stroke || color || "currentColor",
+    d: "M10.8631 3.36313C9.66973 2.17018 8.0514 1.5 6.36396 1.5C2.84924 1.5 0 4.34924 0 7.86396C0 9.55179 0.670485 11.1705 1.86396 12.364L12 22.5L22.136 12.364C23.3295 11.1705 24 9.55179 24 7.86396C24 4.34924 21.1508 1.5 17.636 1.5C15.9489 1.5 14.3308 2.16996 13.1374 3.36256C13.137 3.36303 13.1365 3.36349 13.136 3.36396L12 4.5L10.8631 3.36313C10.8634 3.36341 10.8629 3.36285 10.8631 3.36313ZM12 19.318L20.545 10.773C21.3166 10.0015 21.75 8.95505 21.75 7.86396C21.75 5.59188 19.9081 3.75 17.636 3.75C16.5449 3.75 15.4985 4.18343 14.727 4.95495L12 7.68198L9.27297 4.95495C8.50145 4.18343 7.45505 3.75 6.36396 3.75C4.09188 3.75 2.25 5.59188 2.25 7.86396C2.25 8.95505 2.68343 10.0015 3.45495 10.773L12 19.318Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), GenreRomance_default = IconGenreRomance;
+
+// src/components/GenreScifi.tsx
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+var IconGenreScifi = ({ 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__ */ jsx23(
+    "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__ */ jsx23(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18.75 20.25L15 24L0 9L3.75 5.25H9.75L11.4853 3.51472C13.7357 1.26428 16.788 0 19.9706 0H24V4.02944C24 7.21204 22.7357 10.2643 20.4853 12.5147L18.75 14.25V20.25ZM16.5 13.318L18.8943 10.9237C20.7228 9.09525 21.75 6.6153 21.75 4.02944V2.25H19.9706C17.3847 2.25 14.9048 3.27723 13.0763 5.10571L10.682 7.5H4.68198L3.18198 9L15 20.818L16.5 19.318V13.318Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx23(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M6.30332 19.5459L8.02229 21.2648L1.5 24L0 22.5L2.73515 15.9777L4.45413 17.6967L3.1186 20.8814L6.30332 19.5459Z"
+    }
+  )
+] }), GenreScifi_default = IconGenreScifi;
+
+// src/components/GenreSuspense.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var IconGenreSuspense = ({ 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: stroke || color || "currentColor",
+    d: "M5.60437 1.5444L0 10.1665V15.75C0 18.6495 2.35051 21 5.25 21C8.1495 21 10.5 18.6495 10.5 15.75V14.25H13.5V15.75C13.5 18.6495 15.8505 21 18.75 21C21.6495 21 24 18.6495 24 15.75V10.1665L18.3956 1.5444L14.4969 3.49378L15.5031 5.50624L17.6044 4.45561L21.5332 10.5H13.5V12H10.5V10.5H2.46677L6.39563 4.45561L8.49689 5.50624L9.50311 3.49378L5.60437 1.5444ZM8.25 15.6172L2.51559 12.75H8.25V15.6172ZM2.25 15.1328L7.48559 17.7506C6.93629 18.364 6.13822 18.75 5.25 18.75C3.59315 18.75 2.25 17.4069 2.25 15.75V15.1328ZM16.0156 12.75H21.75V15.6172L16.0156 12.75ZM15.75 15.1328V15.75C15.75 17.4069 17.0931 18.75 18.75 18.75C19.6382 18.75 20.4363 18.364 20.9856 17.7506L15.75 15.1328Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), GenreSuspense_default = IconGenreSuspense;
+
+// src/components/Genre.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var IconGenre = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx25("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx25(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M15.75 15L22.5 6.75V1.5H1.5V6.75L8.25 15V24H15.75V15ZM13.5 21.75V14.1968L20.25 5.94683V3.75H3.75V5.94683L10.5 14.1968V21.75H13.5Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Genre_default = IconGenre;
+
 // src/components/GoogleLogoFilled.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
-var IconGoogleLogoFilled = ({ 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__ */ jsx12("mask", { id: "mask0_48_113", width: "24", height: "24", x: "0", y: "0", maskUnits: "userSpaceOnUse", maskType: "luminance", children: /* @__PURE__ */ jsx12(
+import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+var IconGoogleLogoFilled = ({ 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("mask", { id: "mask0_48_113", width: "24", height: "24", x: "0", y: "0", maskUnits: "userSpaceOnUse", maskType: "luminance", children: /* @__PURE__ */ jsx26(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M23.7695 9.77372H12.2556V14.3873H18.8716C18.7652 15.0403 18.5264 15.6826 18.1767 16.2683C17.776 16.9393 17.2807 17.4502 16.7729 17.8392C15.2521 19.0046 13.479 19.2429 12.2476 19.2429C9.13691 19.2429 6.47903 17.2325 5.45011 14.5006C5.40859 14.4014 5.38102 14.299 5.34745 14.1978C5.12007 13.5025 4.99584 12.7661 4.99584 12.0008C4.99584 11.2042 5.13037 10.4417 5.37566 9.7216C6.34319 6.88141 9.06099 4.76006 12.2498 4.76006C12.8912 4.76006 13.5089 4.83641 14.0946 4.98869C15.4333 5.3367 16.3801 6.02212 16.9603 6.56428L20.4613 3.13576C18.3317 1.18317 15.5555 2.95218e-09 12.244 2.95218e-09C9.59665 -5.69793e-05 7.1525 0.824781 5.1496 2.21878C3.52531 3.34928 2.19316 4.86288 1.29412 6.62075C0.457891 8.25066 0 10.0569 0 11.999C0 13.9411 0.458591 15.7661 1.29483 17.381V17.3918C2.1781 19.1062 3.46975 20.5823 5.0396 21.7076C6.41104 22.6907 8.87017 24 12.244 24C14.1842 24 15.9038 23.6502 17.4203 22.9946C18.5142 22.5217 19.4835 21.9049 20.3611 21.1122C21.5206 20.0647 22.4288 18.7691 23.0486 17.2785C23.6684 15.7878 24 14.1022 24 12.2747C24 11.4236 23.9145 10.5592 23.7695 9.77363V9.77372Z"
     }
   ) }),
-  /* @__PURE__ */ jsxs6("g", { mask: "url(#mask0_48_113)", children: [
-    /* @__PURE__ */ jsx12("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ jsx12(
+  /* @__PURE__ */ jsxs12("g", { mask: "url(#mask0_48_113)", children: [
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter0_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter1_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter2_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter3_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter4_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter5_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter6_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter7_f_48_113)", children: /* @__PURE__ */ jsx26(
       "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__ */ jsx12("g", { filter: "url(#filter8_f_48_113)", opacity: "0.5", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx26("g", { filter: "url(#filter8_f_48_113)", opacity: "0.5", children: /* @__PURE__ */ jsx26(
       "path",
       {
         fill: "url(#paint7_linear_48_113)",
@@ -215,8 +482,8 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
       }
     ) })
   ] }),
-  /* @__PURE__ */ jsxs6("defs", { children: [
-    /* @__PURE__ */ jsxs6(
+  /* @__PURE__ */ jsxs12("defs", { children: [
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter0_f_48_113",
@@ -227,13 +494,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter1_f_48_113",
@@ -244,13 +511,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter2_f_48_113",
@@ -261,13 +528,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter3_f_48_113",
@@ -278,13 +545,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter4_f_48_113",
@@ -295,13 +562,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter5_f_48_113",
@@ -312,13 +579,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter6_f_48_113",
@@ -329,13 +596,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "1.65243" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter7_f_48_113",
@@ -346,13 +613,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "filter",
       {
         id: "filter8_f_48_113",
@@ -363,13 +630,13 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         filterUnits: "userSpaceOnUse",
         colorInterpolationFilters: "sRGB",
         children: [
-          /* @__PURE__ */ jsx12("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
-          /* @__PURE__ */ jsx12("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
-          /* @__PURE__ */ jsx12("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
+          /* @__PURE__ */ jsx26("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }),
+          /* @__PURE__ */ jsx26("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", mode: "normal", result: "shape" }),
+          /* @__PURE__ */ jsx26("feGaussianBlur", { result: "effect1_foregroundBlur_48_113", stdDeviation: "0.23504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint0_radial_48_113",
@@ -379,20 +646,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__ */ jsx12("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.311547", stopColor: "#8AC502" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.366013", stopColor: "#A2C600" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.445673", stopColor: "#C8C903" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.141612", stopColor: "#1ABD4D" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.247515", stopColor: "#6EC30D" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.311547", stopColor: "#8AC502" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.366013", stopColor: "#A2C600" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.445673", stopColor: "#C8C903" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.540305", stopColor: "#EBCB03" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.615636", stopColor: "#F7CD07" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.699345", stopColor: "#FDCD04" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.771242", stopColor: "#FDCE05" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.860566", stopColor: "#FFCE0A" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint1_radial_48_113",
@@ -402,12 +669,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__ */ jsx12("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#FF4540" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.408458", stopColor: "#FB4E5A" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#FF4540" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint2_radial_48_113",
@@ -417,18 +684,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__ */ jsx12("stop", { offset: "0.231273", stopColor: "#FF4541" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.311547", stopColor: "#FF4540" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.457516", stopColor: "#FF4640" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.540305", stopColor: "#FF473F" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.699346", stopColor: "#FF5138" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#FF8C18" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.231273", stopColor: "#FF4541" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.311547", stopColor: "#FF4540" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.457516", stopColor: "#FF4640" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.540305", stopColor: "#FF473F" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.699346", stopColor: "#FF5138" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.771242", stopColor: "#FF5B33" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.860566", stopColor: "#FF6C29" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#FF8C18" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint3_radial_48_113",
@@ -438,19 +705,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__ */ jsx12("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.297297", stopColor: "#09B479" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.396257", stopColor: "#08AD93" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.667385", stopColor: "#1893DD" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.768727", stopColor: "#258BF1" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.858506", stopColor: "#3086FF" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.131546", stopColor: "#0CBA65" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.209784", stopColor: "#0BB86D" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.297297", stopColor: "#09B479" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.396257", stopColor: "#08AD93" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.477124", stopColor: "#0AA6A9" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.568425", stopColor: "#0D9CC6" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.667385", stopColor: "#1893DD" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.768727", stopColor: "#258BF1" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.858506", stopColor: "#3086FF" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint4_radial_48_113",
@@ -460,18 +727,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__ */ jsx12("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.540305", stopColor: "#FFA312" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.915033", stopColor: "#FECF08" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#FDCD01" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.366013", stopColor: "#FF4E3A" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.457516", stopColor: "#FF8A1B" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.540305", stopColor: "#FFA312" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.615636", stopColor: "#FFB60C" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.771242", stopColor: "#FFCD0A" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.860566", stopColor: "#FECF0A" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.915033", stopColor: "#FECF08" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#FDCD01" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint5_radial_48_113",
@@ -481,15 +748,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__ */ jsx12("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.603818", stopColor: "#FF692C" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.726837", stopColor: "#FF7825" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#FF9F13" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.315904", stopColor: "#FF4C3C" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.603818", stopColor: "#FF692C" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.726837", stopColor: "#FF7825" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.884534", stopColor: "#FF8D1B" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#FF9F13" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "radialGradient",
       {
         id: "paint6_radial_48_113",
@@ -499,20 +766,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__ */ jsx12("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.540305", stopColor: "#12BC58" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.771242", stopColor: "#38C02B" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.860566", stopColor: "#52C218" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "0.915033", stopColor: "#67C30F" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#86C504" })
+          /* @__PURE__ */ jsx26("stop", { offset: "0.231273", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.311547", stopColor: "#0FBC5F" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.366013", stopColor: "#0FBC5E" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.457516", stopColor: "#0FBC5D" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.540305", stopColor: "#12BC58" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.699346", stopColor: "#28BF3C" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.771242", stopColor: "#38C02B" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.860566", stopColor: "#52C218" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "0.915033", stopColor: "#67C30F" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#86C504" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs12(
       "linearGradient",
       {
         id: "paint7_linear_48_113",
@@ -522,339 +789,417 @@ var IconGoogleLogoFilled = ({ size, width, height, color, className, fill, strok
         y2: "21.5116",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx12("stop", { stopColor: "#0FBC5C" }),
-          /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#0CBA65" })
+          /* @__PURE__ */ jsx26("stop", { stopColor: "#0FBC5C" }),
+          /* @__PURE__ */ jsx26("stop", { offset: "1", stopColor: "#0CBA65" })
         ]
       }
     )
   ] })
 ] }), GoogleLogoFilled_default = IconGoogleLogoFilled;
 
+// src/components/Help.tsx
+import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+var IconHelp = ({ 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("path", { fill: stroke || color || "currentColor", d: "M13.125 16.5V18.75H10.875V16.5H13.125Z" }),
+  /* @__PURE__ */ jsx27(
+    "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__ */ jsx27(
+    "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"
+    }
+  )
+] }), Help_default = IconHelp;
+
 // src/components/HomepageFilled.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var IconHomepageFilled = ({ 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 jsx28 } from "react/jsx-runtime";
+var IconHomepageFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx28("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx28(
   "path",
   {
-    fill: fill || color || "black",
-    d: "M4.5 1.5V6L7 8.5L6.3 12H3V9H0V22.5H9V18C9 16.3431 10.3431 15 12 15C13.6569 15 15 16.3431 15 18V22.5H24V9H21V12H17.7L17 8.5L19.5 6V1.5H16.5V4.5H13.5V1.5H10.5V4.5H7.5V1.5H4.5Z"
+    fill: fill || color || "currentColor",
+    d: "M12 15C10 15 9 16.7574 9 18V22.5H1.5V8.5L12 0L22.5 8.5V22.5H15V18C15 16.7574 14 15 12 15Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
   }
 ) }), HomepageFilled_default = IconHomepageFilled;
 
 // src/components/Homepage.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var IconHomepage = ({ 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(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var IconHomepage = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx29("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx29(
   "path",
   {
-    fill: stroke || color || "white",
-    d: "M6.75 3.75V1.5H4.5V6.75L6.875 9.125L6.45 11.25H2.25V9H0V22.5H10.5V18.75C10.5 17.9216 11.1716 17.25 12 17.25C12.8284 17.25 13.5 17.9216 13.5 18.75V22.5H24V9H21.75V11.25H17.55L17.125 9.125L19.5 6.75V1.5H17.25V3.75H13.125V1.5H10.875V3.75H6.75ZM21.75 13.5V20.25H15.75V18.75C15.75 16.6789 14.0711 15 12 15C9.92893 15 8.25 16.6789 8.25 18.75V20.25H2.25V13.5H8.29456L9.31746 8.38548L6.93198 6H17.068L14.6825 8.38548L15.7054 13.5H21.75Z",
+    fill: stroke || color || "currentColor",
+    d: "M12 14.25C10.7574 14.25 9.75 15.2574 9.75 16.5V22.5H1.5V8.5L12 0L22.5 8.5V22.5H14.25V16.5C14.25 15.2574 13.2426 14.25 12 14.25ZM12 12C9.51472 12 7.5 14.0147 7.5 16.5V20.25H3.75V9.53485L12 2.96343L20.25 9.53485V20.25H16.5V16.5C16.5 14.0147 14.4853 12 12 12Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }
 ) }), Homepage_default = IconHomepage;
 
 // src/components/ImageGeneration.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-var IconImageGeneration = ({ 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__ */ jsx15(
+import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+var IconImageGeneration = ({ 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__ */ jsx30(
     "path",
     {
-      fill: stroke || color || "white",
+      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__ */ jsx15(
+  /* @__PURE__ */ jsx30(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M14 4.28571L17.5714 3.57143L18.2857 0H19.7143L20.4286 3.57143L24 4.28571V5.71429L20.4286 6.42857L19.7143 10H18.2857L17.5714 6.42857L14 5.71429V4.28571Z"
     }
   )
 ] }), ImageGeneration_default = IconImageGeneration;
 
+// src/components/Login.tsx
+import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+var IconLogin = ({ 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__ */ jsx31(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M24 1.5L13.5 1.5V3.75H21.75V20.25H13.5V22.5H24V1.5Z"
+    }
+  ),
+  /* @__PURE__ */ jsx31(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M10.5 18H8.25V13.125L0 13.125L9.83509e-08 10.875L8.25 10.875V6H10.5L16.5 12L10.5 18ZM13.318 12L10.5 9.18198L10.5 14.818L13.318 12Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Login_default = IconLogin;
+
+// src/components/Logout.tsx
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+var IconLogout = ({ 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__ */ jsx32(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M18 18L15.75 18V13.125L7.5 13.125V10.875L15.75 10.875V6H18L24 12L18 18ZM20.818 12L18 9.18198V14.818L20.818 12Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx32(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M0 1.5L12 1.5L12 3.75L2.25 3.75L2.25 20.25H12V22.5H5.12572e-07L0 1.5Z"
+    }
+  )
+] }), Logout_default = IconLogout;
+
 // src/components/ModelGeminiFilled1.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var IconModelGeminiFilled1 = ({ 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 jsx33 } from "react/jsx-runtime";
+var IconModelGeminiFilled1 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx33("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx33(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M20.4616 10.2312C20.6284 9.73654 20.7135 9.21858 20.7136 8.69721C20.7135 7.8345 20.4806 6.98736 20.0388 6.24288C19.1511 4.71818 17.5043 3.77684 15.722 3.77684C15.3709 3.77685 15.0207 3.81344 14.6774 3.886C14.2156 3.37264 13.6488 2.96169 13.0143 2.68026C12.3798 2.39883 11.692 2.25331 10.9963 2.2533H10.9651L10.9534 2.25336C8.7947 2.25336 6.88035 3.62773 6.21676 5.65386C5.52986 5.79268 4.88094 6.07468 4.31344 6.48098C3.74593 6.88728 3.27294 7.40852 2.92613 8.00979C2.48567 8.75875 2.25357 9.60923 2.2533 10.4751C2.25346 11.6921 2.71129 12.8657 3.53813 13.7687C3.37122 14.2633 3.2861 14.7813 3.28603 15.3027C3.28611 16.1654 3.51901 17.0125 3.96079 17.757C4.48616 18.6596 5.28845 19.3741 6.25199 19.7977C7.21553 20.2213 8.29052 20.332 9.32193 20.1138C9.78379 20.6272 10.3507 21.0381 10.9852 21.3196C11.6198 21.601 12.3076 21.7466 13.0033 21.7466H13.0345L13.0472 21.7465C15.2071 21.7465 17.1208 20.3721 17.7844 18.3441C18.4713 18.2053 19.1202 17.9232 19.6877 17.5169C20.2552 17.1106 20.7282 16.5894 21.0751 15.9881C21.5151 15.2398 21.7467 14.3901 21.7466 13.525C21.7464 12.308 21.2886 11.1345 20.4618 10.2315L20.4616 10.2312ZM13.0358 20.4722H13.0307C12.1664 20.4719 11.3296 20.1728 10.6658 19.6268C10.7052 19.6058 10.7442 19.584 10.7826 19.5614L14.7163 17.3195C14.8145 17.2644 14.8961 17.1846 14.9529 17.0882C15.0097 16.9919 15.0396 16.8824 15.0397 16.771V11.2953L16.7023 12.2426C16.7111 12.2469 16.7186 12.2532 16.7242 12.2611C16.7299 12.2689 16.7334 12.278 16.7347 12.2876V16.8191C16.7324 18.8338 15.0778 20.4681 13.0358 20.4722ZM5.08119 17.12C4.75627 16.5657 4.58508 15.9367 4.58486 15.2963C4.58486 15.0874 4.60335 14.878 4.63935 14.6722C4.66859 14.6895 4.71963 14.7203 4.75626 14.741L8.68993 16.983C8.788 17.0395 8.89953 17.0692 9.01309 17.0692C9.12665 17.0692 9.23816 17.0394 9.33621 16.9828L14.1388 14.2467V16.1413L14.1389 16.1445C14.1389 16.1536 14.1367 16.1626 14.1326 16.1708C14.1285 16.179 14.1225 16.1861 14.1151 16.1916L10.1385 18.457C9.57584 18.7765 8.93805 18.9447 8.28885 18.9449C7.63897 18.9448 7.00052 18.7762 6.43753 18.4558C5.87455 18.1355 5.4068 17.6748 5.08119 17.1198V17.12ZM4.04632 8.64678C4.47836 7.90634 5.16055 7.3394 5.9735 7.04518C5.9735 7.07859 5.97157 7.1378 5.97157 7.17891V11.6628L5.9715 11.6665C5.97151 11.7778 6.00139 11.8872 6.0581 11.9835C6.1148 12.0797 6.19632 12.1594 6.29436 12.2146L11.097 14.9503L9.43436 15.8976C9.42616 15.9029 9.41674 15.9061 9.40696 15.907C9.39718 15.9079 9.38733 15.9064 9.37828 15.9026L5.4013 13.6353C4.83909 13.3139 4.37236 12.8524 4.04787 12.297C3.72339 11.7416 3.55255 11.1118 3.55247 10.4707C3.55272 9.83064 3.72307 9.20182 4.04653 8.64699L4.04632 8.64678ZM17.7068 11.7834L12.9042 9.04728L14.5669 8.10037C14.5751 8.09503 14.5845 8.09177 14.5942 8.0909C14.604 8.09002 14.6139 8.09154 14.6229 8.09533L18.5998 10.3607C19.1625 10.6816 19.6297 11.1428 19.9546 11.6982C20.2795 12.2536 20.4506 12.8835 20.4507 13.5247C20.4507 15.0552 19.4828 16.4246 18.0275 16.9532V12.3352C18.0277 12.3335 18.0277 12.3318 18.0277 12.3301C18.0277 12.2191 17.998 12.1102 17.9416 12.0142C17.8853 11.9182 17.8043 11.8386 17.7068 11.7834ZM19.3617 9.32583C19.323 9.30246 19.284 9.27955 19.2448 9.2571L15.3111 7.0151C15.2131 6.95871 15.1016 6.92898 14.9881 6.92894C14.8746 6.92898 14.7631 6.95871 14.665 7.0151L9.86233 9.75124V7.85666L9.86227 7.8534C9.86227 7.83489 9.87116 7.81746 9.88613 7.80637L13.8627 5.54287C14.4252 5.22291 15.063 5.05447 15.7123 5.05444C17.7569 5.05444 19.415 6.69048 19.415 8.70789C19.4149 8.91492 19.3971 9.12157 19.3617 9.32563V9.32583ZM8.95837 12.7026L7.29536 11.7553C7.28664 11.751 7.27912 11.7447 7.27348 11.7368C7.26783 11.729 7.26424 11.7199 7.26302 11.7103V7.17877C7.26391 5.16244 8.92203 3.52776 10.9658 3.52776C11.8314 3.52794 12.6696 3.82713 13.3349 4.37341C13.305 4.38954 13.2528 4.41799 13.2181 4.43874L9.28441 6.68068C9.18626 6.73577 9.10465 6.81553 9.04786 6.91184C8.99108 7.00815 8.96116 7.11757 8.96113 7.22899V7.2326L8.95837 12.7026ZM9.86158 10.7812L12.0006 9.56219L14.1396 10.7804V13.2176L12.0006 14.4358L9.86158 13.2176V10.7812Z"
   }
 ) }), ModelGeminiFilled1_default = IconModelGeminiFilled1;
 
 // src/components/ModelGeminiFilled.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var IconModelGeminiFilled = ({ 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 jsx34 } from "react/jsx-runtime";
+var IconModelGeminiFilled = ({ 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(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M11.9797 1.5C11.64 7.1325 7.1325 11.64 1.5 11.9797V12.0203C7.1325 12.36 11.64 16.8675 11.9797 22.5H12.0203C12.36 16.8675 16.8675 12.36 22.5 12.0203V11.9797C16.8675 11.64 12.36 7.1325 12.0203 1.5H11.9797Z"
   }
 ) }), ModelGeminiFilled_default = IconModelGeminiFilled;
 
 // src/components/ModelDeepmindFilled.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
-var IconModelDeepmindFilled = ({ 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__ */ jsx18("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ jsx18(
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+var IconModelDeepmindFilled = ({ 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("g", { clipPath: "url(#clip0_40_67)", children: /* @__PURE__ */ jsx35(
     "path",
     {
-      fill: fill || color || "black",
+      fill: fill || color || "currentColor",
       d: "M6.99 3.35167C6.24014 4.08507 5.66169 4.97519 5.29605 5.95829C4.93041 6.94139 4.78663 7.99317 4.875 9.03833C5.16583 12.7117 8.63 15.7008 11.7717 15.7008C14.6942 15.7008 15.8383 13.15 15.5558 11.4175C15.4515 10.7811 15.1781 10.1845 14.7642 9.69C15.2908 9.97333 15.8008 10.3367 16.2717 10.7733C17.5383 11.9525 18.305 13.4642 18.4275 15.0233C18.7 18.4692 16.15 22 11.8858 22C10.4733 22 8.98583 21.64 7.73583 21.0475C4.34667 19.4475 2 15.9975 2 12.0017C2 8.30917 4.00417 5.08333 6.99 3.35167ZM12.1133 2C13.5267 2 15.0142 2.36 16.2633 2.9525C19.655 4.5525 22 8.0025 22 11.9983C22 15.6908 19.9958 18.9175 17.01 20.6483C17.7599 19.9149 18.3383 19.0248 18.704 18.0417C19.0696 17.0586 19.2134 16.0068 19.125 14.9617C18.8342 11.2883 15.37 8.29917 12.2283 8.29917C9.30583 8.29917 8.16167 10.85 8.44417 12.5825C8.5485 13.2193 8.82289 13.8162 9.23833 14.31C8.69131 14.0149 8.18439 13.6508 7.73 13.2267C6.46333 12.0475 5.69667 10.5375 5.5725 8.97667C5.3 5.53083 7.85 2 12.1142 2H12.1133Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   ) }),
-  /* @__PURE__ */ jsx18("defs", { children: /* @__PURE__ */ jsx18("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ jsx18("rect", { width: "20", height: "20", fill: stroke || color || "white", transform: "translate(2 2)" }) }) })
+  /* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_40_67", children: /* @__PURE__ */ jsx35("rect", { width: "20", height: "20", fill: stroke || color || "currentColor", transform: "translate(2 2)" }) }) })
 ] }), ModelDeepmindFilled_default = IconModelDeepmindFilled;
 
-// src/components/ModelNanobananaFilled.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
-var IconModelNanobananaFilled = ({ 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__ */ jsx19(
+// src/components/ModelSoraFilled.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx36("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx36(
+  "path",
+  {
+    fill: fill || color || "currentColor",
+    d: "M11.2657 3.125C12.5821 3.125 13.7739 3.65836 14.6368 4.52081C15.0308 4.41546 15.4448 4.35922 15.872 4.35922C18.5057 4.35922 20.6408 6.49427 20.6408 9.12797C20.6408 9.55513 20.5845 9.96919 20.4792 10.3631C21.3416 11.2261 21.875 12.4178 21.875 13.7342C21.875 15.9408 20.3763 17.7972 18.3414 18.3414C17.7972 20.3763 15.9408 21.875 13.7342 21.875C12.4179 21.875 11.2261 21.3416 10.3632 20.4792C9.96921 20.5845 9.55518 20.6408 9.12799 20.6408C6.49429 20.6408 4.35925 18.5057 4.35922 15.872C4.35922 15.4448 4.41546 15.0308 4.52081 14.6368C3.65838 13.7739 3.125 12.5821 3.125 11.2657C3.125 9.05923 4.62361 7.20276 6.65856 6.65858C7.20274 4.62364 9.0592 3.125 11.2657 3.125ZM11.1777 10.6748C10.8483 9.44542 9.75781 8.66937 8.74237 8.94146C7.72693 9.21355 7.17056 10.4309 7.49995 11.6602C7.5053 11.6802 7.51089 11.7001 7.51672 11.72L7.51603 11.7201L7.85272 12.9767C8.18211 14.2061 9.27261 14.9821 10.2881 14.71C11.3035 14.4379 11.8599 13.2206 11.5304 11.9913L11.1938 10.7347L11.193 10.7349C11.1882 10.7148 11.1831 10.6947 11.1777 10.6748ZM16.7779 9.29198C16.4484 8.06264 15.358 7.28659 14.3425 7.55866C13.3271 7.83073 12.7707 9.04808 13.1001 10.2774C13.1055 10.2974 13.111 10.3173 13.1169 10.3372L13.1162 10.3373L13.4529 11.5939C13.7823 12.8233 14.8728 13.5993 15.8882 13.3273C16.9036 13.0551 17.46 11.8378 17.1306 10.6085L16.7939 9.3519L16.7932 9.3521C16.7883 9.332 16.7832 9.31196 16.7779 9.29198ZM9.87394 11.7017C10.0326 11.6591 10.1958 11.7533 10.2383 11.912C10.2808 12.0707 10.1866 12.2337 10.0279 12.2763C9.86926 12.3188 9.70619 12.2246 9.66366 12.066C9.62115 11.9073 9.7153 11.7442 9.87394 11.7017ZM8.55262 9.84709C8.68971 10.0608 8.87601 10.2386 9.09591 10.3656C9.31581 10.4925 9.56293 10.565 9.81657 10.5768C9.60285 10.7139 9.42507 10.9002 9.29811 11.1201C9.17115 11.34 9.09871 11.5871 9.08685 11.8408C8.94975 11.627 8.76346 11.4493 8.54355 11.3223C8.32365 11.1953 8.07654 11.1229 7.8229 11.111C8.03663 10.9739 8.21441 10.7876 8.34137 10.5677C8.46832 10.3478 8.54076 10.1007 8.55262 9.84709ZM15.4741 10.3189C15.6328 10.2764 15.7959 10.3705 15.8384 10.5292C15.8809 10.6879 15.7867 10.851 15.6281 10.8935C15.4694 10.936 15.3063 10.8418 15.2638 10.6832C15.2213 10.5245 15.3155 10.3614 15.4741 10.3189ZM14.1528 8.46434C14.2899 8.67806 14.4762 8.85584 14.6961 8.9828C14.916 9.10976 15.1631 9.1822 15.4167 9.19406C15.203 9.33117 15.0252 9.51746 14.8983 9.73736C14.7713 9.95725 14.6989 10.2044 14.687 10.458C14.5499 10.2443 14.3636 10.0665 14.1437 9.93952C13.9238 9.81256 13.6767 9.74012 13.4231 9.72826C13.6368 9.59117 13.8146 9.40488 13.9415 9.18498C14.0685 8.96508 14.1409 8.71797 14.1528 8.46434Z"
+  }
+) }), ModelSoraFilled_default = IconModelSoraFilled;
+
+// src/components/ModelNanobananaLogoNomoFilled.tsx
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+var IconModelNanobananaLogoNomoFilled = ({
+  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__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "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__ */ jsx19(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       fill: "#D5D6D7",
       d: "M5.17688 12.8363C4.40438 13.9406 4.30313 14.91 4.18688 15.9C4.08188 16.7944 3.86626 18.675 3.54188 19.2881C3.21563 19.9013 2.89876 20.3006 3.24938 20.6738C3.60001 21.0469 4.63126 20.9138 5.37188 20.1075C5.96813 19.4569 6.29813 18.7481 6.74626 17.7075C7.19438 16.6669 7.85438 14.2106 8.71126 13.1006C9.25876 12.3919 9.80438 12.3713 9.80438 12.3713C9.80438 12.3713 9.08251 11.7825 7.70438 11.7675C6.46876 11.7544 5.82001 11.9175 5.17688 12.8363Z"
     }
   )
-] }), ModelNanobananaFilled_default = IconModelNanobananaFilled;
+] }), ModelNanobananaLogoNomoFilled_default = IconModelNanobananaLogoNomoFilled;
 
-// src/components/ModelSoraFilled.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var IconModelSoraFilled = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx20("svg", { fill: "none", viewBox: "0 0 25 25", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx20(
+// src/components/Models.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var IconModels = ({ 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(
   "path",
   {
-    fill: fill || color || "black",
-    d: "M11.2657 3.125C12.5821 3.125 13.7739 3.65836 14.6368 4.52081C15.0308 4.41546 15.4448 4.35922 15.872 4.35922C18.5057 4.35922 20.6408 6.49427 20.6408 9.12797C20.6408 9.55513 20.5845 9.96919 20.4792 10.3631C21.3416 11.2261 21.875 12.4178 21.875 13.7342C21.875 15.9408 20.3763 17.7972 18.3414 18.3414C17.7972 20.3763 15.9408 21.875 13.7342 21.875C12.4179 21.875 11.2261 21.3416 10.3632 20.4792C9.96921 20.5845 9.55518 20.6408 9.12799 20.6408C6.49429 20.6408 4.35925 18.5057 4.35922 15.872C4.35922 15.4448 4.41546 15.0308 4.52081 14.6368C3.65838 13.7739 3.125 12.5821 3.125 11.2657C3.125 9.05923 4.62361 7.20276 6.65856 6.65858C7.20274 4.62364 9.0592 3.125 11.2657 3.125ZM11.1777 10.6748C10.8483 9.44542 9.75781 8.66937 8.74237 8.94146C7.72693 9.21355 7.17056 10.4309 7.49995 11.6602C7.5053 11.6802 7.51089 11.7001 7.51672 11.72L7.51603 11.7201L7.85272 12.9767C8.18211 14.2061 9.27261 14.9821 10.2881 14.71C11.3035 14.4379 11.8599 13.2206 11.5304 11.9913L11.1938 10.7347L11.193 10.7349C11.1882 10.7148 11.1831 10.6947 11.1777 10.6748ZM16.7779 9.29198C16.4484 8.06264 15.358 7.28659 14.3425 7.55866C13.3271 7.83073 12.7707 9.04808 13.1001 10.2774C13.1055 10.2974 13.111 10.3173 13.1169 10.3372L13.1162 10.3373L13.4529 11.5939C13.7823 12.8233 14.8728 13.5993 15.8882 13.3273C16.9036 13.0551 17.46 11.8378 17.1306 10.6085L16.7939 9.3519L16.7932 9.3521C16.7883 9.332 16.7832 9.31196 16.7779 9.29198ZM9.87394 11.7017C10.0326 11.6591 10.1958 11.7533 10.2383 11.912C10.2808 12.0707 10.1866 12.2337 10.0279 12.2763C9.86926 12.3188 9.70619 12.2246 9.66366 12.066C9.62115 11.9073 9.7153 11.7442 9.87394 11.7017ZM8.55262 9.84709C8.68971 10.0608 8.87601 10.2386 9.09591 10.3656C9.31581 10.4925 9.56293 10.565 9.81657 10.5768C9.60285 10.7139 9.42507 10.9002 9.29811 11.1201C9.17115 11.34 9.09871 11.5871 9.08685 11.8408C8.94975 11.627 8.76346 11.4493 8.54355 11.3223C8.32365 11.1953 8.07654 11.1229 7.8229 11.111C8.03663 10.9739 8.21441 10.7876 8.34137 10.5677C8.46832 10.3478 8.54076 10.1007 8.55262 9.84709ZM15.4741 10.3189C15.6328 10.2764 15.7959 10.3705 15.8384 10.5292C15.8809 10.6879 15.7867 10.851 15.6281 10.8935C15.4694 10.936 15.3063 10.8418 15.2638 10.6832C15.2213 10.5245 15.3155 10.3614 15.4741 10.3189ZM14.1528 8.46434C14.2899 8.67806 14.4762 8.85584 14.6961 8.9828C14.916 9.10976 15.1631 9.1822 15.4167 9.19406C15.203 9.33117 15.0252 9.51746 14.8983 9.73736C14.7713 9.95725 14.6989 10.2044 14.687 10.458C14.5499 10.2443 14.3636 10.0665 14.1437 9.93952C13.9238 9.81256 13.6767 9.74012 13.4231 9.72826C13.6368 9.59117 13.8146 9.40488 13.9415 9.18498C14.0685 8.96508 14.1409 8.71797 14.1528 8.46434Z"
+    fill: stroke || color || "currentColor",
+    d: "M1.5 6L12 0L22.5 6V18L12 24L1.5 18V6ZM3.75 8.58143V16.6943L10.875 20.7657V12.6529L3.75 8.58143ZM13.125 20.7657L20.25 16.6943V8.58143L13.125 12.6529V20.7657ZM19.0987 6.64786L12 2.59144L4.90126 6.64786L12 10.7043L19.0987 6.64786Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
   }
-) }), ModelSoraFilled_default = IconModelSoraFilled;
+) }), Models_default = IconModels;
 
-// src/components/ModelNanobananaLogoNomoFilled.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
-var IconModelNanobananaLogoNomoFilled = ({ 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__ */ jsx21(
-    "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__ */ jsx21(
-    "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__ */ jsx21(
+// src/components/More.tsx
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+var IconMore = ({ 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__ */ jsx39(
     "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"
+      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__ */ jsx21(
+  /* @__PURE__ */ jsx39(
     "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"
+      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__ */ jsx21(
+  /* @__PURE__ */ jsx39(
     "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"
+      fill: stroke || color || "currentColor",
+      d: "M14 5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5C10 6.10457 10.8954 7 12 7C13.1046 7 14 6.10457 14 5Z"
     }
-  ),
-  /* @__PURE__ */ jsx21(
+  )
+] }), More_default = IconMore;
+
+// src/components/Moresettings.tsx
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+var IconMoresettings = ({ 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: "#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"
+      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__ */ jsx21(
+  /* @__PURE__ */ jsx40(
     "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"
+      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__ */ jsx21(
+  /* @__PURE__ */ jsx40(
     "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"
+      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__ */ jsx21(
+  /* @__PURE__ */ jsx40(
     "path",
     {
-      fill: "#D5D6D7",
-      d: "M5.17688 12.8363C4.40438 13.9406 4.30313 14.91 4.18688 15.9C4.08188 16.7944 3.86626 18.675 3.54188 19.2881C3.21563 19.9013 2.89876 20.3006 3.24938 20.6738C3.60001 21.0469 4.63126 20.9138 5.37188 20.1075C5.96813 19.4569 6.29813 18.7481 6.74626 17.7075C7.19438 16.6669 7.85438 14.2106 8.71126 13.1006C9.25876 12.3919 9.80438 12.3713 9.80438 12.3713C9.80438 12.3713 9.08251 11.7825 7.70438 11.7675C6.46876 11.7544 5.82001 11.9175 5.17688 12.8363Z"
+      fill: stroke || color || "currentColor",
+      d: "M12 0C18.6274 -2.89694e-07 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 2.89694e-07 18.6274 0 12C-2.89694e-07 5.37258 5.37258 2.89694e-07 12 0ZM12 2.25C17.3848 2.25 21.75 6.61522 21.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.25Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
     }
   )
-] }), ModelNanobananaLogoNomoFilled_default = IconModelNanobananaLogoNomoFilled;
+] }), Moresettings_default = IconMoresettings;
 
-// src/components/Models.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-var IconModels = ({ 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(
+// src/components/Pencil.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+var IconPencil = ({ 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 || "white",
-    d: "M1.5 6L12 0L22.5 6V18L12 24L1.5 18V6ZM3.75 8.58143V16.6943L10.875 20.7657V12.6529L3.75 8.58143ZM13.125 20.7657L20.25 16.6943V8.58143L13.125 12.6529V20.7657ZM19.0987 6.64786L12 2.59144L4.90126 6.64786L12 10.7043L19.0987 6.64786Z",
+    fill: stroke || color || "currentColor",
+    d: "M22.602 8.14797L8.25 22.5H1.5V15.75L15.852 1.39797C16.7471 0.502866 17.9612 0 19.227 0C21.8631 0 24 2.13693 24 4.77297C24 6.03884 23.4971 7.25287 22.602 8.14797ZM3.75 20.25V16.682L13.9205 6.51149L17.4885 10.0795L7.31802 20.25H3.75ZM19.0795 8.48851L21.011 6.55698C21.4842 6.08383 21.75 5.4421 21.75 4.77297C21.75 3.37957 20.6204 2.25 19.227 2.25C18.5579 2.25 17.9162 2.51581 17.443 2.98896L15.5115 4.9205L19.0795 8.48851Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }
-) }), Models_default = IconModels;
+) }), Pencil_default = IconPencil;
 
-// src/components/More.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
-var IconMore = ({ 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__ */ jsx23(
-    "path",
-    {
-      fill: stroke || color || "white",
-      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__ */ jsx23(
-    "path",
-    {
-      fill: stroke || color || "white",
-      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__ */ jsx23(
+// src/components/PlanFilled.tsx
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+var IconPlanFilled = ({ 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__ */ jsx42("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ jsx42(
     "path",
     {
-      fill: stroke || color || "white",
-      d: "M14 5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5C10 6.10457 10.8954 7 12 7C13.1046 7 14 6.10457 14 5Z"
+      fill: fill || color || "currentColor",
+      d: "M13.5 10.5L15 0H12L3 10.5V13.5H10.5L9 24H12L21 13.5L21 10.5H13.5Z"
     }
-  )
-] }), More_default = IconMore;
-
-// src/components/PlanFilled.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
-var IconPlanFilled = ({ 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__ */ jsx24("g", { clipPath: "url(#clip0_2_30)", children: /* @__PURE__ */ jsx24("path", { fill: fill || color || "black", d: "M13.5 10.5L15 0H12L3 10.5V13.5H10.5L9 24H12L21 13.5L21 10.5H13.5Z" }) }),
-  /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsx24("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ jsx24("rect", { width: "24", height: "24", fill: stroke || color || "white" }) }) })
+  ) }),
+  /* @__PURE__ */ jsx42("defs", { children: /* @__PURE__ */ jsx42("clipPath", { id: "clip0_2_30", children: /* @__PURE__ */ jsx42("rect", { width: "24", height: "24", fill: stroke || color || "currentColor" }) }) })
 ] }), PlanFilled_default = IconPlanFilled;
 
 // src/components/Ratio169.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-var IconRatio169 = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx25("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx25(
+import { jsx as jsx43 } from "react/jsx-runtime";
+var IconRatio169 = ({ 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(
   "path",
   {
-    fill: stroke || color || "white",
+    fill: stroke || color || "currentColor",
     d: "M24 5.14285V18.8571H0V5.14285H24ZM2.40039 16.5057H21.5996V7.49426H2.40039V16.5057Z"
   }
 ) }), Ratio169_default = IconRatio169;
 
 // src/components/Ratio11.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
-var IconRatio11 = ({ 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__ */ jsx26("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ jsx26(
+import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
+var IconRatio11 = ({ 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("g", { clipPath: "url(#clip0_13_501)", children: /* @__PURE__ */ jsx44(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M24 24L2.76562e-06 24L3.8147e-06 0L24 1.04907e-06L24 24ZM2.40039 2.40039L2.40039 21.5996L21.5996 21.5996L21.5996 2.40039L2.40039 2.40039Z"
     }
   ) }),
-  /* @__PURE__ */ jsx26("defs", { children: /* @__PURE__ */ jsx26("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ jsx26(
+  /* @__PURE__ */ jsx44("defs", { children: /* @__PURE__ */ jsx44("clipPath", { id: "clip0_13_501", children: /* @__PURE__ */ jsx44(
     "rect",
     {
       width: "24",
       height: "24",
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       transform: "translate(24 1.04907e-06) rotate(90)"
     }
   ) }) })
 ] }), Ratio11_default = IconRatio11;
 
 // src/components/Ratio916.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-var IconRatio916 = ({ 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__ */ jsx27("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ jsx27(
+import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+var IconRatio916 = ({ 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__ */ jsx45("g", { clipPath: "url(#clip0_13_499)", children: /* @__PURE__ */ jsx45(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M18.8571 24L5.14286 24L5.14286 4.49603e-07L18.8571 1.04907e-06L18.8571 24ZM7.49426 2.40039L7.49426 21.5996L16.5057 21.5996L16.5057 2.40039L7.49426 2.40039Z"
     }
   ) }),
-  /* @__PURE__ */ jsx27("defs", { children: /* @__PURE__ */ jsx27("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ jsx27(
+  /* @__PURE__ */ jsx45("defs", { children: /* @__PURE__ */ jsx45("clipPath", { id: "clip0_13_499", children: /* @__PURE__ */ jsx45(
     "rect",
     {
       width: "24",
       height: "24",
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       transform: "translate(24 1.04907e-06) rotate(90)"
     }
   ) }) })
 ] }), Ratio916_default = IconRatio916;
 
+// src/components/Ratio.tsx
+import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+var IconRatio = ({ 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__ */ jsx46(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M3 0V3L0 3V5.25L18.75 5.25V24H21V21H24V18.75H21L21 3L5.25 3V0H3Z"
+    }
+  ),
+  /* @__PURE__ */ jsx46(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M15.75 21V18.75H6.84099L15.75 9.84099V8.25H14.159L5.25 17.159V8.25H3V21H15.75Z"
+    }
+  )
+] }), Ratio_default = IconRatio;
+
 // src/components/ReEdit.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx28("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx28(
+import { jsx as jsx47 } from "react/jsx-runtime";
+var IconReEdit = ({ 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(
   "path",
   {
-    fill: stroke || color || "white",
+    fill: stroke || color || "currentColor",
     d: "M1.5 0V8.25H19.5V5.25H21.75V9.58393L10.875 11.8339V15H8.25V24H15.75V15H13.125V13.6661L24 11.4161V3H19.5V0H1.5ZM17.25 2.25H3.75V6H17.25V2.25ZM10.5 17.25H13.5V21.75H10.5V17.25Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
@@ -862,11 +1207,11 @@ var IconReEdit = ({ size, width, height, color, className, fill, stroke }) => /*
 ) }), ReEdit_default = IconReEdit;
 
 // src/components/Regenerate.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx29("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx29(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx48("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx48(
   "path",
   {
-    fill: stroke || color || "white",
+    fill: stroke || color || "currentColor",
     d: "M13.5 9L15 10.5H24V1.5L22.5 0L18.7955 3.7045L17.6831 2.59214C16.0234 0.932422 13.7723 0 11.4252 0C5.11521 0 0 5.11522 0 11.4252V12C0 18.6274 5.37258 24 12 24C15.0693 24 18.1424 22.8282 20.4853 20.4853L18.8943 18.8943C16.9903 20.7983 14.497 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12V11.4252C2.25 6.35786 6.35786 2.25 11.4252 2.25C13.1756 2.25 14.8544 2.94537 16.0921 4.18313L17.2045 5.2955L13.5 9ZM21.75 3.93198V8.25H17.432L21.75 3.93198Z",
     fillRule: "evenodd",
     clipRule: "evenodd"
@@ -874,113 +1219,284 @@ var IconRegenerate = ({ size, width, height, color, className, fill, stroke }) =
 ) }), Regenerate_default = IconRegenerate;
 
 // src/components/SocialX.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var IconSocialX = ({ 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 jsx49 } from "react/jsx-runtime";
+var IconSocialX = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx49("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx49(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"
   }
 ) }), SocialX_default = IconSocialX;
 
 // src/components/SocialDiscord.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-var IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx31("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx31(
+import { jsx as jsx50 } from "react/jsx-runtime";
+var IconSocialDiscord = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx50("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx50(
   "path",
   {
-    fill: fill || color || "black",
+    fill: fill || color || "currentColor",
     d: "M20.317 4.1556C18.7873 3.45372 17.147 2.93661 15.4319 2.64043C15.4007 2.63472 15.3695 2.649 15.3534 2.67757C15.1424 3.05279 14.9087 3.54229 14.7451 3.92703C12.9004 3.65086 11.0652 3.65086 9.25832 3.92703C9.09465 3.53373 8.85248 3.05279 8.64057 2.67757C8.62448 2.64996 8.59328 2.63567 8.56205 2.64043C6.84791 2.93566 5.20756 3.45278 3.67693 4.1556C3.66368 4.16132 3.65233 4.17085 3.64479 4.18322C0.533392 8.83158 -0.31895 13.3657 0.0991801 17.8436C0.101072 17.8655 0.11337 17.8864 0.130398 17.8998C2.18321 19.4073 4.17171 20.3225 6.12328 20.9291C6.15451 20.9387 6.18761 20.9272 6.20748 20.9015C6.66913 20.2711 7.08064 19.6064 7.43348 18.9073C7.4543 18.8664 7.43442 18.8178 7.39186 18.8016C6.73913 18.554 6.1176 18.2521 5.51973 17.9093C5.47244 17.8817 5.46865 17.814 5.51216 17.7817C5.63797 17.6874 5.76382 17.5893 5.88396 17.4902C5.90569 17.4722 5.93598 17.4683 5.96153 17.4798C9.88928 19.273 14.1415 19.273 18.023 17.4798C18.0485 17.4674 18.0788 17.4712 18.1015 17.4893C18.2216 17.5883 18.3475 17.6874 18.4742 17.7817C18.5177 17.814 18.5149 17.8817 18.4676 17.9093C17.8697 18.2588 17.2482 18.554 16.5945 18.8007C16.552 18.8169 16.533 18.8664 16.5538 18.9073C16.9143 19.6054 17.3258 20.2701 17.7789 20.9006C17.7978 20.9272 17.8319 20.9387 17.8631 20.9291C19.8241 20.3225 21.8126 19.4073 23.8654 17.8998C23.8834 17.8864 23.8948 17.8664 23.8967 17.8445C24.3971 12.6676 23.0585 8.17067 20.3482 4.18417C20.3416 4.17085 20.3303 4.16132 20.317 4.1556ZM8.02002 15.117C6.8375 15.117 5.86313 14.0314 5.86313 12.6981C5.86313 11.3648 6.8186 10.2792 8.02002 10.2792C9.23087 10.2792 10.1958 11.3743 10.1769 12.6981C10.1769 14.0314 9.22141 15.117 8.02002 15.117ZM15.9947 15.117C14.8123 15.117 13.8379 14.0314 13.8379 12.6981C13.8379 11.3648 14.7933 10.2792 15.9947 10.2792C17.2056 10.2792 18.1705 11.3743 18.1516 12.6981C18.1516 14.0314 17.2056 15.117 15.9947 15.117Z"
   }
 ) }), SocialDiscord_default = IconSocialDiscord;
 
 // src/components/SoundOff.tsx
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
-var IconSoundOff = ({ 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__ */ jsx32(
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+var IconSoundOff = ({ 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__ */ jsx51(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M0.75 0H3.75L23.25 24H20.25L12 13.8462V22.5H9L3 16.5H0V7.5H3L5.12069 5.37931L0.75 0ZM6.54709 7.13489L3.93198 9.75H2.25V14.25H3.93198L9.75 20.068V11.0769L6.54709 7.13489Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx32(
+  /* @__PURE__ */ jsx51(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M20.5212 15.8841L21.981 17.6807C23.2432 16.1315 24 14.1541 24 12C24 7.02944 19.9706 3 15 3V5.25C18.7279 5.25 21.75 8.27208 21.75 12C21.75 13.4459 21.2954 14.7857 20.5212 15.8841Z"
     }
   )
 ] }), SoundOff_default = IconSoundOff;
 
 // src/components/SoundOn.tsx
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
-var IconSoundOn = ({ 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__ */ jsx33(
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+var IconSoundOn = ({ 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__ */ jsx52(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M9 22.5L3 16.5H0V7.5H3L9 1.5H12V22.5H9ZM2.25 14.25V9.75H3.93198L9.75 3.93198V20.068L3.93198 14.25H2.25Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx33(
+  /* @__PURE__ */ jsx52(
     "path",
     {
-      fill: stroke || color || "white",
+      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__ */ jsx33(
+  /* @__PURE__ */ jsx52(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M15 10.5C15.8284 10.5 16.5 11.1716 16.5 12C16.5 12.8284 15.8284 13.5 15 13.5V15.75C17.0711 15.75 18.75 14.0711 18.75 12C18.75 9.92893 17.0711 8.25 15 8.25V10.5Z"
     }
   )
 ] }), SoundOn_default = IconSoundOn;
 
+// src/components/StyleAutoFilled.tsx
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+var IconStyleAutoFilled = ({ 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__ */ jsx53(
+    "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__ */ jsx53(
+    "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__ */ jsx53("path", { fill: fill || color || "currentColor", d: "M1.5 3L3.75 0.75L6 3L3.75 5.25L1.5 3Z" }),
+  /* @__PURE__ */ jsx53("path", { fill: fill || color || "currentColor", d: "M22.5 21L19.5 18L16.5 21L19.5 24L22.5 21Z" }),
+  /* @__PURE__ */ jsx53(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M22.5 15C23.3284 15 24 14.3284 24 13.5C24 12.6716 23.3284 12 22.5 12C21.6716 12 21 12.6716 21 13.5C21 14.3284 21.6716 15 22.5 15Z"
+    }
+  )
+] }), StyleAutoFilled_default = IconStyleAutoFilled;
+
+// src/components/Style.tsx
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+var IconStyle = ({ 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__ */ jsx54(
+    "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__ */ jsx54(
+    "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__ */ jsx54(
+    "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__ */ jsx54(
+    "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__ */ jsx54(
+    "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__ */ jsx54(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M23.7894 14.25H13.5V15L18 19.5V22.3946C16.235 23.4156 14.1857 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 12.769 23.9277 13.5212 23.7894 14.25ZM15.75 20.432V21.0034C14.5973 21.4842 13.3316 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 12H11.25V15.932L15.75 20.432Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+] }), Style_default = IconStyle;
+
+// src/components/TextLogo.tsx
+import { jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
+var IconTextLogo = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsxs29("svg", { fill: "none", viewBox: "0 0 100 34", className, width: width || size, height: height || size, children: [
+  /* @__PURE__ */ jsxs29("g", { clipPath: "url(#clip0_33_25)", children: [
+    /* @__PURE__ */ jsx55(
+      "path",
+      {
+        fill: "#888888",
+        d: "M33.7554 5.56861C40.0632 5.56879 45.1763 10.6827 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.56861 33.7554 5.56861ZM33.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.934 39.0854 16.9905C39.0854 14.0469 36.699 11.6606 33.7554 11.6604Z"
+      }
+    ),
+    /* @__PURE__ */ jsx55(
+      "path",
+      {
+        fill: "#888888",
+        d: "M71.8274 5.56861C78.1352 5.56879 83.2483 10.6827 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.56861 71.8274 5.56861ZM71.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.934 77.1574 16.9905C77.1574 14.0469 74.7709 11.6606 71.8274 11.6604Z"
+      }
+    ),
+    /* @__PURE__ */ jsx55(
+      "path",
+      {
+        fill: "#888888",
+        d: "M47.4611 16.6095C47.4611 14.9165 47.9442 12.445 49.4821 10.309C51.1319 8.01774 53.8543 6.33006 57.7404 6.33006H58.844C59.2859 6.33006 59.644 6.68824 59.644 7.13006V11.6216C59.644 12.0634 59.2859 12.4216 58.844 12.4216H57.7404C55.8399 12.4216 54.9459 13.1452 54.4255 13.8678C53.7933 14.7459 53.5525 15.8912 53.5525 16.6095V26.8503C53.5525 27.2921 53.1944 27.6503 52.7525 27.6503H48.2611C47.8192 27.6503 47.4611 27.2921 47.4611 26.8503V16.6095Z"
+      }
+    ),
+    /* @__PURE__ */ jsx55("rect", { width: "6.09149", height: "26.6503", x: "85.533", y: "1", fill: "#888888", rx: "0.8" }),
+    /* @__PURE__ */ jsx55("rect", { width: "6.09149", height: "26.6503", x: "93.9086", y: "1", fill: "#888888", rx: "0.8" }),
+    /* @__PURE__ */ jsx55(
+      "path",
+      {
+        fill: "#888888",
+        d: "M10.7312 16.5261C10.9932 17.1759 11.9047 17.1988 12.1991 16.5631L16.7232 6.79388C16.8542 6.51107 17.1375 6.33006 17.4492 6.33006H22.6939C23.2847 6.33006 23.6717 6.9484 23.4135 7.47975L11.1305 32.7538C10.9966 33.0292 10.7172 33.2041 10.411 33.2041H5.74564C5.1614 33.2041 4.77421 32.5982 5.01967 32.068L7.78707 26.0905C7.88252 25.8844 7.88581 25.6473 7.79613 25.4386L0.0658401 7.44586C-0.160996 6.91788 0.226231 6.33006 0.800872 6.33006H6.07966C6.40597 6.33006 6.69958 6.52825 6.82161 6.83087L10.7312 16.5261Z"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsx55("defs", { children: /* @__PURE__ */ jsx55("clipPath", { id: "clip0_33_25", children: /* @__PURE__ */ jsx55("rect", { width: "100", height: "34", fill: stroke || color || "currentColor" }) }) })
+] }), TextLogo_default = IconTextLogo;
+
 // src/components/ToolsFilled.tsx
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
-var IconToolsFilled = ({ 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__ */ jsx34("path", { fill: fill || color || "black", d: "M24 12L19.5 16.5L15 15L9 9L7.5 4.5L12 0L16.5 1.5L22.5 7.5L24 12Z" }),
-  /* @__PURE__ */ jsx34("path", { fill: fill || color || "black", d: "M0 19.4999L7.62868 11.8713L12.1287 16.3713L4.5 23.9999L0 19.4999Z" })
+import { jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
+var IconToolsFilled = ({ 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__ */ jsx56(
+    "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__ */ jsx56(
+    "path",
+    {
+      fill: fill || color || "currentColor",
+      d: "M0 19.4999L7.62868 11.8713L12.1287 16.3713L4.5 23.9999L0 19.4999Z"
+    }
+  )
 ] }), ToolsFilled_default = IconToolsFilled;
 
 // src/components/Tools.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var IconTools = ({ 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 jsx57 } from "react/jsx-runtime";
+var IconTools = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx57("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx57(
   "path",
   {
-    stroke: stroke || color || "white",
+    stroke: stroke || color || "currentColor",
     d: "M16.0957 2.15625L21.8438 7.9043L23.1416 11.7979L19.2979 15.6416L15.4043 14.3438L14.625 13.5645L5.25 22.9395L1.06055 18.75L10.4355 9.375L9.65625 8.5957L8.3584 4.70215L12.2021 0.858398L16.0957 2.15625ZM2.12109 18.75L5.25 21.8789L14.0947 13.0342L10.9658 9.90527L2.12109 18.75ZM9.21582 4.90527L9.3623 5.34473L10.2549 8.02148L10.3115 8.18945L15.8105 13.6885L15.9785 13.7451L18.6553 14.6377L19.0947 14.7842L22.2842 11.5947L22.1377 11.1553L21.2451 8.47852L21.1885 8.31055L15.6895 2.81152L15.5215 2.75488L12.8447 1.8623L12.4053 1.71582L9.21582 4.90527Z",
     strokeWidth: "1.5"
   }
 ) }), Tools_default = IconTools;
 
+// src/components/Uploadfiles.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+var IconUploadfiles = ({ 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(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M14.0625 2.25C12.3021 2.25 10.875 3.67709 10.875 5.4375V15.75C10.875 16.3713 11.3787 16.875 12 16.875C12.6213 16.875 13.125 16.3713 13.125 15.75V7.5H15.375V15.75C15.375 17.614 13.864 19.125 12 19.125C10.136 19.125 8.625 17.614 8.625 15.75V5.4375C8.625 2.43445 11.0595 0 14.0625 0C17.0655 0 19.5 2.43445 19.5 5.4375V16.5C19.5 20.6421 16.1421 24 12 24C7.85786 24 4.5 20.6421 4.5 16.5V5.25H6.75V16.5C6.75 19.3995 9.10051 21.75 12 21.75C14.8995 21.75 17.25 19.3995 17.25 16.5V5.4375C17.25 3.67709 15.8229 2.25 14.0625 2.25Z"
+  }
+) }), Uploadfiles_default = IconUploadfiles;
+
+// src/components/Uploadimages.tsx
+import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
+var IconUploadimages = ({ 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__ */ jsx59(
+    "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__ */ jsx59(
+    "path",
+    {
+      fill: stroke || color || "currentColor",
+      d: "M5.25 0H24V18.75H5.25V0ZM7.5 2.25H21.75V6.75L21.7045 6.7045L16.5 11.909L13.5 8.90901L7.5 14.909V2.25ZM21.75 9.84099V16.5H9.09099L13.5 12.091L16.5 15.091L21.75 9.84099Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ jsx59("path", { fill: stroke || color || "currentColor", d: "M0 6V24H18V21.75H2.25V6H0Z" })
+] }), Uploadimages_default = IconUploadimages;
+
+// src/components/Userfeedback.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+var IconUserfeedback = ({ 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(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M13.5 0V5.25H4.5C2.01472 5.25 0 7.26472 0 9.75V19.5H11.25V24H13.5V19.5H24V9.75C24 7.26472 21.9853 5.25 19.5 5.25H15.75V2.25H19.5V0H13.5ZM2.25 9.75C2.25 8.50736 3.25736 7.5 4.5 7.5C5.74264 7.5 6.75 8.50736 6.75 9.75V17.25H2.25V9.75ZM21.75 17.25H9V9.75C9 8.93035 8.78086 8.16189 8.39798 7.5H13.5V12H15.75V7.5H19.5C20.7426 7.5 21.75 8.50736 21.75 9.75V17.25Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Userfeedback_default = IconUserfeedback;
+
 // src/components/VideoGeneration.tsx
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
-var IconVideoGeneration = ({ 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 jsx61, jsxs as jsxs32 } from "react/jsx-runtime";
+var IconVideoGeneration = ({ 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__ */ jsx61(
     "path",
     {
-      fill: stroke || color || "white",
+      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__ */ jsx36(
+  /* @__PURE__ */ jsx61(
     "path",
     {
-      fill: stroke || color || "white",
+      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__ */ jsx36(
+  /* @__PURE__ */ jsx61(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M9 18H11.25L17.25 12L11.25 6H9V18ZM11.25 9.18198L14.068 12L11.25 14.818V9.18198Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
@@ -989,44 +1505,75 @@ var IconVideoGeneration = ({ size, width, height, color, className, fill, stroke
 ] }), VideoGeneration_default = IconVideoGeneration;
 
 // src/components/VideoLength.tsx
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
-var IconVideoLength = ({ 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 || "white", d: "M10.875 9V15H13.125V9H10.875Z" }),
-  /* @__PURE__ */ jsx37(
+import { jsx as jsx62, jsxs as jsxs33 } from "react/jsx-runtime";
+var IconVideoLength = ({ 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__ */ jsx62("path", { fill: stroke || color || "currentColor", d: "M10.875 9V15H13.125V9H10.875Z" }),
+  /* @__PURE__ */ jsx62(
     "path",
     {
-      fill: stroke || color || "white",
+      fill: stroke || color || "currentColor",
       d: "M7.5 2.25H10.875V4.5642C6.02013 5.12198 2.25 9.24571 2.25 14.25C2.25 19.6348 6.61522 24 12 24C17.3848 24 21.75 19.6348 21.75 14.25C21.75 11.963 20.9626 9.85985 19.644 8.19698L21.7955 6.0455L20.2045 4.4545L18.053 6.60599C16.6668 5.5068 14.9746 4.77671 13.125 4.5642V2.25H16.5V0H7.5V2.25ZM19.5 14.25C19.5 18.3921 16.1421 21.75 12 21.75C7.85786 21.75 4.5 18.3921 4.5 14.25C4.5 10.1079 7.85786 6.75 12 6.75C16.1421 6.75 19.5 10.1079 19.5 14.25Z",
       fillRule: "evenodd",
       clipRule: "evenodd"
     }
   )
 ] }), VideoLength_default = IconVideoLength;
+
+// src/components/Visualstyles.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+var IconVisualstyles = ({ size, width, height, color, className, fill, stroke }) => /* @__PURE__ */ jsx63("svg", { fill: "none", viewBox: "0 0 24 24", className, width: width || size, height: height || size, children: /* @__PURE__ */ jsx63(
+  "path",
+  {
+    fill: stroke || color || "currentColor",
+    d: "M17.8393 10.3393L22.7041 6.32059C23.5248 5.64258 24 4.63359 24 3.56901C24 1.5979 22.4021 0 20.431 0C19.3664 0 18.3575 0.475231 17.6794 1.29597L13.6607 6.16073L13.1319 5.63193C12.4072 4.90717 11.4242 4.5 10.3992 4.5C9.49512 4.5 8.61964 4.81697 7.9251 5.39575L0 12L12 24L18.6043 16.0749C19.183 15.3804 19.5 14.5049 19.5 13.6008C19.5 12.5758 19.0928 11.5928 18.3681 10.8681L17.8393 10.3393ZM16.2411 8.74111L15.2589 7.75892L19.4141 2.72896C19.6647 2.42563 20.0376 2.25 20.431 2.25C21.1595 2.25 21.75 2.84054 21.75 3.56901C21.75 3.96245 21.5744 4.33535 21.2711 4.58592L16.2411 8.74111ZM3.33318 12.1512L6.45701 9.548L14.452 17.543L11.8488 20.6668L3.33318 12.1512ZM15.8984 15.8074L8.19264 8.10165L9.36552 7.12425C9.6557 6.88243 10.0215 6.75 10.3992 6.75C10.8274 6.75 11.2381 6.92012 11.5409 7.22292L16.7771 12.4591C17.0799 12.7619 17.25 13.1726 17.25 13.6008C17.25 13.9785 17.1176 14.3443 16.8758 14.6345L15.8984 15.8074Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }
+) }), Visualstyles_default = IconVisualstyles;
 export {
   Add_default as IconAdd,
+  Agreements_default as IconAgreements,
   AngleDown_default as IconAngleDown,
+  Artboard_default as IconArtboard,
   Assets_default as IconAssets,
   AssetsFilled_default as IconAssetsFilled,
   Backward_default as IconBackward,
+  BatchShots_default as IconBatchShots,
   CheckedFilled_default as IconCheckedFilled,
   Close_default as IconClose,
   CreditFilled_default as IconCreditFilled,
+  Cursor_default as IconCursor,
   Delete_default as IconDelete,
   Download_default as IconDownload,
+  FiletypePdfFilled_default as IconFiletypePdfFilled,
+  Gamelanguage_default as IconGamelanguage,
   GenerateFilled_default as IconGenerateFilled,
+  Genre_default as IconGenre,
+  GenreAuto_default as IconGenreAuto,
+  GenreComedy_default as IconGenreComedy,
+  GenreFantasy_default as IconGenreFantasy,
+  GenreHorror_default as IconGenreHorror,
+  GenreRomance_default as IconGenreRomance,
+  GenreScifi_default as IconGenreScifi,
+  GenreSuspense_default as IconGenreSuspense,
   GoogleLogoFilled_default as IconGoogleLogoFilled,
+  Help_default as IconHelp,
   Homepage_default as IconHomepage,
   HomepageFilled_default as IconHomepageFilled,
   ImageGeneration_default as IconImageGeneration,
+  Login_default as IconLogin,
+  Logout_default as IconLogout,
   ModelDeepmindFilled_default as IconModelDeepmindFilled,
   ModelGeminiFilled_default as IconModelGeminiFilled,
   ModelGeminiFilled1_default as IconModelGeminiFilled1,
-  ModelNanobananaFilled_default as IconModelNanobananaFilled,
   ModelNanobananaLogoNomoFilled_default as IconModelNanobananaLogoNomoFilled,
   ModelSoraFilled_default as IconModelSoraFilled,
   Models_default as IconModels,
   More_default as IconMore,
+  Moresettings_default as IconMoresettings,
+  Pencil_default as IconPencil,
   PlanFilled_default as IconPlanFilled,
+  Ratio_default as IconRatio,
   Ratio11_default as IconRatio11,
   Ratio169_default as IconRatio169,
   Ratio916_default as IconRatio916,
@@ -1036,8 +1583,15 @@ export {
   SocialX_default as IconSocialX,
   SoundOff_default as IconSoundOff,
   SoundOn_default as IconSoundOn,
+  Style_default as IconStyle,
+  StyleAutoFilled_default as IconStyleAutoFilled,
+  TextLogo_default as IconTextLogo,
   Tools_default as IconTools,
   ToolsFilled_default as IconToolsFilled,
+  Uploadfiles_default as IconUploadfiles,
+  Uploadimages_default as IconUploadimages,
+  Userfeedback_default as IconUserfeedback,
   VideoGeneration_default as IconVideoGeneration,
-  VideoLength_default as IconVideoLength
+  VideoLength_default as IconVideoLength,
+  Visualstyles_default as IconVisualstyles
 };