@floegence/floe-webapp-core 0.34.0 → 0.35.0

package/dist/context/ThemeContext.js

@@ -1,43 +1,48 @@
-import { createSignal as c, onCleanup as g, createEffect as u } from "solid-js";
-import { createSimpleContext as T } from "./createSimpleContext.js";
-import { useResolvedFloeConfig as p } from "./FloeConfigContext.js";
-import { getSystemTheme as v, applyTheme as y } from "../styles/themes/index.js";
-function S() {
-  const t = p(), r = () => t.config.theme.storageKey, i = () => t.config.theme.defaultTheme, h = t.persist.load(r(), i()), [o, a] = c(h), [d, l] = c(v()), n = () => {
-    const e = o();
-    return e === "system" ? d() : e;
+import { createSignal as i, onCleanup as h, createEffect as v } from "solid-js";
+import { createSimpleContext as y } from "./createSimpleContext.js";
+import { useResolvedFloeConfig as k } from "./FloeConfigContext.js";
+import { getSystemTheme as S, applyTheme as C, syncThemeTokenOverrides as a, resolveThemeTokenOverrides as w } from "../styles/themes/index.js";
+function E() {
+  const t = k(), m = () => t.config.theme.storageKey, d = () => t.config.theme.defaultTheme, l = () => t.config.theme.tokens, T = t.persist.load(m(), d()), [r, f] = i(T), [g, u] = i(S());
+  let o = [];
+  const s = () => {
+    const e = r();
+    return e === "system" ? g() : e;
   };
   if (typeof window < "u") {
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), m = (f) => {
-      l(f.matches ? "dark" : "light");
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (p) => {
+      u(p.matches ? "dark" : "light");
     };
-    e.addEventListener("change", m), g(() => e.removeEventListener("change", m));
+    e.addEventListener("change", n), h(() => e.removeEventListener("change", n));
   }
-  u(() => {
-    y(o());
+  v(() => {
+    const e = r(), n = s();
+    C(e), o = a(w(l(), n), o);
+  }), h(() => {
+    o = a(void 0, o);
   });
-  const s = (e) => {
-    a(e), t.persist.debouncedSave(r(), e);
+  const c = (e) => {
+    f(e), t.persist.debouncedSave(m(), e);
   };
   return {
-    theme: o,
-    resolvedTheme: n,
-    setTheme: s,
+    theme: r,
+    resolvedTheme: s,
+    setTheme: c,
     toggleTheme: () => {
-      const e = n();
-      s(e === "light" ? "dark" : "light");
+      const e = s();
+      c(e === "light" ? "dark" : "light");
     }
   };
 }
 const {
-  Provider: K,
-  use: L
-} = T({
+  Provider: b,
+  use: F
+} = y({
   name: "Theme",
-  init: S
+  init: E
 });
 export {
-  K as ThemeProvider,
-  S as createThemeService,
-  L as useTheme
+  b as ThemeProvider,
+  E as createThemeService,
+  F as useTheme
 };