aura-glass/dist/components/mobile/TouchGlassOptimization.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import { HTMLMotionProps } from "framer-motion";
import React from "react";
interface TouchGlassProps extends Omit<HTMLMotionProps<"div">, "ref" | "children"> {
    children: React.ReactNode;
    onTap?: () => void;
    onLongPress?: () => void;
    onSwipe?: (direction: "left" | "right" | "up" | "down") => void;
    touchFeedback?: boolean;
    rippleEffect?: boolean;
    hapticsEnabled?: boolean;
    glassIntensity?: "light" | "medium" | "heavy";
}
export declare const TouchOptimizedGlass: React.ForwardRefExoticComponent<TouchGlassProps & React.RefAttributes<HTMLDivElement>>;
export declare const TouchGlassOptimization: React.ForwardRefExoticComponent<TouchGlassProps & React.RefAttributes<HTMLDivElement>>;
export default TouchGlassOptimization;
interface MobileGlassNavigationProps {
    children: React.ReactNode;
    swipeThreshold?: number;
    onSwipeLeft?: () => void;
    onSwipeRight?: () => void;
    onSwipeUp?: () => void;
    onSwipeDown?: () => void;
    className?: string;
}
export declare function MobileGlassNavigation({ children, swipeThreshold, onSwipeLeft, onSwipeRight, onSwipeUp, onSwipeDown, className, }: MobileGlassNavigationProps): import("react/jsx-runtime").JSX.Element;
interface AdaptiveGlassDensityProps {
    children: React.ReactNode;
    screenSize?: "small" | "medium" | "large" | "xlarge";
    devicePixelRatio?: number;
    autoAdapt?: boolean;
    className?: string;
}
export declare function AdaptiveGlassDensity({ children, screenSize, devicePixelRatio, autoAdapt, className, }: AdaptiveGlassDensityProps): import("react/jsx-runtime").JSX.Element;
interface TouchRippleEffectsProps {
    children: React.ReactNode;
    color?: string;
    maxRipples?: number;
    rippleDuration?: number;
    className?: string;
}
export declare function TouchRippleEffects({ children, color, maxRipples, rippleDuration, className, }: TouchRippleEffectsProps): import("react/jsx-runtime").JSX.Element;
interface MobileGlassBottomSheetProps {
    isOpen: boolean;
    onClose: () => void;
    children: React.ReactNode;
    height?: string;
    snapPoints?: string[];
    className?: string;
}
export declare function MobileGlassBottomSheet({ isOpen, onClose, children, height, snapPoints, className, }: MobileGlassBottomSheetProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=TouchGlassOptimization.d.ts.map