claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
47 lines • 1.51 kB
TypeScript
import { FieldValidator, type ValidationRule, type ValidationContext } from '../../utils/validation.js';
interface Props {
id?: string;
name: string;
label?: string;
description?: string;
required?: boolean;
disabled?: boolean;
readonly?: boolean;
hint?: string;
size?: 'sm' | 'md' | 'lg';
inline?: boolean;
hideLabel?: boolean;
debounceMs?: number;
validateOnBlur?: boolean;
validateOnInput?: boolean;
validator?: FieldValidator<any>;
validationRules?: ValidationRule<any>[];
formContext?: ValidationContext;
children?: import('svelte').Snippet<[
{
id: string;
disabled: boolean;
readonly: boolean;
required: boolean;
'aria-invalid': boolean;
'aria-describedby': string;
onfocus: (e: Event) => void;
onblur: (e: Event) => void;
oninput: (e: Event) => void;
onchange: (e: Event) => void;
oninvalid: (e: Event) => void;
value?: any;
}
]>;
}
declare const EnhancedFormField: import("svelte").Component<Props, {
focus: () => void;
blur: () => void;
validate: () => Promise<boolean>;
clearError: () => void;
reset: (value?: any) => void;
getValidator: () => FieldValidator<any> | undefined;
}, "validator">;
type EnhancedFormField = ReturnType<typeof EnhancedFormField>;
export default EnhancedFormField;
//# sourceMappingURL=EnhancedFormField.svelte.d.ts.map