@vela-ui/react/dist/components/field.d.ts

Vela UI React components

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import * as tailwind_merge from 'tailwind-merge';
import { ValidationResult, TextFieldProps, Text, FieldError as FieldError$1, Label as Label$1 } from 'react-aria-components';
export { TextProps } from 'react-aria-components';

interface FieldProps {
    placeholder?: string;
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    "aria-label"?: TextFieldProps["aria-label"];
    "aria-labelledby"?: TextFieldProps["aria-labelledby"];
}
declare const fieldVariants: tailwind_variants.TVReturnType<{
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            description?: tailwind_merge.ClassNameValue;
            label?: tailwind_merge.ClassNameValue;
            fieldError?: tailwind_merge.ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: tailwind_merge.ClassNameValue | {
            description?: tailwind_merge.ClassNameValue;
            label?: tailwind_merge.ClassNameValue;
            fieldError?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    label: string;
    description: string;
    fieldError: string;
}, undefined, {
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            description?: tailwind_merge.ClassNameValue;
            label?: tailwind_merge.ClassNameValue;
            fieldError?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    label: string;
    description: string;
    fieldError: string;
}, tailwind_variants.TVReturnType<unknown, {
    label: string;
    description: string;
    fieldError: string;
}, undefined, unknown, unknown, undefined>>;
type LabelProps = React.ComponentProps<typeof Label$1>;
declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
type DescriptionProps = Omit<React.ComponentProps<typeof Text>, "slot">;
declare function Description({ className, ...props }: DescriptionProps): react_jsx_runtime.JSX.Element;
type FieldErrorProps = React.ComponentProps<typeof FieldError$1>;
declare function FieldError({ className, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element;

export { Description, type DescriptionProps, FieldError, type FieldErrorProps, type FieldProps, Label, type LabelProps, fieldVariants };