@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
TypeScript
/**
* @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 {};