quirk-ui 0.1.22 → 0.1.23

package/dist/core/context/ThemeContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),e=require("react"),n=e.createContext(void 0);function h({children:o}){const[r,u]=e.useState("light");e.useEffect(()=>{const t=localStorage.getItem("theme-mode");t&&u(t)},[]);const s=e.useCallback(t=>{u(t),localStorage.setItem("theme-mode",t)},[]),c=e.useCallback(()=>{s(r==="light"?"dark":"light")},[r,s]),i=e.useMemo(()=>({mode:r,toggleTheme:c,setTheme:s}),[r,c,s]);return m.jsx(n.Provider,{value:i,children:o})}function l(){const o=e.useContext(n);if(!o)throw new Error("useTheme must be used within AppThemeProvider");return o}exports.AppThemeProvider=h;exports.useTheme=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),m=o.createContext(void 0);function d(){if(typeof document>"u")return"light";const t=document.documentElement.getAttribute("data-theme");if(t==="dark"||t==="light")return t;const e=localStorage.getItem("theme-mode");return e==="dark"||e==="light"?e:"light"}function a({children:t}){const[e,i]=o.useState(d);o.useEffect(()=>{document.documentElement.setAttribute("data-theme",e)},[e]);const r=o.useCallback(n=>{i(n),localStorage.setItem("theme-mode",n),document.documentElement.setAttribute("data-theme",n)},[]),u=o.useCallback(()=>{r(e==="light"?"dark":"light")},[e,r]),c=o.useMemo(()=>({mode:e,toggleTheme:u,setTheme:r}),[e,u,r]);return s.jsx(m.Provider,{value:c,children:t})}function h(){const t=o.useContext(m);if(!t)throw new Error("useTheme must be used within AppThemeProvider");return t}exports.AppThemeProvider=a;exports.useTheme=h;

package/dist/core/context/ThemeContext.mjs

@@ -1,28 +1,34 @@
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as u, useContext as d, useState as l, useEffect as a, useCallback as n, useMemo as f } from "react";
-const c = u(void 0);
-function T({ children: t }) {
-  const [o, s] = l("light");
-  a(() => {
-    const e = localStorage.getItem("theme-mode");
-    e && s(e);
-  }, []);
-  const r = n((e) => {
-    s(e), localStorage.setItem("theme-mode", e);
-  }, []), m = n(() => {
-    r(o === "light" ? "dark" : "light");
-  }, [o, r]), i = f(
-    () => ({ mode: o, toggleTheme: m, setTheme: r }),
-    [o, m, r]
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as s, useContext as h, useState as a, useEffect as l, useCallback as m, useMemo as f } from "react";
+const u = s(void 0);
+function g() {
+  if (typeof document > "u") return "light";
+  const t = document.documentElement.getAttribute("data-theme");
+  if (t === "dark" || t === "light") return t;
+  const e = localStorage.getItem("theme-mode");
+  return e === "dark" || e === "light" ? e : "light";
+}
+function b({ children: t }) {
+  const [e, i] = a(g);
+  l(() => {
+    document.documentElement.setAttribute("data-theme", e);
+  }, [e]);
+  const o = m((r) => {
+    i(r), localStorage.setItem("theme-mode", r), document.documentElement.setAttribute("data-theme", r);
+  }, []), n = m(() => {
+    o(e === "light" ? "dark" : "light");
+  }, [e, o]), d = f(
+    () => ({ mode: e, toggleTheme: n, setTheme: o }),
+    [e, n, o]
   );
-  return /* @__PURE__ */ h(c.Provider, { value: i, children: t });
+  return /* @__PURE__ */ c(u.Provider, { value: d, children: t });
 }
 function v() {
-  const t = d(c);
+  const t = h(u);
   if (!t) throw new Error("useTheme must be used within AppThemeProvider");
   return t;
 }
 export {
-  T as AppThemeProvider,
+  b as AppThemeProvider,
   v as useTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.22",
+  "version": "0.1.23",
   "type": "module",
   "exports": {
     ".": {