quirk-ui 0.0.564 → 0.0.566

package/dist/main.d.ts

@@ -1436,6 +1436,7 @@ declare const themeClassMap: {
 declare type ThemeContextValue = {
     mode: ThemeMode;
     toggleTheme: () => void;
+    setTheme: (mode: ThemeMode) => void;
 };
 
 declare type ThemeMode = "light" | "dark";

package/dist/next/contexts/ThemeContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index.css');const o=require("react/jsx-runtime"),r=require("react");;/* empty css                     */require("react-dom");require("../../core/components/Tabs/index.cjs");const d=require("../../core/utils/ThemeProvider/index.cjs"),i=require("../../core/tokens/theme.cjs"),n=r.createContext(void 0);function T({children:e}){const[t,s]=r.useState("light"),u=()=>{s(m=>m==="light"?"dark":"light")},h=t==="light"?i.lightTheme:i.darkTheme,c=r.useMemo(()=>({mode:t,toggleTheme:u}),[t]);return o.jsx(n.Provider,{value:c,children:o.jsx(d.ThemeProvider,{theme:h,children:e})})}function l(){const e=r.useContext(n);if(!e)throw new Error("useTheme must be used within AppThemeProvider");return e}exports.AppThemeProvider=T;exports.useTheme=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index.css');const n=require("react/jsx-runtime"),t=require("react");;/* empty css                     */require("react-dom");require("../../core/components/Tabs/index.cjs");const l=require("../../core/utils/ThemeProvider/index.cjs"),u=require("../../core/tokens/theme.cjs"),c=t.createContext(void 0);function T({children:r}){const[o,i]=t.useState("light");t.useEffect(()=>{const e=localStorage.getItem("theme-mode");e&&i(e)});const s=e=>{i(e),localStorage.setItem("theme-mode",e)},h=()=>{s(o==="light"?"dark":"light")},m=o==="light"?u.lightTheme:u.darkTheme,d=t.useMemo(()=>({mode:o,toggleTheme:h,setTheme:s}),[o]);return n.jsx(c.Provider,{value:d,children:n.jsx(l.ThemeProvider,{theme:m,children:r})})}function a(){const r=t.useContext(c);if(!r)throw new Error("useTheme must be used within AppThemeProvider");return r}exports.AppThemeProvider=T;exports.useTheme=a;

package/dist/next/contexts/ThemeContext.mjs

@@ -1,23 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as p, useContext as u, useState as c, useMemo as d } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as d, useContext as u, useState as l, useEffect as p, useMemo as f } from "react";
 import '../../assets/index.css';/* empty css                   */
 import "react-dom";
 import "../../core/components/Tabs/index.mjs";
-import { ThemeProvider as T } from "../../core/utils/ThemeProvider/index.mjs";
-import { lightTheme as l, darkTheme as f } from "../../core/tokens/theme.mjs";
-const r = p(void 0);
-function k({ children: e }) {
-  const [t, m] = c("light"), i = () => {
-    m((s) => s === "light" ? "dark" : "light");
-  }, h = t === "light" ? l : f, n = d(() => ({ mode: t, toggleTheme: i }), [t]);
-  return /* @__PURE__ */ o(r.Provider, { value: n, children: /* @__PURE__ */ o(T, { theme: h, children: e }) });
+import { ThemeProvider as g } from "../../core/utils/ThemeProvider/index.mjs";
+import { lightTheme as T, darkTheme as a } from "../../core/tokens/theme.mjs";
+const h = d(void 0);
+function A({ children: t }) {
+  const [o, r] = l("light");
+  p(() => {
+    const e = localStorage.getItem("theme-mode");
+    e && r(e);
+  });
+  const m = (e) => {
+    r(e), localStorage.setItem("theme-mode", e);
+  }, s = () => {
+    m(o === "light" ? "dark" : "light");
+  }, n = o === "light" ? T : a, c = f(() => ({ mode: o, toggleTheme: s, setTheme: m }), [o]);
+  return /* @__PURE__ */ i(h.Provider, { value: c, children: /* @__PURE__ */ i(g, { theme: n, children: t }) });
 }
-function A() {
-  const e = u(r);
-  if (!e) throw new Error("useTheme must be used within AppThemeProvider");
-  return e;
+function E() {
+  const t = u(h);
+  if (!t) throw new Error("useTheme must be used within AppThemeProvider");
+  return t;
 }
 export {
-  k as AppThemeProvider,
-  A as useTheme
+  A as AppThemeProvider,
+  E as useTheme
 };

package/dist/next.d.ts

@@ -164,6 +164,7 @@ export { TabsBlockProps }
 declare type ThemeContextValue = {
     mode: ThemeMode;
     toggleTheme: () => void;
+    setTheme: (mode: ThemeMode) => void;
 };
 
 declare type ThemeMode = "light" | "dark";

package/package.json

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