@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
95 lines (94 loc) • 7.02 kB
TypeScript
/**
* @fileoverview Glassmorphic Theme Package
* Main entry point for the glassmorphic theme system
*/
export { ThemeProvider, useTheme, useSkin, useThemeSwitcher } from './providers/ThemeProvider';
export { EnhancedThemeProvider, useEnhancedTheme, useTheme as useEnhancedThemeHook, useThemeMode, useColorUtils, useColorAccessibility, useSemanticColors, useDualThemes, withEnhancedTheme, ThemeToggle, EnhancedThemeContext, type ThemeMode, type ThemeToggleProps } from './providers/EnhancedThemeProvider';
export { createGlassmorphicTheme, createThemeVariant, isGlassmorphicTheme, getGlassEffect } from './theme/createTheme';
export { createGlassmorphicTheme as createEnhancedTheme, createLightTheme, createDarkTheme, createDualThemes, defaultLightTheme, defaultDarkTheme, defaultThemes } from './theme/themeFactory';
import { createGlassmorphicTheme as _createEnhancedTheme } from './theme/themeFactory';
export { defaultTheme, typography, shadows, borderRadius, spacing, breakpoints, zIndex, transitions } from './theme/defaultTheme';
export { lightPalette, darkPalette, getPalette, createPaletteVariant } from './theme/palettes';
export { hexToRgb, rgbToHex, hexToHsl, hslToHex, getLuminance, lighten as lightenColor, darken as darkenColor, saturate, desaturate, alpha, mix, complement, triadic, analogous, getContrastRatio, isAccessible, getAccessibleText, generateEnhancedColorScale, generateSemanticColors } from './utils/colorUtils';
export { glassmorphismEffects, lightGlassmorphism, darkGlassmorphism, getGlassmorphismEffect, createCustomGlassEffect, glassVariants, applyGlassEffect, glassEffectMixin, enhancedGlassVariants, getEnhancedGlassEffect, createEnhancedGlassEffect, applyEnhancedGlassEffect, enhancedGlassEffectMixin, getThemeResponsiveGlassEffect, composeGlassEffects, createInteractiveGlassStates, type EnhancedGlassEffect, type GlassVariantConfig, type GlassVariantType, type GlassDepthLevel, type GlassIntensityLevel } from './theme/glassmorphism';
export { createGradientSystem, GradientGenerator, gradientToCSS, getThemeGradient, createGradientCSSVariables, createGradientAnimations, gradientUtils, type GradientSystem, type GradientConfig, type ThemeGradient, type GradientStop } from './theme/gradientSystem';
export { createGradientGlassEffect, gradientGlassToCSS, gradientGlassPresets, gradientGlassUtils, type GradientGlassEffect, type GradientGlassConfig } from './theme/gradientGlassmorphism';
export { GradientContainer, GradientGlassCard, GradientBorder, GradientText, GradientButton, GradientOverlay, GradientHero, GradientNavBar, GradientModalBackdrop, GradientSpinner, createGradientComponent, gradientAnimations } from './styled/gradientComponents';
export { glassEffect, breakpoint, typography as typographyMixin, margin, padding, marginX, marginY, paddingX, paddingY, rounded, shadow, glassShadow, transition, hoverEffect, focusEffect, componentSize, flexCenter, flexBetween, flexColumn, truncate, srOnly, glassCard, responsiveGlass, textColor, backgroundColor, borderColor } from './utils/styledHelpers';
export { getColor, getSpacing, getBorderRadius, getShadow, getGlassEffect as getGlassEffectUtil, withOpacity, lighten, darken, getComponentSize, getVariantColors, isDarkMode, getContrastText, responsive, getResponsiveValue, mediaQuery, isValidGlassmorphicTheme, mergeThemes } from './utils/themeUtils';
export type { GlassmorphicTheme, ColorPalette, Typography, GlassmorphismConfig, Shadows, BorderRadius, Spacing, Breakpoints, ZIndex, Transitions, GlassmorphicSkin, ThemeCreationOptions, ComponentSize, ComponentVariant, ComponentState, GlassIntensity, EnhancedColorScale, ColorScale, AccentScale, SemanticColors, ColorUtils, ColorAccessibility } from './types/theme';
export declare const GlassmorphicThemeKit: {
defaultTheme: import("./types/theme").GlassmorphicTheme;
lightPalette: import("./types/theme").ColorPalette;
darkPalette: import("./types/theme").ColorPalette;
glassmorphismEffects: {
light: {
light: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
medium: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
heavy: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
};
dark: {
light: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
medium: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
heavy: {
backdropFilter: string;
backgroundColor: string;
border: string;
boxShadow: string;
};
};
};
createTheme: (options: import("./types/theme").ThemeCreationOptions) => import("./types/theme").GlassmorphicTheme;
createEnhancedTheme: typeof _createEnhancedTheme;
defaultLightTheme: import("./types/theme").GlassmorphicTheme;
defaultDarkTheme: import("./types/theme").GlassmorphicTheme;
};
export declare const version = "1.0.0";
export * from './components';
export * from './components/enhanced/EnhancedButton';
export * from './components/enhanced/EnhancedCard';
export * from './components/enhanced/EnhancedInput';
export * from './components/enhanced/EnhancedNavigation';
export * from './components/enhanced/EnhancedModal';
export * from './components/enhanced/EnhancedTooltip';
export * from './components/ThemeToggle';
export * from './components/MicroInteractions';
export * from './components/EnhancedThemeSwitcher';
export * from './components/GestureComponents';
export { EnhancedButton, type EnhancedButtonProps, EnhancedCard, EnhancedCardHeader, EnhancedCardContent, EnhancedCardFooter, type EnhancedCardProps, type EnhancedCardHeaderProps, type EnhancedCardContentProps, type EnhancedCardFooterProps, EnhancedInput, type EnhancedInputProps, EnhancedNavigation, type EnhancedNavigationProps, type NavigationItem, EnhancedModal, type EnhancedModalProps, EnhancedTooltip, type EnhancedTooltipProps, type TooltipPlacement, type TooltipTrigger, EnhancedComponents, type EnhancedComponentProps } from './components/enhanced';
export * from './theme/createTheme';
export * from './theme/defaultTheme';
export * from './theme/glassmorphism';
export * from './theme/gradientGlassmorphism';
export * from './theme/gradientSystem';
export * from './theme/palettes';
export * from './theme/themeFactory';
export * from './providers/EnhancedThemeProvider';
export * from './theme/effects';
export * from './theme/animationSystem';
export * from './utils/interactions';