@codeplex-sac/theme 0.0.1 → 0.0.3

package/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),r=t.createContext(void 0),m="codeplex-theme",u=({children:o,temaPorDefecto:a="light"})=>{const[s,n]=t.useState(()=>{if(typeof window<"u"){const e=localStorage.getItem(m);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return a}),c=t.useCallback(e=>{const d=document.documentElement;d.classList.remove("light","dark"),d.classList.add(e),localStorage.setItem(m,e)},[]);t.useEffect(()=>{c(s)},[s,c]);const T=t.useCallback(e=>{n(e)},[]),h=t.useCallback(()=>{n(e=>e==="light"?"dark":"light")},[]);return l.jsx(r.Provider,{value:{tema:s,alternarTema:h,establecerTema:T},children:o})},x=({defaultTheme:o,...a})=>l.jsx(u,{temaPorDefecto:o,...a}),C=r,i=()=>{const o=t.useContext(r);if(!o)throw new Error("usarTema debe ser usado dentro de un CodeplexProveedorTema");return o},f=i;function g(){return"tema"}exports.CodeplexProveedorTema=u;exports.CodeplexThemeProvider=x;exports.ContextoTema=r;exports.ThemeContext=C;exports.tema=g;exports.usarTema=i;exports.useTheme=f;

package/index.d.ts

@@ -1,3 +1,4 @@
-export * from './lib/types';
-export * from './lib/provider';
-export * from './lib/hooks';
+export * from './lib/tipos';
+export * from './lib/proveedor';
+export * from './lib/ganchos';
+export * from './lib/tema';

package/index.js

@@ -1,39 +1,46 @@
-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 = ({
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, useState as h, useCallback as a, useEffect as T, useContext as x } from "react";
+const n = f(void 0), m = "codeplex-theme", p = ({
   children: t,
-  defaultTheme: d = "light"
+  temaPorDefecto: o = "light"
 }) => {
-  const [o, s] = f(() => {
+  const [r, s] = h(() => {
     if (typeof window < "u") {
-      const e = localStorage.getItem(a);
+      const e = localStorage.getItem(m);
       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);
+    return o;
+  }), c = a((e) => {
+    const d = document.documentElement;
+    d.classList.remove("light", "dark"), d.classList.add(e), localStorage.setItem(m, e);
   }, []);
-  g(() => {
-    n(o);
-  }, [o, n]);
-  const i = r((e) => {
+  T(() => {
+    c(r);
+  }, [r, c]);
+  const i = a((e) => {
     s(e);
-  }, []), l = r(() => {
+  }, []), u = a(() => {
     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);
+  return /* @__PURE__ */ l(n.Provider, { value: { tema: r, alternarTema: u, establecerTema: i }, children: t });
+}, k = ({ defaultTheme: t, ...o }) => /* @__PURE__ */ l(p, { temaPorDefecto: t, ...o }), v = n, C = () => {
+  const t = x(n);
   if (!t)
-    throw new Error("useTheme must be used within a CodeplexThemeProvider");
+    throw new Error("usarTema debe ser usado dentro de un CodeplexProveedorTema");
   return t;
-};
+}, w = C;
+function A() {
+  return "tema";
+}
 export {
-  v as CodeplexThemeProvider,
-  m as ThemeContext,
-  E as useTheme
+  p as CodeplexProveedorTema,
+  k as CodeplexThemeProvider,
+  n as ContextoTema,
+  v as ThemeContext,
+  A as tema,
+  C as usarTema,
+  w as useTheme
 };

package/lib/ganchos.d.ts

@@ -0,0 +1,3 @@
+import { ContextoTemaTipo } from './tipos';
+export declare const usarTema: () => ContextoTemaTipo;
+export declare const useTheme: () => ContextoTemaTipo;

package/lib/proveedor.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ReactNode } from 'react';
+import { CodeplexTema, ContextoTemaTipo } from './tipos';
+export declare const ContextoTema: React.Context<ContextoTemaTipo | undefined>;
+export interface CodeplexProveedorTemaProps {
+    children: ReactNode;
+    temaPorDefecto?: CodeplexTema;
+}
+export declare const CodeplexProveedorTema: React.FC<CodeplexProveedorTemaProps>;
+export declare const CodeplexThemeProvider: ({ defaultTheme, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeContext: React.Context<ContextoTemaTipo | undefined>;

package/lib/tema.d.ts

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

package/lib/tipos.d.ts

@@ -0,0 +1,6 @@
+export type CodeplexTema = 'light' | 'dark';
+export interface ContextoTemaTipo {
+    tema: CodeplexTema;
+    alternarTema: () => void;
+    establecerTema: (tema: CodeplexTema) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/theme",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",

package/lib/hooks.d.ts

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

package/lib/provider.d.ts

@@ -1,8 +0,0 @@
-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

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

package/lib/types.d.ts

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