neogestify-ui-components 1.2.18 → 1.2.19

package/src/components/icons/index.ts

@@ -1 +1 @@
-export * from './icons';
+export * from './icons';

package/src/context/theme/ThemeContext.tsx

@@ -1,37 +1,37 @@
-import { useEffect, useState } from 'react';
-import type { ReactNode } from 'react';
-import { ThemeContext, type Theme } from './theme.types';
-
-export function ThemeProvider({ children }: { children: ReactNode }) {
-  const [theme, setThemeState] = useState<Theme>(() => {
-    const savedTheme = localStorage.getItem('theme');
-    return (savedTheme as Theme) || 'light';
-  });
-
-  useEffect(() => {
-    const root = document.documentElement
-    if (theme === 'dark') {
-      root.classList.add('dark');
-    } else {
-      root.classList.remove('dark');
-    }
-    localStorage.setItem('theme', theme);
-  }, [theme]);
-
-  const toggleTheme = () => {
-    setThemeState(prev => {
-      const newTheme = prev === 'light' ? 'dark' : 'light';
-      return newTheme;
-    });
-  };
-
-  const setTheme = (newTheme: Theme) => {
-    setThemeState(newTheme);
-  };
-
-  return (
-    <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-}
+import { useEffect, useState } from 'react';
+import type { ReactNode } from 'react';
+import { ThemeContext, type Theme } from './theme.types';
+
+export function ThemeProvider({ children }: { children: ReactNode }) {
+  const [theme, setThemeState] = useState<Theme>(() => {
+    const savedTheme = localStorage.getItem('theme');
+    return (savedTheme as Theme) || 'light';
+  });
+
+  useEffect(() => {
+    const root = document.documentElement
+    if (theme === 'dark') {
+      root.classList.add('dark');
+    } else {
+      root.classList.remove('dark');
+    }
+    localStorage.setItem('theme', theme);
+  }, [theme]);
+
+  const toggleTheme = () => {
+    setThemeState(prev => {
+      const newTheme = prev === 'light' ? 'dark' : 'light';
+      return newTheme;
+    });
+  };
+
+  const setTheme = (newTheme: Theme) => {
+    setThemeState(newTheme);
+  };
+
+  return (
+    <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}

package/src/context/theme/ThemeToggle.tsx

@@ -1,23 +1,23 @@
-import { useTheme } from './useTheme';
-import { Button } from '../../components/html/Button';
-import { MoonIcon, SunIcon } from '../../components/icons/icons';
-
-export function ThemeToggle() {
-  const { theme, toggleTheme } = useTheme();
-
-  return (
-    <Button
-      variant='custom'
-      onClick={toggleTheme}
-      className="p-2 rounded-lg bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors duration-200"
-      aria-label={`Cambiar a modo ${theme === 'light' ? 'oscuro' : 'claro'}`}
-      title={`Cambiar a modo ${theme === 'light' ? 'oscuro' : 'claro'}`}
-    >
-      {theme === 'light' ? (
-        <MoonIcon className="w-6 h-6 sm:w-5 sm:h-5 text-gray-800" />
-      ) : (
-        <SunIcon className="w-6 h-6 sm:w-5 sm:h-5 text-yellow-400" />
-      )}
-    </Button>
-  );
-}
+import { useTheme } from './useTheme';
+import { Button } from '../../components/html/Button';
+import { MoonIcon, SunIcon } from '../../components/icons/icons';
+
+export function ThemeToggle() {
+  const { theme, toggleTheme } = useTheme();
+
+  return (
+    <Button
+      variant='custom'
+      onClick={toggleTheme}
+      className="p-2 rounded-lg bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors duration-200"
+      aria-label={`Cambiar a modo ${theme === 'light' ? 'oscuro' : 'claro'}`}
+      title={`Cambiar a modo ${theme === 'light' ? 'oscuro' : 'claro'}`}
+    >
+      {theme === 'light' ? (
+        <MoonIcon className="w-6 h-6 sm:w-5 sm:h-5 text-gray-800" />
+      ) : (
+        <SunIcon className="w-6 h-6 sm:w-5 sm:h-5 text-yellow-400" />
+      )}
+    </Button>
+  );
+}

package/src/context/theme/index.ts

@@ -1,4 +1,4 @@
-export * from './theme.types';
-export * from './ThemeContext';
-export * from './useTheme';
+export * from './theme.types';
+export * from './ThemeContext';
+export * from './useTheme';
 export { ThemeToggle } from './ThemeToggle';

package/src/context/theme/theme.types.ts

@@ -1,11 +1,11 @@
-import { createContext } from 'react';
-
-export type Theme = 'light' | 'dark';
-
-export interface ThemeContextType {
-  theme: Theme;
-  toggleTheme: () => void;
-  setTheme: (theme: Theme) => void;
-}
-
-export const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+import { createContext } from 'react';
+
+export type Theme = 'light' | 'dark';
+
+export interface ThemeContextType {
+  theme: Theme;
+  toggleTheme: () => void;
+  setTheme: (theme: Theme) => void;
+}
+
+export const ThemeContext = createContext<ThemeContextType | undefined>(undefined);

package/src/context/theme/useTheme.ts

@@ -1,10 +1,10 @@
-import { useContext } from 'react';
-import { ThemeContext } from './theme.types';
-
-export function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  return context;
-}
+import { useContext } from 'react';
+import { ThemeContext } from './theme.types';
+
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+}

package/src/index.ts

@@ -1,5 +1,5 @@
-// Export all modules for convenience
-export * from './components/html/index';
-export * from './components/icons/index';
-export * from './components/alerts/index';
-export * from './context/theme/index';
+// Export all modules for convenience
+export * from './components/html/index';
+export * from './components/icons/index';
+export * from './components/alerts/index';
+export * from './context/theme/index';

package/src/types/types.ts

@@ -1,3 +1,3 @@
-export interface Props {
-    className?: string;
-}
+export interface Props {
+    className?: string;
+}