colbrush 1.0.2 → 1.0.5

package/dist/client.js

@@ -84,7 +84,7 @@ var useUpdateLanguage = () => useTheme().updateLanguage;
 var THEMES = THEME_LABEL;
 
 // src/components/ThemeSwitcher.tsx
-import { useEffect as useEffect2, useRef, useState as useState2, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState3, useMemo as useMemo2 } from "react";
 
 // src/icons/Logo.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -92,59 +92,59 @@ var SvgLogo = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 77,
-    height: 78,
+    width: 39,
+    height: 40,
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ jsx2("path", { fill: "#CE78A9", d: "m0 34.605 3.032-7.028L36.656 11.73l-2.618 6.615z" }),
+      /* @__PURE__ */ jsx2("path", { fill: "#CE78A9", d: "m.5 17.805 1.516-3.514 16.812-7.924-1.309 3.308z" }),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#D55D00",
-          d: "m5.375 47.421-4.272-9.784 28.112-14.194-2.756 6.753-18.466 9.37 4.96 11.438z"
+          d: "M3.187 24.212 1.05 19.32l14.056-7.097-1.378 3.376-9.233 4.685 2.48 5.72z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#E59F01",
-          d: "m43.55.478 6.992 3.112 15.464 33.802-6.584-2.693z"
+          d: "m22.276.741 3.496 1.556 7.732 16.901-3.292-1.347z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#000",
-          d: "m30.673 5.706 9.832-4.16L54.38 29.818l-6.721-2.833-9.16-18.571-11.494 4.83z"
+          d: "m15.837 3.355 4.916-2.08L27.69 15.41l-3.36-1.417-4.58-9.285-5.747 2.415z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#0072B1",
-          d: "m33.071 77.49-6.987-3.126-15.397-33.833 6.58 2.706z"
+          d: "m17.036 39.246-3.493-1.562-7.699-16.917 3.29 1.354z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#F0E442",
-          d: "m45.958 72.287-9.84 4.14L22.3 48.128l6.715 2.846 9.124 18.59 11.503-4.808z"
+          d: "m23.477 36.645-4.92 2.07-6.908-14.149 3.357 1.423 4.562 9.295 5.751-2.404z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#009F73",
-          d: "m76.778 43.424-2.964 7.057-33.468 16.174 2.553-6.64z"
+          d: "m38.889 22.215-1.482 3.529-16.734 8.087 1.277-3.32z"
         }
       ),
       /* @__PURE__ */ jsx2(
         "path",
         {
           fill: "#56B4E8",
-          d: "m71.279 30.661 4.367 9.742L47.673 54.87l2.69-6.78 18.374-9.549-5.072-11.389z"
+          d: "m36.14 15.833 2.184 4.871-13.987 7.233 1.345-3.389 9.187-4.775-2.536-5.694z"
         }
       )
     ]
@@ -158,39 +158,39 @@ var SvgUs = (props) => /* @__PURE__ */ jsxs2(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 50,
-    height: 38,
+    width: 28,
+    height: 21,
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ jsxs2("g", { clipPath: "url(#US_svg__a)", filter: "url(#US_svg__b)", children: [
-        /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M7 7h35.785v23.857H7z" }),
+      /* @__PURE__ */ jsxs2("g", { clipPath: "url(#a)", filter: "url(#b)", children: [
+        /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M3.996 4.166h20v13.333h-20z" }),
         /* @__PURE__ */ jsx3(
           "path",
           {
             fill: "#D80027",
-            d: "M7 7h35.785v1.835H7zm0 3.67h35.785v1.834H7zm0 3.668h35.785v1.835H7zm0 3.67h35.785v1.834H7zm0 3.676h35.785v1.834H7zm0 3.669h35.785v1.834H7zm0 3.669h35.785v1.835H7z"
+            d: "M3.996 4.166h20v1.025h-20zm0 2.05h20v1.026h-20zm0 2.051h20v1.026h-20zm0 2.051h20v1.025h-20zm0 2.055h20v1.025h-20zm0 2.05h20v1.026h-20zm0 2.051h20v1.025h-20z"
           }
         ),
-        /* @__PURE__ */ jsx3("path", { fill: "#2E52B2", d: "M7 7h17.892v12.842H7z" }),
+        /* @__PURE__ */ jsx3("path", { fill: "#2E52B2", d: "M3.996 4.166h10v7.177h-10z" }),
         /* @__PURE__ */ jsx3(
           "path",
           {
             fill: "#fff",
-            d: "m10.334 16.69-.279-.894-.307.893h-.92l.746.537-.279.893.76-.55.74.55-.286-.893.76-.537zm3.928 0-.286-.894-.293.893h-.921l.746.537-.279.893.747-.55.753.55-.28-.893.747-.537zm3.94 0-.3-.894-.278.893h-.942l.767.537-.293.893.747-.55.767.55-.293-.893.747-.537zm3.921 0-.279-.894-.293.893h-.928l.754.537-.28.893.747-.55.753.55-.3-.893.768-.537zm-8.147-4.437-.293.893h-.921l.746.55-.279.88.747-.544.753.544-.28-.88.747-.55h-.934zm-3.92 0-.308.893h-.92l.746.55-.279.88.76-.544.74.544-.286-.88.76-.55h-.935zm7.847 0-.28.893h-.94l.766.55-.293.88.747-.544.767.544-.293-.88.747-.55h-.921zm3.941 0-.293.893h-.928l.754.55-.28.88.747-.544.753.544-.3-.88.768-.55h-.942zm-11.789-3.53-.307.88h-.92l.746.55-.279.886.76-.551.74.551-.286-.886.76-.55h-.935zm3.92 0-.292.88h-.921l.746.55-.279.886.747-.551.753.551-.28-.886.747-.55h-.934zm3.928 0-.28.88h-.94l.766.55-.293.886.747-.551.767.551-.293-.886.747-.55h-.921zm3.941 0-.293.88h-.928l.754.55-.28.886.747-.551.753.551-.3-.886.768-.55h-.942z"
+            d: "m5.86 9.581-.156-.499-.172.5h-.514l.417.3-.156.498.425-.308.413.308-.16-.499.425-.3zm2.195 0-.16-.499-.164.5h-.515l.418.3-.156.498.417-.308.42.308-.155-.499.417-.3zm2.202 0-.167-.499-.156.5h-.527l.43.3-.164.498.417-.308.429.308-.164-.499.417-.3zm2.191 0-.156-.499-.163.5h-.519l.421.3-.156.498.417-.308.422.308-.168-.499.429-.3zm-4.553-2.48-.164.5h-.515l.418.308-.156.49.417-.303.42.304-.155-.491.417-.308h-.522zm-2.191 0-.172.5h-.514l.417.308-.156.49.425-.303.413.304-.16-.491.425-.308H5.86zm4.386 0-.156.5h-.527l.43.308-.164.49.417-.303.429.304-.164-.491.417-.308h-.515zm2.202 0-.163.5h-.519l.421.308-.156.49.417-.303.422.304-.168-.491.429-.308h-.527zM5.704 5.13l-.172.491h-.514l.417.308-.156.495.425-.308.413.308-.16-.495.425-.308H5.86zm2.19 0-.163.491h-.515l.418.308-.156.495.417-.308.42.308-.155-.495.417-.308h-.522zm2.196 0-.156.491h-.527l.43.308-.164.495.417-.308.429.308-.164-.495.417-.308h-.515zm2.202 0-.163.491h-.519l.421.308-.156.495.417-.308.422.308-.168-.495.429-.308h-.527z"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs2("defs", { children: [
-        /* @__PURE__ */ jsx3("clipPath", { id: "US_svg__a", children: /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M7 7h35.785v23.857H7z" }) }),
+        /* @__PURE__ */ jsx3("clipPath", { id: "a", children: /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M3.996 4.166h20v13.333h-20z" }) }),
         /* @__PURE__ */ jsxs2(
           "filter",
           {
-            id: "US_svg__b",
-            width: 48.261,
-            height: 36.333,
-            x: 0.762,
-            y: 0.762,
+            id: "b",
+            width: 26.973,
+            height: 20.307,
+            x: 0.509,
+            y: 0.679,
             colorInterpolationFilters: "sRGB",
             filterUnits: "userSpaceOnUse",
             children: [
@@ -204,15 +204,21 @@ var SvgUs = (props) => /* @__PURE__ */ jsxs2(
                 }
               ),
               /* @__PURE__ */ jsx3("feOffset", {}),
-              /* @__PURE__ */ jsx3("feGaussianBlur", { stdDeviation: 3.119 }),
+              /* @__PURE__ */ jsx3("feGaussianBlur", { stdDeviation: 1.743 }),
               /* @__PURE__ */ jsx3("feComposite", { in2: "hardAlpha", operator: "out" }),
               /* @__PURE__ */ jsx3("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
-              /* @__PURE__ */ jsx3("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_85_779" }),
+              /* @__PURE__ */ jsx3(
+                "feBlend",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_306_3300"
+                }
+              ),
               /* @__PURE__ */ jsx3(
                 "feBlend",
                 {
                   in: "SourceGraphic",
-                  in2: "effect1_dropShadow_85_779",
+                  in2: "effect1_dropShadow_306_3300",
                   result: "shape"
                 }
               )
@@ -231,19 +237,19 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 30,
+    width: 24,
+    height: 17,
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ jsxs3("g", { clipPath: "url(#KR_svg__a)", filter: "url(#KR_svg__b)", children: [
-        /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M3 3h36v24H3z" }),
+      /* @__PURE__ */ jsxs3("g", { clipPath: "url(#a)", filter: "url(#b)", children: [
+        /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M1.906 2h20v13.333h-20z" }),
         /* @__PURE__ */ jsx4(
           "path",
           {
             fill: "#000",
             fillRule: "evenodd",
-            d: "m8.496 10.27 3.328-4.992.876.584-3.328 4.992zm1.248.832 3.328-4.992.876.584-3.328 4.992zm1.248.832 3.328-4.992.876.584-3.328 4.992zm15.81 10.54 3.327-4.993.876.584-3.328 4.992zm1.247.831 3.329-4.992.875.584-3.328 4.992zm5.452-3.576-3.328 4.992-.876-.584 3.329-4.992z",
+            d: "m4.959 6.04 1.849-2.774.487.324-1.85 2.773zm.693.461 1.85-2.773.486.324-1.85 2.774zm.694.463L8.195 4.19l.486.324-1.849 2.774zm8.782 5.855 1.85-2.774.486.325-1.849 2.773zm.694.462 1.849-2.774.486.325-1.849 2.773zm3.029-1.987L17 14.068l-.486-.325 1.85-2.773z",
             clipRule: "evenodd"
           }
         ),
@@ -252,7 +258,7 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
           {
             fill: "#fff",
             fillRule: "evenodd",
-            d: "m31.988 22.853-4.16-2.774.487-.73 4.16 2.774z",
+            d: "m18.01 13.03-2.31-1.542.27-.405 2.31 1.54z",
             clipRule: "evenodd"
           }
         ),
@@ -260,14 +266,14 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
           "path",
           {
             fill: "#CA163A",
-            d: "M25.992 18.328a6 6 0 1 0-9.985-6.657 6 6 0 0 0 9.984 6.657"
+            d: "M14.68 10.514a3.333 3.333 0 1 0-5.548-3.698 3.333 3.333 0 0 0 5.547 3.698"
           }
         ),
         /* @__PURE__ */ jsx4(
           "path",
           {
             fill: "#0E4896",
-            d: "M16.007 11.671A3.001 3.001 0 0 0 20.999 15a3.001 3.001 0 0 1 4.993 3.328 6 6 0 0 1-8.321 1.664 6 6 0 0 1-1.664-8.32"
+            d: "M9.132 6.816a1.667 1.667 0 0 0 2.774 1.85 1.667 1.667 0 0 1 2.773 1.848 3.334 3.334 0 0 1-5.547-3.698"
           }
         ),
         /* @__PURE__ */ jsx4(
@@ -275,7 +281,7 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
           {
             fill: "#000",
             fillRule: "evenodd",
-            d: "m30.173 5.277 3.328 4.993-.875.584-3.329-4.993zm-1.248.832 3.328 4.993-.875.584-3.329-4.993zm-1.248.832 3.328 4.993-.876.584-3.328-4.993zm-15.809 10.54 3.328 4.992-.876.584-3.328-4.992zm-1.248.832 3.328 4.992-.876.584-3.328-4.992zm-1.248.832 3.328 4.992-.876.584-3.328-4.992z",
+            d: "m17.002 3.266 1.849 2.773-.487.325-1.849-2.774zm-.694.462 1.85 2.773-.487.325-1.85-2.774zm-.693.462 1.85 2.774-.488.324-1.848-2.773zm-8.783 5.855 1.85 2.774-.487.324-1.85-2.773zm-.693.463 1.849 2.773-.487.324-1.849-2.773zm-.693.462 1.849 2.773-.487.325-1.849-2.774z",
             clipRule: "evenodd"
           }
         ),
@@ -283,7 +289,7 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
           "path",
           {
             fill: "#000",
-            d: "m11.224 21.516 1.248-.832zm16.847-11.232 1.458-.971zm2.706-1.804 1.248-.832z"
+            d: "m6.475 12.286.693-.462zm9.36-6.24.81-.54zm1.502-1.002.694-.462z"
           }
         ),
         /* @__PURE__ */ jsx4(
@@ -291,21 +297,21 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
           {
             fill: "#fff",
             fillRule: "evenodd",
-            d: "m32.269 8.013-1.248.832-.487-.73 1.248-.832zm-2.496 1.664-1.458.972-.487-.73 1.458-.972zM12.716 21.05l-1.248.832-.487-.73 1.248-.832z",
+            d: "m18.166 4.784-.693.463-.27-.406.693-.462zm-1.386.925-.81.54-.27-.406.81-.54zm-9.476 6.317-.694.463-.27-.406.693-.462z",
             clipRule: "evenodd"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs3("defs", { children: [
-        /* @__PURE__ */ jsx4("clipPath", { id: "KR_svg__a", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M3 3h36v24H3z" }) }),
+        /* @__PURE__ */ jsx4("clipPath", { id: "a", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M1.906 2h20v13.333h-20z" }) }),
         /* @__PURE__ */ jsxs3(
           "filter",
           {
-            id: "KR_svg__b",
-            width: 40.684,
-            height: 28.684,
-            x: 0.658,
-            y: 0.658,
+            id: "b",
+            width: 22.602,
+            height: 15.936,
+            x: 0.605,
+            y: 0.699,
             colorInterpolationFilters: "sRGB",
             filterUnits: "userSpaceOnUse",
             children: [
@@ -319,15 +325,21 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
                 }
               ),
               /* @__PURE__ */ jsx4("feOffset", {}),
-              /* @__PURE__ */ jsx4("feGaussianBlur", { stdDeviation: 1.171 }),
+              /* @__PURE__ */ jsx4("feGaussianBlur", { stdDeviation: 0.65 }),
               /* @__PURE__ */ jsx4("feComposite", { in2: "hardAlpha", operator: "out" }),
               /* @__PURE__ */ jsx4("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
-              /* @__PURE__ */ jsx4("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_85_784" }),
+              /* @__PURE__ */ jsx4(
+                "feBlend",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_306_2477"
+                }
+              ),
               /* @__PURE__ */ jsx4(
                 "feBlend",
                 {
                   in: "SourceGraphic",
-                  in2: "effect1_dropShadow_85_784",
+                  in2: "effect1_dropShadow_306_2477",
                   result: "shape"
                 }
               )
@@ -340,18 +352,51 @@ var SvgKr = (props) => /* @__PURE__ */ jsxs3(
 );
 var Kr_default = SvgKr;
 
-// src/icons/theme/Tritanopia.tsx
+// src/icons/X.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var SvgTritanopia = (props) => /* @__PURE__ */ jsxs4(
+var SvgX = (props) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 29,
+    width: 30,
+    height: 30,
     fill: "none",
     ...props,
     children: [
       /* @__PURE__ */ jsx5(
+        "path",
+        {
+          fill: "#000",
+          fillRule: "evenodd",
+          d: "M25.977 4.023a.94.94 0 0 1 0 1.328L5.352 25.976a.939.939 0 0 1-1.327-1.328L24.65 4.023a.94.94 0 0 1 1.327 0",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "path",
+        {
+          fill: "#000",
+          fillRule: "evenodd",
+          d: "M4.023 4.023a.94.94 0 0 0 0 1.328L24.65 25.976a.939.939 0 0 0 1.327-1.328L5.351 4.023a.94.94 0 0 0-1.328 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+var X_default = SvgX;
+
+// src/icons/theme/Tritanopia.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var SvgTritanopia = (props) => /* @__PURE__ */ jsxs5(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 28 29",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx6(
         "rect",
         {
           width: 26.18,
@@ -363,14 +408,14 @@ var SvgTritanopia = (props) => /* @__PURE__ */ jsxs4(
           rx: 13.09
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "path",
         {
           fill: "currentColor",
           d: "M8.64 7.152h5.21q1.508 0 2.532.513 1.026.513 1.528 1.405.513.892.513 2.02 0 1.333-.667 2.081-.666.74-1.753 1.036v.144q.717.04 1.415.492.698.45 1.148 1.282.452.819.452 1.938 0 1.158-.534 2.04-.522.882-1.64 1.395-1.118.502-2.81.502H8.641zm5.374 13.207q1.65 0 2.43-.635.79-.636.79-1.682 0-.758-.39-1.395a2.63 2.63 0 0 0-1.097-1.015q-.709-.38-1.63-.38h-3.63v5.107zm-.226-6.706q.8 0 1.456-.307.657-.319 1.036-.892.38-.585.38-1.344 0-1.024-.708-1.671-.708-.646-2.102-.646h-3.364v4.86z"
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "path",
         {
           stroke: "currentColor",
@@ -384,24 +429,23 @@ var SvgTritanopia = (props) => /* @__PURE__ */ jsxs4(
 var Tritanopia_default = SvgTritanopia;
 
 // src/icons/theme/Default.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var SvgDefault = (props) => /* @__PURE__ */ jsxs5(
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var SvgDefault = (props) => /* @__PURE__ */ jsxs6(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 31,
-    height: 31,
     fill: "none",
+    viewBox: "0 0 31 31",
     ...props,
     children: [
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fill: "currentColor",
           d: "M30.5 15.5s-5.625-10.312-15-10.312S.5 15.5.5 15.5s5.625 10.313 15 10.313 15-10.313 15-10.313m-27.801 0q.16-.245.365-.54c.628-.9 1.554-2.098 2.746-3.29 2.417-2.417 5.716-4.607 9.69-4.607s7.273 2.19 9.69 4.607A24.6 24.6 0 0 1 28.3 15.5q-.16.245-.365.54c-.628.9-1.554 2.098-2.746 3.29-2.417 2.417-5.716 4.608-9.69 4.608s-7.273-2.19-9.69-4.608A24.6 24.6 0 0 1 2.7 15.5"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fill: "currentColor",
@@ -414,17 +458,16 @@ var SvgDefault = (props) => /* @__PURE__ */ jsxs5(
 var Default_default = SvgDefault;
 
 // src/icons/theme/Protanopia.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var SvgProtanopia = (props) => /* @__PURE__ */ jsxs6(
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var SvgProtanopia = (props) => /* @__PURE__ */ jsxs7(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 29,
     fill: "none",
+    viewBox: "0 0 28 29",
     ...props,
     children: [
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "rect",
         {
           width: 26.18,
@@ -436,14 +479,14 @@ var SvgProtanopia = (props) => /* @__PURE__ */ jsxs6(
           rx: 13.09
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "path",
         {
           fill: "currentColor",
           d: "M9.252 7.152h5.045q1.692 0 2.83.585 1.14.575 1.682 1.61.554 1.024.554 2.379 0 1.507-.697 2.594-.688 1.086-2.072 1.569L19.937 22h-2.153l-3.107-5.773-.36.01h-3.219V22H9.252zm4.984 7.404q1.711 0 2.502-.728.8-.729.8-2.102 0-1.395-.8-2.164t-2.523-.769h-3.117v5.763z"
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "path",
         {
           stroke: "currentColor",
@@ -457,17 +500,16 @@ var SvgProtanopia = (props) => /* @__PURE__ */ jsxs6(
 var Protanopia_default = SvgProtanopia;
 
 // src/icons/theme/Deuteranopia.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs7(
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs8(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 29,
     fill: "none",
+    viewBox: "0 0 28 29",
     ...props,
     children: [
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "rect",
         {
           width: 26.18,
@@ -479,7 +521,7 @@ var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs7(
           rx: 13.09
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "path",
         {
           fill: "currentColor",
@@ -491,8 +533,42 @@ var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs7(
 );
 var Deuteranopia_default = SvgDeuteranopia;
 
+// src/components/ThemeSwitcherPortal.tsx
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+var PORTAL_ID = "theme-switcher-portal";
+var portalEl = null;
+var activeOwner = null;
+function ensurePortal() {
+  if (typeof document === "undefined") throw new Error("No document");
+  if (portalEl && document.body.contains(portalEl)) return portalEl;
+  const existing = document.getElementById(PORTAL_ID);
+  portalEl = existing ?? Object.assign(document.createElement("div"), { id: PORTAL_ID });
+  if (!existing) document.body.appendChild(portalEl);
+  return portalEl;
+}
+function ThemeSwitcherPortal({
+  children
+}) {
+  const [container, setContainer] = useState2(null);
+  const ownerId = useRef(Symbol("ThemeSwitcherPortal"));
+  useEffect2(() => {
+    const el = ensurePortal();
+    setContainer(el);
+    if (activeOwner === null) activeOwner = ownerId.current;
+    return () => {
+      if (activeOwner === ownerId.current) {
+        activeOwner = null;
+      }
+    };
+  }, []);
+  if (!container) return null;
+  const isPrimary = activeOwner === ownerId.current;
+  return createPortal(isPrimary ? children : null, container);
+}
+
 // src/components/ThemeSwitcher.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEME_ICON = {
   default: Default_default,
   protanopia: Protanopia_default,
@@ -501,13 +577,14 @@ var THEME_ICON = {
 };
 function ThemeSwitcher({ options, className }) {
   const { theme, updateTheme, language, updateLanguage } = useTheme();
+  const [hovered, setHovered] = useState3(null);
   const list = useMemo2(
     () => options?.length ? options : getThemeOptions(language),
     [options, language]
   );
-  const [isOpen, setIsOpen] = useState2(false);
-  const wrapperRef = useRef(null);
-  useEffect2(() => {
+  const [isOpen, setIsOpen] = useState3(false);
+  const wrapperRef = useRef2(null);
+  useEffect3(() => {
     const handleClickOutside = (event) => {
       if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -520,119 +597,94 @@ function ThemeSwitcher({ options, className }) {
     e.stopPropagation();
     setIsOpen((prev) => !prev);
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx10(ThemeSwitcherPortal, { children: /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: wrapperRef,
-      className: [
-        "fixed bottom-[20px] right-[20px] flex justify-center items-center text-[20px] bg-[#ffffff] drop-shadow-md",
-        isOpen ? "w-[220px] h-fit rounded-[18px]" : "w-[60px] h-[60px] rounded-full",
-        className ?? ""
-      ].join(" "),
-      role: "presentation",
+      className: "flex w-[100vw] h-[100vh] z-[10000]",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
             "aria-haspopup": "menu",
             "aria-expanded": isOpen,
             onClick: toggle,
-            className: [
-              "w-[60px] h-[60px] p-[10px] bg-[#ffffff] rounded-full flex justify-center items-center",
-              isOpen ? "hidden" : "block"
-            ].join(" "),
-            children: /* @__PURE__ */ jsx9(Logo_default, { className: "self-center", width: 40, height: 40 })
+            className: "fixed right-[25px] bottom-[25px] w-[60px] h-[60px] p-[10px] bg-[#ffffff] rounded-full flex justify-center items-center shadow-[0_0_3px_0_rgba(0,0,0,0.17)]",
+            children: isOpen ? /* @__PURE__ */ jsx10(X_default, { className: "self-center" }) : /* @__PURE__ */ jsx10(Logo_default, { className: "self-center" })
           }
         ),
-        isOpen && /* @__PURE__ */ jsxs8(
+        isOpen && /* @__PURE__ */ jsxs9(
           "div",
           {
             role: "menu",
             "aria-label": "Select theme",
-            className: "flex flex-col bg-[#ffffff] rounded-[18px] w-[220px]",
+            className: "fixed bottom-[100px] right-[25px] flex-col bg-[#ffffff] rounded-[18px] w-[220px] gap-[11px]",
             children: [
-              list.map((opt) => {
+              /* @__PURE__ */ jsx10("div", { children: list.map((opt) => {
                 const Icon = THEME_ICON[opt.key];
-                return /* @__PURE__ */ jsxs8(
-                  "button",
-                  {
-                    type: "button",
-                    role: "menuitemradio",
-                    "aria-checked": theme === opt.key,
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      updateTheme(opt.key);
+                return /* @__PURE__ */ jsxs9("div", { children: [
+                  /* @__PURE__ */ jsxs9(
+                    "button",
+                    {
+                      type: "button",
+                      role: "menuitemradio",
+                      "aria-checked": theme === opt.key,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        updateTheme(opt.key);
+                      },
+                      onMouseEnter: () => setHovered(opt.key),
+                      onMouseLeave: () => setHovered(null),
+                      className: [
+                        "hover:cursor-pointer group text-[18px] text-[#3D4852] py-1 w-full h-[50px] text-center gap-[8px] flex items-center justify-center rounded-[18px] hover:bg-[#3D4852]",
+                        theme === opt.key ? "bg-[#3D4852] text-[#ffffff]" : ""
+                      ].join(" "),
+                      children: [
+                        /* @__PURE__ */ jsx10(
+                          Icon,
+                          {
+                            width: 24,
+                            height: 24,
+                            className: `inline-block ${theme === opt.key || hovered === opt.key ? "text-white" : "text-[#3D4852]"}`
+                          }
+                        ),
+                        /* @__PURE__ */ jsx10("span", { className: "group-hover:text-[#ffffff]", children: opt.label })
+                      ]
                     },
-                    className: [
-                      "text-[18px] text-[#3D4852] py-1 w-full h-[50px] text-center gap-[8px] flex items-center justify-center rounded-[18px]",
-                      "hover:bg-[#0072B1]",
-                      theme === opt.key ? "bg-[#0072B1] text-[#ffffff]" : ""
-                    ].join(" "),
-                    children: [
-                      /* @__PURE__ */ jsx9(
-                        Icon,
-                        {
-                          width: 18,
-                          height: 18,
-                          stroke: `${theme === opt.key} ? '#ffffff': '#3D4852'`,
-                          fill: `${theme === opt.key} ? '#ffffff': '#3D4852'`,
-                          className: "inline-block"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx9("span", { children: opt.label })
-                    ]
-                  },
-                  opt.key
-                );
-              }),
-              /* @__PURE__ */ jsx9("div", { className: "w-full border-[0.5px] border-[#B8B8B8]" }),
-              /* @__PURE__ */ jsxs8("div", { className: "flex h-[80px] justify-evenly items-center gap-[10px] px-[10px]", children: [
-                /* @__PURE__ */ jsxs8(
-                  "div",
-                  {
-                    className: `relative hover:cursor-pointer flex text-[18px] text-[#3D4852] ${language === "English" ? "underline" : ""}`,
-                    onClick: () => updateLanguage("English"),
-                    children: [
-                      /* @__PURE__ */ jsx9("span", { className: "absolute top-[-20px] left-[0px] text-[#3D4852] text-[8px] px-[9px] py-[2px] rounded-[13px] bg-[#D9D9D9]", children: "Language" }),
-                      /* @__PURE__ */ jsx9(
-                        Us_default,
-                        {
-                          className: "self-center",
-                          width: 30,
-                          height: 30
-                        }
-                      ),
-                      "English"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx9("div", { className: "h-full w-[1px] border-r-[0.5px] border-r-[#B8B8B8]" }),
-                /* @__PURE__ */ jsxs8(
-                  "div",
-                  {
-                    className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] ${language === "Korean" ? "underline" : ""}`,
-                    onClick: () => updateLanguage("Korean"),
-                    children: [
-                      /* @__PURE__ */ jsx9(
-                        Kr_default,
-                        {
-                          className: "self-center",
-                          width: 30,
-                          height: 30
-                        }
-                      ),
-                      "Korean"
-                    ]
-                  }
-                )
-              ] })
+                    opt.key
+                  ),
+                  opt.key !== "tritanopia" && /* @__PURE__ */ jsx10("div", { className: "border-b-[0.5px] border-b-[#D9D9D9] w-full" })
+                ] }, opt.key);
+              }) }),
+              /* @__PURE__ */ jsx10("div", { className: "w-full border-[0.5px] border-[#B8B8B8]" }),
+              /* @__PURE__ */ jsx10("div", { className: "flex justify-evenly items-center gap-[10px] px-[10px] my-[15px]", children: language === "English" ? /* @__PURE__ */ jsxs9(
+                "div",
+                {
+                  className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center`,
+                  onClick: () => updateLanguage("Korean"),
+                  children: [
+                    /* @__PURE__ */ jsx10(Us_default, {}),
+                    "English"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs9(
+                "div",
+                {
+                  className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center `,
+                  onClick: () => updateLanguage("English"),
+                  children: [
+                    /* @__PURE__ */ jsx10(Kr_default, {}),
+                    "Korean"
+                  ]
+                }
+              ) })
             ]
           }
         )
       ]
     }
-  );
+  ) });
 }
 export {
   THEMES,