colbrush 1.0.2 → 1.0.4

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, useState as useState3, useMemo as useMemo2 } from "react";
 
 // src/icons/Logo.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -491,6 +491,27 @@ var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs7(
 );
 var Deuteranopia_default = SvgDeuteranopia;
 
+// 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 jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var THEME_ICON = {
@@ -505,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);
@@ -520,7 +541,7 @@ function ThemeSwitcher({ options, className }) {
     e.stopPropagation();
     setIsOpen((prev) => !prev);
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx9(ThemeSwitcherPortal, { children: /* @__PURE__ */ jsxs8(
     "div",
     {
       ref: wrapperRef,
@@ -632,7 +653,7 @@ function ThemeSwitcher({ options, className }) {
         )
       ]
     }
-  );
+  ) });
 }
 export {
   THEMES,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "colbrush",
-    "version": "1.0.2",
+    "version": "1.0.4",
     "description": "",
     "type": "module",
     "main": "./dist/client.cjs",