UNPKG

@buddhacognitivelab/theme-glassmorphic

Version:

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

58 lines (57 loc) 1.97 kB
/** * @fileoverview Enhanced Input Component - Phase 4 * Dual-mode glassmorphic input with advanced theme support */ import React from 'react'; export interface EnhancedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> { /** Input variant */ variant?: 'filled' | 'outlined' | 'glass' | 'minimal' | 'floating'; /** Input size */ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'; /** Glass effect intensity */ glassIntensity?: 'subtle' | 'prominent' | 'frosted' | 'crystal' | 'ethereal'; /** Glass depth level */ glassDepth?: 'surface' | 'elevated' | 'floating' | 'modal'; /** Input state */ state?: 'default' | 'error' | 'warning' | 'success' | 'info'; /** Input label */ label?: string; /** Helper text */ helperText?: string; /** Error message */ error?: string; /** Full width input */ fullWidth?: boolean; /** Start icon */ startIcon?: React.ReactNode; /** End icon */ endIcon?: React.ReactNode; /** Enable enhanced focus effects */ enhancedFocus?: boolean; /** Enable theme-adaptive styling */ themeAdaptive?: boolean; /** Custom glass tint override */ glassTint?: string; /** Enable gradient border */ gradientBorder?: boolean; /** Animation preset */ animation?: 'none' | 'subtle' | 'smooth' | 'bounce' | 'elastic'; /** Enable backdrop blur */ backdropBlur?: boolean; /** Loading state */ loading?: boolean; /** Clear button */ clearable?: boolean; /** Character counter */ showCounter?: boolean; /** Maximum character count */ maxLength?: number; } /** * Enhanced Input Component * * A sophisticated glassmorphic input with dual-mode theme support, * advanced glass effects, and enhanced interactive states. */ export declare const EnhancedInput: React.ForwardRefExoticComponent<EnhancedInputProps & React.RefAttributes<HTMLInputElement>>; export default EnhancedInput;