@tedi-design-system/react 14.4.0-rc.5 → 14.4.0-rc.7

package/src/tedi/providers/theme-provider/theme-provider.es.js

@@ -1,25 +1,34 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useContext as l, createContext as E, useState as S, useCallback as $ } from "react";
-const c = ["default", "dark", "rit", "muis"], r = "tedi-theme--", e = "tedi-theme", n = E({
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as i, createContext as f, useState as l, useEffect as h, useCallback as E } from "react";
+const o = ["default", "dark", "rit", "muis"], S = "tedi-theme--", n = "tedi-theme", c = f({
   theme: "default",
   setTheme: () => {
   }
-}), x = () => l(n), A = ({
-  theme: o = "default",
-  children: m
-}) => {
-  const [u, a] = S(() => (typeof document < "u" && (localStorage.setItem(e, o), document.cookie = `${e}=${o};path=/;max-age=31536000`), o)), d = $((t) => {
-    if (!c.includes(t) || (a(t), typeof document > "u")) return;
-    localStorage.setItem(e, t), document.cookie = `${e}=${t};path=/;max-age=31536000`;
-    const s = document.documentElement;
-    for (const f of c)
-      s.classList.remove(`${r}${f}`);
-    s.classList.add(`${r}${t}`);
+}), p = () => i(c), x = ({ theme: s, children: u }) => {
+  const [t, m] = l(() => {
+    if (s !== void 0)
+      return s;
+    if (typeof window < "u") {
+      const e = localStorage.getItem(n);
+      if (e && o.includes(e))
+        return e;
+    }
+    return "default";
+  });
+  h(() => {
+    if (typeof document > "u") return;
+    const e = document.documentElement;
+    o.forEach((r) => {
+      e.classList.toggle(`${S}${r}`, r === t);
+    }), localStorage.setItem(n, t), document.cookie = `${n}=${t};path=/;max-age=31536000`;
+  }, [t]);
+  const d = E((e) => {
+    o.includes(e) && m(e);
   }, []);
-  return /* @__PURE__ */ i(n.Provider, { value: { theme: u, setTheme: d }, children: m });
+  return /* @__PURE__ */ a(c.Provider, { value: { theme: t, setTheme: d }, children: u });
 };
 export {
-  A as ThemeProvider,
-  x as useTheme
+  x as ThemeProvider,
+  p as useTheme
 };