quirk-ui 0.1.54 → 0.1.55

package/dist/core/context/ThemeContext.cjs

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

package/dist/core/context/ThemeContext.mjs

@@ -1,41 +1,30 @@
-import { jsx as T } from "react/jsx-runtime";
-import { darkTheme as d, lightTheme as h } from "../tokens/theme.mjs";
-import { createContext as b, useContext as p, useState as i, useEffect as C, useCallback as l, useMemo as v } from "react";
-const g = b(void 0);
-function w({ children: t }) {
-  const [o, c] = i("light"), [s, f] = i(!1);
-  C(() => {
-    const m = document.documentElement.getAttribute(
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, useContext as g, useState as u, useEffect as p, useCallback as c, useMemo as T } from "react";
+const d = f(void 0);
+function k({ children: e }) {
+  const [t, m] = u("light"), [n, a] = u(!1);
+  p(() => {
+    const h = document.documentElement.getAttribute(
       "data-theme"
     ) === "dark" ? "dark" : "light";
-    c(m), f(!0);
-    const n = {
-      light: h.background,
-      dark: d.background
-    }, a = document.querySelector('meta[name="theme-color"]');
-    a && a.setAttribute("content", n[m]);
+    m(h), a(!0);
   }, []);
-  const r = l((e) => {
-    c(e), localStorage.setItem("theme-mode", e), document.documentElement.setAttribute("data-theme", e);
-    const m = {
-      light: h.background,
-      dark: d.background
-    }, n = document.querySelector('meta[name="theme-color"]');
-    n && n.setAttribute("content", m[e]);
-  }, []), u = l(() => {
-    r(o === "light" ? "dark" : "light");
-  }, [o, r]), k = v(
-    () => ({ mode: o, mounted: s, toggleTheme: u, setTheme: r }),
-    [o, s, u, r]
+  const o = c((r) => {
+    m(r), localStorage.setItem("theme-mode", r), document.documentElement.setAttribute("data-theme", r);
+  }, []), s = c(() => {
+    o(t === "light" ? "dark" : "light");
+  }, [t, o]), i = T(
+    () => ({ mode: t, mounted: n, toggleTheme: s, setTheme: o }),
+    [t, n, s, o]
   );
-  return /* @__PURE__ */ T(g.Provider, { value: k, children: t });
+  return /* @__PURE__ */ l(d.Provider, { value: i, children: e });
 }
 function x() {
-  const t = p(g);
-  if (!t) throw new Error("useTheme must be used within AppThemeProvider");
-  return t;
+  const e = g(d);
+  if (!e) throw new Error("useTheme must be used within AppThemeProvider");
+  return e;
 }
 export {
-  w as AppThemeProvider,
+  k as AppThemeProvider,
   x as useTheme
 };

package/package.json

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