aura-glass/dist/components/interactive/GlassSignaturePad.d.ts

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

import React from "react";
export interface SignaturePoint {
    x: number;
    y: number;
    pressure?: number;
    timestamp: number;
}
export interface SignatureOptions {
    minWidth?: number;
    maxWidth?: number;
    penColor?: string;
    backgroundColor?: string;
    velocityFilterWeight?: number;
    throttle?: number;
}
export interface GlassSignaturePadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
    /** Signature pad width */
    width?: number;
    /** Signature pad height */
    height?: number;
    /** Signature options */
    options?: SignatureOptions;
    /** Whether the pad is disabled */
    disabled?: boolean;
    /** Whether to show clear button */
    showClearButton?: boolean;
    /** Whether to show save button */
    showSaveButton?: boolean;
    /** Signature data as data URL */
    value?: string;
    /** Change handler */
    onChange?: (signature: string) => void;
    /** Start drawing handler */
    onBegin?: () => void;
    /** End drawing handler */
    onEnd?: () => void;
    /** Clear handler */
    onClear?: () => void;
    /** Save handler */
    onSave?: (signature: string) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Whether to show placeholder */
    showPlaceholder?: boolean;
    /** Format for export */
    exportFormat?: "png" | "jpeg" | "svg";
    /** Export quality (0-1) */
    exportQuality?: number;
    /** Respect user's motion preferences */
    respectMotionPreference?: boolean;
}
export declare const GlassSignaturePad: React.ForwardRefExoticComponent<GlassSignaturePadProps & React.RefAttributes<HTMLDivElement>>;
export default GlassSignaturePad;
//# sourceMappingURL=GlassSignaturePad.d.ts.map