UNPKG

@buddhacognitivelab/theme-glassmorphic

Version:

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

43 lines (42 loc) 1.36 kB
/** * @fileoverview Theme Provider for Glassmorphic Theme Package * Provides theme and skin data from state manager to all components */ import React, { ReactNode } from 'react'; import type { GlassmorphicTheme } from '../types/theme'; interface ThemeContextValue { theme: GlassmorphicTheme; isDarkMode: boolean; glassIntensity: 'light' | 'medium' | 'heavy'; } interface ThemeProviderProps { children: ReactNode; fallbackTheme?: Partial<GlassmorphicTheme>; } /** * Theme Provider Component * Subscribes to state manager and provides theme data via React Context */ export declare const ThemeProvider: React.FC<ThemeProviderProps>; /** * Hook to access theme context */ export declare const useTheme: () => ThemeContextValue; /** * Hook to access skin data specifically */ export declare const useSkin: () => { glassIntensity: "light" | "medium" | "heavy"; borderRadius: import("../types/theme").BorderRadius; shadows: import("../types/theme").Shadows; glassmorphism: import("../types/theme").GlassmorphismConfig; }; /** * Hook for real-time theme switching */ export declare const useThemeSwitcher: () => { setTheme: (theme: import("@buddhacognitivelab/state-manager").Theme) => void; setSkin: (skin: import("@buddhacognitivelab/state-manager").Skin) => void; clearTheme: () => void; }; export {};