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

Vela UI React components

import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { Radio as Radio$1, RadioGroup as RadioGroup$1, ValidationResult } from 'react-aria-components';

type RadioGroupRootProps = React.ComponentProps<typeof RadioGroup$1>;
declare function RadioGroupRoot({ className, ...props }: RadioGroupRootProps): react_jsx_runtime.JSX.Element;
type RadioGroupProps = RadioGroupRootProps & {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    wrapperClassName?: string;
};
declare function RadioGroup({ wrapperClassName, children, label, description, errorMessage, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
declare const radioIndicatorVariants: tailwind_variants.TVReturnType<{
    variant: {
        default: string;
        outline: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
    isSelected: {
        true: string;
    };
    isPressed: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
}, undefined, "relative flex aspect-square shrink-0 items-center justify-center rounded-full border bg-transparent shadow-xs transition duration-250 ease-out motion-reduce:transition-none", {
    isFocusVisible: {
        true: string;
    };
    isInvalid: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    isFocusVisible: {
        true: string;
    };
    isInvalid: {
        true: string;
    };
}, undefined, "outline-hidden", {
    isFocusVisible: {
        true: string;
    };
    isInvalid: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    isFocusVisible: {
        true: string;
    };
    isInvalid: {
        true: string;
    };
}, undefined, "outline-hidden", unknown, unknown, undefined>>>;
interface RadioProps extends React.ComponentProps<typeof Radio$1>, VariantProps<typeof radioIndicatorVariants> {
    indicatorClassName?: string;
}
declare function Radio({ className, children, indicatorClassName, size, variant, ...props }: RadioProps): react_jsx_runtime.JSX.Element;

export { Radio, RadioGroup, type RadioGroupProps, RadioGroupRoot, type RadioGroupRootProps, type RadioProps };