colbrush 1.0.1 → 1.0.4

package/dist/client.js

@@ -84,36 +84,441 @@ 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, useState as useState3, useMemo as useMemo2 } from "react";
 
-// src/assets/logo.svg?react
-var logo_default = "./logo-LPQG253V.svg?react";
+// src/icons/Logo.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SvgLogo = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 77,
+    height: 78,
+    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: "#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"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fill: "#E59F01",
+          d: "m43.55.478 6.992 3.112 15.464 33.802-6.584-2.693z"
+        }
+      ),
+      /* @__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"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fill: "#0072B1",
+          d: "m33.071 77.49-6.987-3.126-15.397-33.833 6.58 2.706z"
+        }
+      ),
+      /* @__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"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fill: "#009F73",
+          d: "m76.778 43.424-2.964 7.057-33.468 16.174 2.553-6.64z"
+        }
+      ),
+      /* @__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"
+        }
+      )
+    ]
+  }
+);
+var Logo_default = SvgLogo;
 
-// src/assets/US.svg?react
-var US_default = "./US-2H6JMPYF.svg?react";
+// src/icons/Us.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgUs = (props) => /* @__PURE__ */ jsxs2(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 50,
+    height: 38,
+    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__ */ 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"
+          }
+        ),
+        /* @__PURE__ */ jsx3("path", { fill: "#2E52B2", d: "M7 7h17.892v12.842H7z" }),
+        /* @__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"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("defs", { children: [
+        /* @__PURE__ */ jsx3("clipPath", { id: "US_svg__a", children: /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M7 7h35.785v23.857H7z" }) }),
+        /* @__PURE__ */ jsxs2(
+          "filter",
+          {
+            id: "US_svg__b",
+            width: 48.261,
+            height: 36.333,
+            x: 0.762,
+            y: 0.762,
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx3("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+              /* @__PURE__ */ jsx3(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ jsx3("feOffset", {}),
+              /* @__PURE__ */ jsx3("feGaussianBlur", { stdDeviation: 3.119 }),
+              /* @__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",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_85_779",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+);
+var Us_default = SvgUs;
+
+// src/icons/Kr.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var SvgKr = (props) => /* @__PURE__ */ jsxs3(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 42,
+    height: 30,
+    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__ */ 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",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "path",
+          {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "m31.988 22.853-4.16-2.774.487-.73 4.16 2.774z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "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"
+          }
+        ),
+        /* @__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"
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "path",
+          {
+            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",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "path",
+          {
+            fill: "#000",
+            d: "m11.224 21.516 1.248-.832zm16.847-11.232 1.458-.971zm2.706-1.804 1.248-.832z"
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "path",
+          {
+            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",
+            clipRule: "evenodd"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("defs", { children: [
+        /* @__PURE__ */ jsx4("clipPath", { id: "KR_svg__a", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M3 3h36v24H3z" }) }),
+        /* @__PURE__ */ jsxs3(
+          "filter",
+          {
+            id: "KR_svg__b",
+            width: 40.684,
+            height: 28.684,
+            x: 0.658,
+            y: 0.658,
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx4("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+              /* @__PURE__ */ jsx4(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ jsx4("feOffset", {}),
+              /* @__PURE__ */ jsx4("feGaussianBlur", { stdDeviation: 1.171 }),
+              /* @__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",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_85_784",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+);
+var Kr_default = SvgKr;
 
-// src/assets/KR.svg?react
-var KR_default = "./KR-VDUE5A52.svg?react";
+// src/icons/theme/Tritanopia.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var SvgTritanopia = (props) => /* @__PURE__ */ jsxs4(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 28,
+    height: 29,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx5(
+        "rect",
+        {
+          width: 26.18,
+          height: 26.18,
+          x: 0.91,
+          y: 1.41,
+          stroke: "currentColor",
+          strokeWidth: 1.82,
+          rx: 13.09
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "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(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: 1.517,
+          d: "m3.5 1.666 23.333 23.333"
+        }
+      )
+    ]
+  }
+);
+var Tritanopia_default = SvgTritanopia;
 
-// src/assets/theme/tritanopia.svg?react
-var tritanopia_default = "./tritanopia-O4QXTOPG.svg?react";
+// src/icons/theme/Default.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var SvgDefault = (props) => /* @__PURE__ */ jsxs5(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 31,
+    height: 31,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx6(
+        "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(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M15.5 10.813a4.688 4.688 0 1 0 0 9.375 4.688 4.688 0 0 0 0-9.375M8.938 15.5a6.562 6.562 0 1 1 13.124 0 6.562 6.562 0 0 1-13.125 0"
+        }
+      )
+    ]
+  }
+);
+var Default_default = SvgDefault;
 
-// src/assets/theme/default.svg?react
-var default_default = "./default-T73GN6PX.svg?react";
+// src/icons/theme/Protanopia.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var SvgProtanopia = (props) => /* @__PURE__ */ jsxs6(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 28,
+    height: 29,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7(
+        "rect",
+        {
+          width: 26.18,
+          height: 26.18,
+          x: 0.91,
+          y: 1.41,
+          stroke: "currentColor",
+          strokeWidth: 1.82,
+          rx: 13.09
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "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(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: 1.517,
+          d: "m3.5 1.666 23.333 23.333"
+        }
+      )
+    ]
+  }
+);
+var Protanopia_default = SvgProtanopia;
 
-// src/assets/theme/protanopia.svg?react
-var protanopia_default = "./protanopia-CBWKRHAO.svg?react";
+// src/icons/theme/Deuteranopia.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs7(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 28,
+    height: 29,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx8(
+        "rect",
+        {
+          width: 26.18,
+          height: 26.18,
+          x: 0.91,
+          y: 1.41,
+          stroke: "currentColor",
+          strokeWidth: 1.82,
+          rx: 13.09
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M18.272 11.787q-.493-1.466-1.58-2.287-1.076-.83-2.625-.83-1.332 0-2.41.687-1.065.687-1.691 2.02-.615 1.333-.615 3.2 0 1.865.625 3.198.625 1.334 1.723 2.02 1.097.687 2.491.687 1.252 0 2.205-.523a3.74 3.74 0 0 0 1.497-1.507q.543-.984.564-2.276H14.58v-1.62h5.68v1.6q0 1.814-.779 3.188a5.4 5.4 0 0 1-2.163 2.123q-1.374.738-3.128.738-1.967 0-3.476-.923-1.497-.933-2.327-2.655-.82-1.734-.82-4.05 0-2.308.82-4.03.83-1.734 2.307-2.667t3.373-.933q1.55 0 2.84.615a5.76 5.76 0 0 1 2.144 1.703 5.9 5.9 0 0 1 1.128 2.522z"
+        }
+      )
+    ]
+  }
+);
+var Deuteranopia_default = SvgDeuteranopia;
 
-// src/assets/theme/deuteranopia.svg?react
-var deuteranopia_default = "./deuteranopia-FN5I5CZS.svg?react";
+// src/components/ThemeSwitcherPortal.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+function ThemeSwitcherPortal({
+  children
+}) {
+  const [container, setContainer] = useState2(null);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const el = document.createElement("div");
+    el.id = "theme-switcher-portal";
+    document.body.appendChild(el);
+    setContainer(el);
+    return () => {
+      document.body.removeChild(el);
+    };
+  }, []);
+  if (!container) return null;
+  return createPortal(children, container);
+}
 
 // src/components/ThemeSwitcher.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var THEME_ICON = {
-  default: default_default,
-  protanopia: protanopia_default,
-  deuteranopia: deuteranopia_default,
-  tritanopia: tritanopia_default
+  default: Default_default,
+  protanopia: Protanopia_default,
+  deuteranopia: Deuteranopia_default,
+  tritanopia: Tritanopia_default
 };
 function ThemeSwitcher({ options, className }) {
   const { theme, updateTheme, language, updateLanguage } = useTheme();
@@ -121,9 +526,9 @@ function ThemeSwitcher({ options, className }) {
     () => options?.length ? options : getThemeOptions(language),
     [options, language]
   );
-  const [isOpen, setIsOpen] = useState2(false);
+  const [isOpen, setIsOpen] = useState3(false);
   const wrapperRef = useRef(null);
-  useEffect2(() => {
+  useEffect3(() => {
     const handleClickOutside = (event) => {
       if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -136,7 +541,7 @@ function ThemeSwitcher({ options, className }) {
     e.stopPropagation();
     setIsOpen((prev) => !prev);
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx9(ThemeSwitcherPortal, { children: /* @__PURE__ */ jsxs8(
     "div",
     {
       ref: wrapperRef,
@@ -147,7 +552,7 @@ function ThemeSwitcher({ options, className }) {
       ].join(" "),
       role: "presentation",
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -158,10 +563,10 @@ function ThemeSwitcher({ options, className }) {
               "w-[60px] h-[60px] p-[10px] bg-[#ffffff] rounded-full flex justify-center items-center",
               isOpen ? "hidden" : "block"
             ].join(" "),
-            children: /* @__PURE__ */ jsx2(logo_default, { className: "self-center", width: 40, height: 40 })
+            children: /* @__PURE__ */ jsx9(Logo_default, { className: "self-center", width: 40, height: 40 })
           }
         ),
-        isOpen && /* @__PURE__ */ jsxs(
+        isOpen && /* @__PURE__ */ jsxs8(
           "div",
           {
             role: "menu",
@@ -170,7 +575,7 @@ function ThemeSwitcher({ options, className }) {
             children: [
               list.map((opt) => {
                 const Icon = THEME_ICON[opt.key];
-                return /* @__PURE__ */ jsxs(
+                return /* @__PURE__ */ jsxs8(
                   "button",
                   {
                     type: "button",
@@ -186,7 +591,7 @@ function ThemeSwitcher({ options, className }) {
                       theme === opt.key ? "bg-[#0072B1] text-[#ffffff]" : ""
                     ].join(" "),
                     children: [
-                      /* @__PURE__ */ jsx2(
+                      /* @__PURE__ */ jsx9(
                         Icon,
                         {
                           width: 18,
@@ -196,23 +601,23 @@ function ThemeSwitcher({ options, className }) {
                           className: "inline-block"
                         }
                       ),
-                      /* @__PURE__ */ jsx2("span", { children: opt.label })
+                      /* @__PURE__ */ jsx9("span", { children: opt.label })
                     ]
                   },
                   opt.key
                 );
               }),
-              /* @__PURE__ */ jsx2("div", { className: "w-full border-[0.5px] border-[#B8B8B8]" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex h-[80px] justify-evenly items-center gap-[10px] px-[10px]", children: [
-                /* @__PURE__ */ jsxs(
+              /* @__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__ */ jsx2("span", { className: "absolute top-[-20px] left-[0px] text-[#3D4852] text-[8px] px-[9px] py-[2px] rounded-[13px] bg-[#D9D9D9]", children: "Language" }),
-                      /* @__PURE__ */ jsx2(
-                        US_default,
+                      /* @__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,
@@ -223,15 +628,15 @@ function ThemeSwitcher({ options, className }) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx2("div", { className: "h-full w-[1px] border-r-[0.5px] border-r-[#B8B8B8]" }),
-                /* @__PURE__ */ jsxs(
+                /* @__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__ */ jsx2(
-                        KR_default,
+                      /* @__PURE__ */ jsx9(
+                        Kr_default,
                         {
                           className: "self-center",
                           width: 30,
@@ -248,7 +653,7 @@ function ThemeSwitcher({ options, className }) {
         )
       ]
     }
-  );
+  ) });
 }
 export {
   THEMES,

package/dist/{default-T73GN6PX.svg → default-EPJEL445.svg}

@@ -1,4 +1,4 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M30.5 15.5C30.5 15.5 24.875 5.1875 15.5 5.1875C6.125 5.1875 0.5 15.5 0.5 15.5C0.5 15.5 6.125 25.8125 15.5 25.8125C24.875 25.8125 30.5 15.5 30.5 15.5ZM2.69881 15.5C2.80555 15.3373 2.92726 15.1564 3.06364 14.9608C3.69155 14.0599 4.61808 12.8617 5.8102 11.6696C8.22693 9.25284 11.5262 7.0625 15.5 7.0625C19.4738 7.0625 22.7731 9.25284 25.1898 11.6696C26.3819 12.8617 27.3085 14.0599 27.9364 14.9608C28.0727 15.1564 28.1945 15.3373 28.3012 15.5C28.1945 15.6627 28.0727 15.8436 27.9364 16.0392C27.3085 16.9401 26.3819 18.1383 25.1898 19.3304C22.7731 21.7472 19.4738 23.9375 15.5 23.9375C11.5262 23.9375 8.22693 21.7472 5.8102 19.3304C4.61808 18.1383 3.69155 16.9401 3.06364 16.0392C2.92726 15.8436 2.80555 15.6627 2.69881 15.5Z" fill="currentColor"/>
-<path d="M15.5 10.8125C12.9112 10.8125 10.8125 12.9112 10.8125 15.5C10.8125 18.0888 12.9112 20.1875 15.5 20.1875C18.0888 20.1875 20.1875 18.0888 20.1875 15.5C20.1875 12.9112 18.0888 10.8125 15.5 10.8125ZM8.9375 15.5C8.9375 11.8756 11.8756 8.9375 15.5 8.9375C19.1244 8.9375 22.0625 11.8756 22.0625 15.5C22.0625 19.1244 19.1244 22.0625 15.5 22.0625C11.8756 22.0625 8.9375 19.1244 8.9375 15.5Z" fill="currentColor"/>
-</svg>
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.5 15.5C30.5 15.5 24.875 5.1875 15.5 5.1875C6.125 5.1875 0.5 15.5 0.5 15.5C0.5 15.5 6.125 25.8125 15.5 25.8125C24.875 25.8125 30.5 15.5 30.5 15.5ZM2.69881 15.5C2.80555 15.3373 2.92726 15.1564 3.06364 14.9608C3.69155 14.0599 4.61808 12.8617 5.8102 11.6696C8.22693 9.25284 11.5262 7.0625 15.5 7.0625C19.4738 7.0625 22.7731 9.25284 25.1898 11.6696C26.3819 12.8617 27.3085 14.0599 27.9364 14.9608C28.0727 15.1564 28.1945 15.3373 28.3012 15.5C28.1945 15.6627 28.0727 15.8436 27.9364 16.0392C27.3085 16.9401 26.3819 18.1383 25.1898 19.3304C22.7731 21.7472 19.4738 23.9375 15.5 23.9375C11.5262 23.9375 8.22693 21.7472 5.8102 19.3304C4.61808 18.1383 3.69155 16.9401 3.06364 16.0392C2.92726 15.8436 2.80555 15.6627 2.69881 15.5Z" fill="currentColor"/>
+<path d="M15.5 10.8125C12.9112 10.8125 10.8125 12.9112 10.8125 15.5C10.8125 18.0888 12.9112 20.1875 15.5 20.1875C18.0888 20.1875 20.1875 18.0888 20.1875 15.5C20.1875 12.9112 18.0888 10.8125 15.5 10.8125ZM8.9375 15.5C8.9375 11.8756 11.8756 8.9375 15.5 8.9375C19.1244 8.9375 22.0625 11.8756 22.0625 15.5C22.0625 19.1244 19.1244 22.0625 15.5 22.0625C11.8756 22.0625 8.9375 19.1244 8.9375 15.5Z" fill="currentColor"/>
+</svg>

package/dist/{deuteranopia-FN5I5CZS.svg → deuteranopia-C23MR6FZ.svg}

@@ -1,4 +1,4 @@
-<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.91" y="1.41" width="26.18" height="26.18" rx="13.09" fill='none' stroke="currentColor" stroke-width="1.82"/>
-<path d="M18.2715 11.7871C17.9434 10.8096 17.417 10.0474 16.6924 9.50049C15.9746 8.94678 15.0996 8.66992 14.0674 8.66992C13.1787 8.66992 12.3755 8.89893 11.6577 9.35693C10.9468 9.81494 10.3828 10.4883 9.96582 11.377C9.55566 12.2656 9.35059 13.332 9.35059 14.5762C9.35059 15.8203 9.55908 16.8867 9.97607 17.7754C10.3931 18.6641 10.9673 19.3374 11.6987 19.7954C12.4302 20.2534 13.2607 20.4824 14.1904 20.4824C15.0244 20.4824 15.7593 20.3081 16.395 19.9595C17.0376 19.604 17.5366 19.1016 17.8921 18.4521C18.2544 17.7959 18.4424 17.0371 18.4561 16.1758H14.5801V14.5557H20.2607V16.1553C20.2607 17.3652 20.001 18.4282 19.4814 19.3442C18.9619 20.2603 18.2407 20.9678 17.3179 21.4668C16.4019 21.959 15.3594 22.2051 14.1904 22.2051C12.8779 22.2051 11.7192 21.8975 10.7144 21.2822C9.71631 20.6602 8.94043 19.7749 8.38672 18.6265C7.83984 17.4712 7.56641 16.1211 7.56641 14.5762C7.56641 13.0381 7.83984 11.6948 8.38672 10.5464C8.94043 9.39111 9.70947 8.50244 10.6938 7.88037C11.6782 7.2583 12.8027 6.94727 14.0674 6.94727C15.0996 6.94727 16.0464 7.15234 16.9077 7.5625C17.769 7.96582 18.4834 8.5332 19.0508 9.26465C19.6182 9.99609 19.9941 10.8369 20.1787 11.7871H18.2715Z" fill="currentColor"/>
-</svg>
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.91" y="1.41" width="26.18" height="26.18" rx="13.09" fill='none' stroke="currentColor" stroke-width="1.82"/>
+<path d="M18.2715 11.7871C17.9434 10.8096 17.417 10.0474 16.6924 9.50049C15.9746 8.94678 15.0996 8.66992 14.0674 8.66992C13.1787 8.66992 12.3755 8.89893 11.6577 9.35693C10.9468 9.81494 10.3828 10.4883 9.96582 11.377C9.55566 12.2656 9.35059 13.332 9.35059 14.5762C9.35059 15.8203 9.55908 16.8867 9.97607 17.7754C10.3931 18.6641 10.9673 19.3374 11.6987 19.7954C12.4302 20.2534 13.2607 20.4824 14.1904 20.4824C15.0244 20.4824 15.7593 20.3081 16.395 19.9595C17.0376 19.604 17.5366 19.1016 17.8921 18.4521C18.2544 17.7959 18.4424 17.0371 18.4561 16.1758H14.5801V14.5557H20.2607V16.1553C20.2607 17.3652 20.001 18.4282 19.4814 19.3442C18.9619 20.2603 18.2407 20.9678 17.3179 21.4668C16.4019 21.959 15.3594 22.2051 14.1904 22.2051C12.8779 22.2051 11.7192 21.8975 10.7144 21.2822C9.71631 20.6602 8.94043 19.7749 8.38672 18.6265C7.83984 17.4712 7.56641 16.1211 7.56641 14.5762C7.56641 13.0381 7.83984 11.6948 8.38672 10.5464C8.94043 9.39111 9.70947 8.50244 10.6938 7.88037C11.6782 7.2583 12.8027 6.94727 14.0674 6.94727C15.0996 6.94727 16.0464 7.15234 16.9077 7.5625C17.769 7.96582 18.4834 8.5332 19.0508 9.26465C19.6182 9.99609 19.9941 10.8369 20.1787 11.7871H18.2715Z" fill="currentColor"/>
+</svg>

package/dist/{logo-LPQG253V.svg → logo-RY5YYL6A.svg}

@@ -1,10 +1,10 @@
-<svg width="77" height="78" viewBox="0 0 77 78" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 34.6052L3.03172 27.5771L36.6562 11.7295L34.0379 18.3441L0 34.6052Z" fill="#CE78A9"/>
-<path d="M5.3745 47.4212L1.10254 37.6371L29.2148 23.4431L26.4587 30.1956L7.9928 39.5663L12.9538 51.0042L5.3745 47.4212Z" fill="#D55D00"/>
-<path d="M43.5491 0.478061L50.5423 3.58953L66.0064 37.3921L59.4219 34.6987L43.5491 0.478061Z" fill="#E59F01"/>
-<path d="M30.6731 5.70644L40.5052 1.54606L54.3785 29.818L47.6578 26.9852L38.4977 8.41393L27.0042 13.2445L30.6731 5.70644Z" fill="black"/>
-<path d="M33.0714 77.4894L26.0844 74.3641L10.6869 40.5311L17.2661 43.2375L33.0714 77.4894Z" fill="#0072B1"/>
-<path d="M45.9578 72.2865L36.1175 76.4275L22.3 48.1283L29.0151 50.9742L38.1385 69.5636L49.6416 64.7557L45.9578 72.2865Z" fill="#F0E442"/>
-<path d="M76.7775 43.4237L73.8143 50.481L40.3455 66.6549L42.8994 60.0151L76.7775 43.4237Z" fill="#009F73"/>
-<path d="M71.2787 30.661L75.6456 40.4032L47.6727 54.8699L50.363 48.0909L68.7369 38.541L63.6649 27.152L71.2787 30.661Z" fill="#56B4E8"/>
-</svg>
+<svg width="77" height="78" viewBox="0 0 77 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 34.6052L3.03172 27.5771L36.6562 11.7295L34.0379 18.3441L0 34.6052Z" fill="#CE78A9"/>
+<path d="M5.3745 47.4212L1.10254 37.6371L29.2148 23.4431L26.4587 30.1956L7.9928 39.5663L12.9538 51.0042L5.3745 47.4212Z" fill="#D55D00"/>
+<path d="M43.5491 0.478061L50.5423 3.58953L66.0064 37.3921L59.4219 34.6987L43.5491 0.478061Z" fill="#E59F01"/>
+<path d="M30.6731 5.70644L40.5052 1.54606L54.3785 29.818L47.6578 26.9852L38.4977 8.41393L27.0042 13.2445L30.6731 5.70644Z" fill="black"/>
+<path d="M33.0714 77.4894L26.0844 74.3641L10.6869 40.5311L17.2661 43.2375L33.0714 77.4894Z" fill="#0072B1"/>
+<path d="M45.9578 72.2865L36.1175 76.4275L22.3 48.1283L29.0151 50.9742L38.1385 69.5636L49.6416 64.7557L45.9578 72.2865Z" fill="#F0E442"/>
+<path d="M76.7775 43.4237L73.8143 50.481L40.3455 66.6549L42.8994 60.0151L76.7775 43.4237Z" fill="#009F73"/>
+<path d="M71.2787 30.661L75.6456 40.4032L47.6727 54.8699L50.363 48.0909L68.7369 38.541L63.6649 27.152L71.2787 30.661Z" fill="#56B4E8"/>
+</svg>

package/dist/{protanopia-CBWKRHAO.svg → protanopia-HOT6PUHN.svg}

@@ -1,5 +1,5 @@
-<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.91" y="1.41" width="26.18" height="26.18" fill='none' rx="13.09" stroke="currentColor" stroke-width="1.82"/>
-<path d="M9.25244 7.15234H14.2974C15.4253 7.15234 16.3687 7.34717 17.1274 7.73682C17.8862 8.11963 18.4468 8.65625 18.8091 9.34668C19.1782 10.0303 19.3628 10.8232 19.3628 11.7256C19.3628 12.7305 19.1304 13.5952 18.6655 14.3198C18.2075 15.0444 17.5171 15.5674 16.5942 15.8887L19.937 22H17.7837L14.6768 16.2271L14.3179 16.2373H11.0981V22H9.25244V7.15234ZM14.2358 14.5557C15.3774 14.5557 16.2114 14.313 16.7378 13.8276C17.271 13.3423 17.5376 12.6416 17.5376 11.7256C17.5376 10.7959 17.271 10.0747 16.7378 9.56201C16.2046 9.04932 15.3638 8.79297 14.2153 8.79297H11.0981V14.5557H14.2358Z" fill="currentColor"/>
-<path d="M3.5 1.66602L26.8333 24.9993" fill='none' stroke="currentColor" stroke-width="1.51667"/>
-</svg>
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.91" y="1.41" width="26.18" height="26.18" fill='none' rx="13.09" stroke="currentColor" stroke-width="1.82"/>
+<path d="M9.25244 7.15234H14.2974C15.4253 7.15234 16.3687 7.34717 17.1274 7.73682C17.8862 8.11963 18.4468 8.65625 18.8091 9.34668C19.1782 10.0303 19.3628 10.8232 19.3628 11.7256C19.3628 12.7305 19.1304 13.5952 18.6655 14.3198C18.2075 15.0444 17.5171 15.5674 16.5942 15.8887L19.937 22H17.7837L14.6768 16.2271L14.3179 16.2373H11.0981V22H9.25244V7.15234ZM14.2358 14.5557C15.3774 14.5557 16.2114 14.313 16.7378 13.8276C17.271 13.3423 17.5376 12.6416 17.5376 11.7256C17.5376 10.7959 17.271 10.0747 16.7378 9.56201C16.2046 9.04932 15.3638 8.79297 14.2153 8.79297H11.0981V14.5557H14.2358Z" fill="currentColor"/>
+<path d="M3.5 1.66602L26.8333 24.9993" fill='none' stroke="currentColor" stroke-width="1.51667"/>
+</svg>

package/dist/{tritanopia-O4QXTOPG.svg → tritanopia-MTE6DBJL.svg}

@@ -1,5 +1,5 @@
-<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.91" y="1.41" width="26.18" fill='none' height="26.18" rx="13.09" stroke="currentColor" stroke-width="1.82"/>
-<path d="M8.64062 7.15234H13.8496C14.8545 7.15234 15.6987 7.32324 16.3823 7.66504C17.0659 8.00684 17.5752 8.4751 17.9102 9.06982C18.252 9.66455 18.4229 10.3379 18.4229 11.0898C18.4229 11.9785 18.2007 12.6724 17.7563 13.1714C17.312 13.6636 16.7275 14.0088 16.0029 14.207V14.3506C16.4814 14.3779 16.9531 14.542 17.418 14.8428C17.8828 15.1436 18.2656 15.5708 18.5664 16.1245C18.8672 16.6714 19.0176 17.3174 19.0176 18.0625C19.0176 18.835 18.8398 19.5151 18.4844 20.103C18.1357 20.6909 17.5889 21.1558 16.8438 21.4976C16.0986 21.8325 15.1621 22 14.0342 22H8.64062V7.15234ZM14.0137 20.3594C15.1143 20.3594 15.9243 20.1475 16.4438 19.7236C16.9702 19.2998 17.2334 18.7393 17.2334 18.042C17.2334 17.5361 17.1035 17.0713 16.8438 16.6475C16.5908 16.2168 16.2251 15.8784 15.7466 15.6323C15.2749 15.3794 14.7314 15.2529 14.1162 15.2529H10.4863V20.3594H14.0137ZM13.7881 13.6533C14.3213 13.6533 14.8066 13.5508 15.2441 13.3457C15.6816 13.1338 16.0269 12.8364 16.2798 12.4536C16.5327 12.064 16.6592 11.6162 16.6592 11.1104C16.6592 10.4268 16.4233 9.86963 15.9517 9.43896C15.48 9.0083 14.7793 8.79297 13.8496 8.79297H10.4863V13.6533H13.7881Z" fill="currentColor"/>
-<path d="M3.5 1.66602L26.8333 24.9993" fill='none' stroke="currentColor" stroke-width="1.51667"/>
-</svg>
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.91" y="1.41" width="26.18" fill='none' height="26.18" rx="13.09" stroke="currentColor" stroke-width="1.82"/>
+<path d="M8.64062 7.15234H13.8496C14.8545 7.15234 15.6987 7.32324 16.3823 7.66504C17.0659 8.00684 17.5752 8.4751 17.9102 9.06982C18.252 9.66455 18.4229 10.3379 18.4229 11.0898C18.4229 11.9785 18.2007 12.6724 17.7563 13.1714C17.312 13.6636 16.7275 14.0088 16.0029 14.207V14.3506C16.4814 14.3779 16.9531 14.542 17.418 14.8428C17.8828 15.1436 18.2656 15.5708 18.5664 16.1245C18.8672 16.6714 19.0176 17.3174 19.0176 18.0625C19.0176 18.835 18.8398 19.5151 18.4844 20.103C18.1357 20.6909 17.5889 21.1558 16.8438 21.4976C16.0986 21.8325 15.1621 22 14.0342 22H8.64062V7.15234ZM14.0137 20.3594C15.1143 20.3594 15.9243 20.1475 16.4438 19.7236C16.9702 19.2998 17.2334 18.7393 17.2334 18.042C17.2334 17.5361 17.1035 17.0713 16.8438 16.6475C16.5908 16.2168 16.2251 15.8784 15.7466 15.6323C15.2749 15.3794 14.7314 15.2529 14.1162 15.2529H10.4863V20.3594H14.0137ZM13.7881 13.6533C14.3213 13.6533 14.8066 13.5508 15.2441 13.3457C15.6816 13.1338 16.0269 12.8364 16.2798 12.4536C16.5327 12.064 16.6592 11.6162 16.6592 11.1104C16.6592 10.4268 16.4233 9.86963 15.9517 9.43896C15.48 9.0083 14.7793 8.79297 13.8496 8.79297H10.4863V13.6533H13.7881Z" fill="currentColor"/>
+<path d="M3.5 1.66602L26.8333 24.9993" fill='none' stroke="currentColor" stroke-width="1.51667"/>
+</svg>