@tecsinapse/cortex-core 1.3.0-beta.0 → 1.3.0-beta.1

package/dist/cjs/index.js

@@ -22,6 +22,7 @@ var manager = require('./components/manager/manager.js');
 var index = require('./preset/index.js');
 var definitions = require('./tokens/definitions.js');
 var index$1 = require('./utils/index.js');
+var DarkThemeContext = require('./provider/DarkThemeContext.js');
 
 
 
@@ -75,3 +76,5 @@ exports.textColor = definitions.textColor;
 exports.zIndex = definitions.zIndex;
 exports.setDarkMode = index$1.setDarkMode;
 exports.updateThemeColors = index$1.updateThemeColors;
+exports.ThemeProvider = DarkThemeContext.ThemeProvider;
+exports.useDarkTheme = DarkThemeContext.useDarkTheme;

package/dist/cjs/provider/DarkThemeContext.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const ThemeContext = react.createContext(null);
+const ThemeProvider = ({ children }) => {
+  const [theme, setTheme] = react.useState("light");
+  react.useEffect(() => {
+    const style = document.documentElement.style;
+    if (theme === "dark") {
+      style.setProperty("--color-body", "#1e1e1e");
+    } else {
+      style.setProperty("--color-body", "#f8f7f7");
+    }
+  }, [theme]);
+  const toggleTheme = () => setTheme((t) => t === "light" ? "dark" : "light");
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children });
+};
+const useDarkTheme = () => {
+  const ctx = react.useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used inside ThemeProvider");
+  return ctx;
+};
+
+exports.ThemeProvider = ThemeProvider;
+exports.useDarkTheme = useDarkTheme;

package/dist/esm/index.js

@@ -20,3 +20,4 @@ export { manager } from './components/manager/manager.js';
 export { default as preset } from './preset/index.js';
 export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex } from './tokens/definitions.js';
 export { setDarkMode, updateThemeColors } from './utils/index.js';
+export { ThemeProvider, useDarkTheme } from './provider/DarkThemeContext.js';

package/dist/esm/provider/DarkThemeContext.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
+
+const ThemeContext = createContext(null);
+const ThemeProvider = ({ children }) => {
+  const [theme, setTheme] = useState("light");
+  useEffect(() => {
+    const style = document.documentElement.style;
+    if (theme === "dark") {
+      style.setProperty("--color-body", "#1e1e1e");
+    } else {
+      style.setProperty("--color-body", "#f8f7f7");
+    }
+  }, [theme]);
+  const toggleTheme = () => setTheme((t) => t === "light" ? "dark" : "light");
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children });
+};
+const useDarkTheme = () => {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used inside ThemeProvider");
+  return ctx;
+};
+
+export { ThemeProvider, useDarkTheme };

package/dist/types/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export { default as preset } from './preset';
 export * from './tokens/definitions';
 export * from './utils';
+export * from './provider';

package/dist/types/provider/DarkThemeContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type Theme = 'light' | 'dark';
+interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+}
+export declare const ThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDarkTheme: () => ThemeContextValue;
+export {};

package/dist/types/provider/index.d.ts

@@ -0,0 +1 @@
+export * from './DarkThemeContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "1.3.0-beta.0",
+  "version": "1.3.0-beta.1",
   "license": "MIT",
   "description": "Core library for tailwindcss based design",
   "main": "dist/esm/index.js",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "tailwindcss": ">=3.3.0"
   },
-  "gitHead": "c267542fbb45c9c598be530f2c2d4211365a816e"
+  "gitHead": "c976f6fea2c049735ce9fcacfc61583a552c10e1"
 }