import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';

/**
 * Radio wrapper **Tailwind Variants** component
 *
 * const {base, control, point, label, description} = radio({...})
 *
 * @example
 * <label
 *    className={base())}
 *    data-selected={boolean}
 *    data-pressed={boolean}
 *    data-hovered={boolean}
 *    data-focused={boolean}
 *    data-focus-visible={boolean}
 *    data-disabled={boolean}
 * >
 *  // input
 *  <span className={control()} aria-hidden="true" data-selected={selected}>
 *     <span className={point()}/>
 *  </span>
 *  <div className={labelWrapper()}>
 *    <span className={label()}>Label</span>
 *    <span className={description()}>Description</span>
 *  </div>
 * </label>
 */
declare const radio: tailwind_variants.TVReturnType<{
    color: {
        default: {
            point: string;
            control: string;
        };
        primary: {
            point: string;
            control: string;
        };
        secondary: {
            point: string;
            control: string;
        };
        success: {
            point: string;
            control: string;
        };
        warning: {
            point: string;
            control: string;
        };
        danger: {
            point: string;
            control: string;
        };
    };
    size: {
        sm: {
            control: string;
            point: string;
            label: string;
        };
        md: {
            control: string;
            point: string;
            label: string;
        };
        lg: {
            control: string;
            point: string;
            label: string;
        };
    };
}, {
    base: string[];
    control: string[];
    point: string[];
    label: string[];
}, undefined, {
    color: {
        default: {
            point: string;
            control: string;
        };
        primary: {
            point: string;
            control: string;
        };
        secondary: {
            point: string;
            control: string;
        };
        success: {
            point: string;
            control: string;
        };
        warning: {
            point: string;
            control: string;
        };
        danger: {
            point: string;
            control: string;
        };
    };
    size: {
        sm: {
            control: string;
            point: string;
            label: string;
        };
        md: {
            control: string;
            point: string;
            label: string;
        };
        lg: {
            control: string;
            point: string;
            label: string;
        };
    };
}, {
    base: string[];
    control: string[];
    point: string[];
    label: string[];
}, tailwind_variants.TVReturnType<{
    color: {
        default: {
            point: string;
            control: string;
        };
        primary: {
            point: string;
            control: string;
        };
        secondary: {
            point: string;
            control: string;
        };
        success: {
            point: string;
            control: string;
        };
        warning: {
            point: string;
            control: string;
        };
        danger: {
            point: string;
            control: string;
        };
    };
    size: {
        sm: {
            control: string;
            point: string;
            label: string;
        };
        md: {
            control: string;
            point: string;
            label: string;
        };
        lg: {
            control: string;
            point: string;
            label: string;
        };
    };
}, {
    base: string[];
    control: string[];
    point: string[];
    label: string[];
}, undefined, unknown, unknown, undefined>>;
/**
 * RadioGroup wrapper **Tailwind Variants** component
 *
 * const {base, label, wrapper} = radioGroup({...})
 *
 * @example
 * <div className={base())}>
 *  <label className={label()}>Label</label>
 *  <div className={wrapper()} data-orientation="vertical/horizontal">
 *     // radios
 *  </div>
 * </div>
 */
declare const radioGroup: tailwind_variants.TVReturnType<{
    [key: string]: {
        [key: string]: tailwind_variants.ClassValue | {
            description?: tailwind_variants.ClassValue;
            base?: tailwind_variants.ClassValue;
            label?: tailwind_variants.ClassValue;
            wrapper?: tailwind_variants.ClassValue;
            errorMessage?: tailwind_variants.ClassValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: tailwind_variants.ClassValue | {
            description?: tailwind_variants.ClassValue;
            base?: tailwind_variants.ClassValue;
            label?: tailwind_variants.ClassValue;
            wrapper?: tailwind_variants.ClassValue;
            errorMessage?: tailwind_variants.ClassValue;
        };
    };
} | {}, {
    base: string[];
    label: string[];
    wrapper: string[];
    description: string[];
    errorMessage: string[];
}, undefined, {
    [key: string]: {
        [key: string]: tailwind_variants.ClassValue | {
            description?: tailwind_variants.ClassValue;
            base?: tailwind_variants.ClassValue;
            label?: tailwind_variants.ClassValue;
            wrapper?: tailwind_variants.ClassValue;
            errorMessage?: tailwind_variants.ClassValue;
        };
    };
} | {}, {
    base: string[];
    label: string[];
    wrapper: string[];
    description: string[];
    errorMessage: string[];
}, tailwind_variants.TVReturnType<unknown, {
    base: string[];
    label: string[];
    wrapper: string[];
    description: string[];
    errorMessage: string[];
}, undefined, unknown, unknown, undefined>>;
type RadioVariantProps = VariantProps<typeof radio>;
type RadioSlots = keyof ReturnType<typeof radio>;
type RadioGroupSlots = keyof ReturnType<typeof radioGroup>;

export { type RadioGroupSlots, type RadioSlots, type RadioVariantProps, radio, radioGroup };