@codeplex-sac/theme 0.0.1

package/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),t=require("react"),s=t.createContext(void 0),l="codeplex-theme",h=({children:o,defaultTheme:i="light"})=>{const[r,n]=t.useState(()=>{if(typeof window<"u"){const e=localStorage.getItem(l);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return i}),c=t.useCallback(e=>{const a=document.documentElement;a.classList.remove("light","dark"),a.classList.add(e),localStorage.setItem(l,e)},[]);t.useEffect(()=>{c(r)},[r,c]);const d=t.useCallback(e=>{n(e)},[]),u=t.useCallback(()=>{n(e=>e==="light"?"dark":"light")},[]);return m.jsx(s.Provider,{value:{theme:r,toggleTheme:u,setTheme:d},children:o})},T=()=>{const o=t.useContext(s);if(!o)throw new Error("useTheme must be used within a CodeplexThemeProvider");return o};exports.CodeplexThemeProvider=h;exports.ThemeContext=s;exports.useTheme=T;

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/types';
+export * from './lib/provider';
+export * from './lib/hooks';

package/index.js

@@ -0,0 +1,39 @@
+import { jsx as h } from "react/jsx-runtime";
+import { createContext as u, useState as f, useCallback as r, useEffect as g, useContext as p } from "react";
+const m = u(void 0), a = "codeplex-theme", v = ({
+  children: t,
+  defaultTheme: d = "light"
+}) => {
+  const [o, s] = f(() => {
+    if (typeof window < "u") {
+      const e = localStorage.getItem(a);
+      if (e === "light" || e === "dark")
+        return e;
+      if (window.matchMedia("(prefers-color-scheme: dark)").matches)
+        return "dark";
+    }
+    return d;
+  }), n = r((e) => {
+    const c = document.documentElement;
+    c.classList.remove("light", "dark"), c.classList.add(e), localStorage.setItem(a, e);
+  }, []);
+  g(() => {
+    n(o);
+  }, [o, n]);
+  const i = r((e) => {
+    s(e);
+  }, []), l = r(() => {
+    s((e) => e === "light" ? "dark" : "light");
+  }, []);
+  return /* @__PURE__ */ h(m.Provider, { value: { theme: o, toggleTheme: l, setTheme: i }, children: t });
+}, E = () => {
+  const t = p(m);
+  if (!t)
+    throw new Error("useTheme must be used within a CodeplexThemeProvider");
+  return t;
+};
+export {
+  v as CodeplexThemeProvider,
+  m as ThemeContext,
+  E as useTheme
+};

package/lib/hooks.d.ts

@@ -0,0 +1,2 @@
+import { ThemeContextType } from './types';
+export declare const useTheme: () => ThemeContextType;

package/lib/provider.d.ts

@@ -0,0 +1,8 @@
+import { default as React, ReactNode } from 'react';
+import { CodeplexTheme, ThemeContextType } from './types';
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+export interface CodeplexThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: CodeplexTheme;
+}
+export declare const CodeplexThemeProvider: React.FC<CodeplexThemeProviderProps>;

package/lib/theme.d.ts

@@ -0,0 +1 @@
+export declare function theme(): string;

package/lib/types.d.ts

@@ -0,0 +1,6 @@
+export type CodeplexTheme = 'light' | 'dark';
+export interface ThemeContextType {
+    theme: CodeplexTheme;
+    toggleTheme: () => void;
+    setTheme: (theme: CodeplexTheme) => void;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@codeplex-sac/theme",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {},
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "module": "./index.js"
+}