aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
55 lines • 1.62 kB
TypeScript
import React from "react";
export interface FormField {
id: string;
type: "text" | "email" | "password" | "number" | "select" | "textarea" | "checkbox" | "radio" | "date" | "file" | "tel" | "url";
label: string;
placeholder?: string;
required?: boolean;
validation?: {
pattern?: string;
minLength?: number;
maxLength?: number;
min?: number;
max?: number;
custom?: (value: any) => string | null;
};
options?: Array<{
value: string;
label: string;
}>;
aiSuggestions?: {
fieldType: string[];
validationRules: string[];
accessibilityTips: string[];
uxOptimizations: string[];
};
conditional?: {
dependsOn: string;
condition: (value: any) => boolean;
};
}
export interface FormSchema {
id: string;
title: string;
description: string;
fields: FormField[];
aiAnalysis?: {
purpose: string;
conversionOptimizations: string[];
performanceScore: number;
accessibilityScore: number;
recommendations: string[];
};
}
export interface IntelligentFormBuilderProps {
onSchemaChange?: (schema: FormSchema) => void;
initialSchema?: Partial<FormSchema>;
enableAIAssistance?: boolean;
enableRealTimeOptimization?: boolean;
className?: string;
"data-testid"?: string;
"aria-label"?: string;
}
export declare const GlassIntelligentFormBuilder: React.FC<IntelligentFormBuilderProps>;
export default GlassIntelligentFormBuilder;
//# sourceMappingURL=GlassIntelligentFormBuilder.d.ts.map