@buddhacognitivelab/theme-glassmorphic/dist/utils/styledHelpers.d.ts

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

/**
 * @fileoverview Styled-components utilities for Glassmorphic Theme
 * Provides CSS-in-JS helpers and mixins for glassmorphic styling
 */
import type { GlassmorphicTheme, GlassIntensity, ComponentSize } from '../types/theme';
export declare function glassEffect(intensity?: GlassIntensity): any;
export declare function glassEffect(intensity?: GlassIntensity, theme?: GlassmorphicTheme): any;
export declare const breakpoint: (size: keyof GlassmorphicTheme["breakpoints"]) => (strings: TemplateStringsArray, ...values: any[]) => import("styled-components").RuleSet<object>;
export declare const typography: (size: keyof GlassmorphicTheme["typography"]["fontSize"]) => import("styled-components").RuleSet<object>;
export declare const margin: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const padding: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const marginX: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const marginY: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const paddingX: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const paddingY: (size: keyof GlassmorphicTheme["spacing"]) => import("styled-components").RuleSet<object>;
export declare const rounded: (size?: keyof GlassmorphicTheme["borderRadius"]) => import("styled-components").RuleSet<object>;
export declare const shadow: (size?: keyof GlassmorphicTheme["shadows"]) => import("styled-components").RuleSet<object>;
export declare const glassShadow: (intensity?: GlassIntensity) => import("styled-components").RuleSet<object>;
export declare const transition: {
    (property?: keyof GlassmorphicTheme["transitions"]["property"], duration?: keyof GlassmorphicTheme["transitions"]["duration"], easing?: keyof GlassmorphicTheme["transitions"]["easing"]): import("styled-components").RuleSet<object>;
    default: import("styled-components").RuleSet<object>;
};
export declare const hoverEffect: (intensity?: GlassIntensity) => import("styled-components").RuleSet<object>;
export declare const focusEffect: () => import("styled-components").RuleSet<object>;
export declare const componentSize: (size: ComponentSize) => import("styled-components").RuleSet<object>;
export declare const flexCenter: import("styled-components").RuleSet<object>;
export declare const flexBetween: import("styled-components").RuleSet<object>;
export declare const flexColumn: import("styled-components").RuleSet<object>;
export declare const truncate: import("styled-components").RuleSet<object>;
export declare const srOnly: import("styled-components").RuleSet<object>;
export declare const glassCard: (intensity?: GlassIntensity) => import("styled-components").RuleSet<object>;
export declare const responsiveGlass: {
    mobile: any;
    tablet: any;
    desktop: any;
};
export declare const textColor: (variant?: "primary" | "secondary" | "disabled" | "hint") => import("styled-components").RuleSet<object>;
export declare const backgroundColor: (color: string) => import("styled-components").RuleSet<object>;
export declare const borderColor: (color: string) => import("styled-components").RuleSet<object>;