@xbrain-swe/nova-chat-widget 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -57,7 +57,8 @@ var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_THEME = {
   accentFrom: "#4f46e5",
-  accentTo: "#7c3aed"
+  accentTo: "#7c3aed",
+  colorScheme: "system"
 };
 var InternalContext = (0, import_react.createContext)(null);
 function useXbNovaInternal() {
@@ -968,10 +969,25 @@ function loadCss() {
   }
   return cssPromise;
 }
+function useResolvedScheme(scheme) {
+  const [systemDark, setSystemDark] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
+    if (scheme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    setSystemDark(mq.matches);
+    const onChange = (e) => setSystemDark(e.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [scheme]);
+  if (scheme === "system") return systemDark ? "dark" : "light";
+  return scheme;
+}
 function XbNovaShadowRoot({
   children,
   style
 }) {
+  const { theme } = useXbNovaInternal();
+  const scheme = useResolvedScheme(theme.colorScheme);
   const hostRef = (0, import_react7.useRef)(null);
   const [mountNode, setMountNode] = (0, import_react7.useState)(null);
   const [portalTarget, setPortalTarget] = (0, import_react7.useState)(null);
@@ -993,6 +1009,11 @@ function XbNovaShadowRoot({
     shadow.appendChild(mount);
     setMountNode(mount);
   }, [portalTarget]);
+  (0, import_react7.useEffect)(() => {
+    if (!mountNode) return;
+    mountNode.dataset.xbnovaScheme = scheme;
+    mountNode.style.colorScheme = scheme;
+  }, [mountNode, scheme]);
   if (!portalTarget) return null;
   return (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: hostRef, style, children: mountNode ? (0, import_react_dom.createPortal)(children, mountNode) : null }),