@xbrain-swe/nova-chat-widget 0.1.2 → 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 }),
@@ -1762,7 +1783,7 @@ function XbNovaChat({
                     onChange: (e) => setInput(e.target.value),
                     placeholder: "\uC774 \uCC28\uC5D0 \uB300\uD574 \uBB34\uC5C7\uC774\uB4E0 \uBB3C\uC5B4\uBCF4\uC138\uC694",
                     disabled: busy,
-                    className: "xbnova-input-accent flex-1 rounded-full border border-neutral-300 px-3.5 py-2 text-sm outline-none disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800"
+                    className: "xbnova-input-accent flex-1 rounded-full border border-neutral-300 bg-white px-3.5 py-2 text-sm text-neutral-900 placeholder:text-neutral-400 outline-none disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-100 dark:placeholder:text-neutral-500"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(