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