import { FlexOrientation, FlexAlignment } from '../../layout/src/Flex.js';
import { Ref } from 'react';
import { GapProp } from '../../styling/src/styled-system/props-handler.js';
import { ValidationState } from './types.js';
import 'react/jsx-runtime';
import '../../shared/src/types.js';
import '../../styling/src/useResponsiveValue.js';
import '../../styling/src/BreakpointProvider.js';
import 'csstype';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';
import '../../group/src/Group.js';

interface UseGroupInputProps {
    cssModule?: string;
    disabled?: boolean;
    gap?: GapProp;
    groupRef: Ref<any>;
    isInField?: boolean;
    orientation?: FlexOrientation;
    required?: boolean;
    reverse?: boolean;
    role?: "group" | "radiogroup";
    size?: "sm" | "md";
    validationState?: ValidationState;
    wrap?: boolean;
}
interface UseGroupInputReturn {
    groupProps: {
        align?: FlexAlignment;
        "aria-disabled"?: boolean;
        "aria-invalid"?: boolean;
        "aria-orientation"?: FlexOrientation;
        "aria-required"?: boolean;
        className?: string;
        gap?: GapProp;
        inline?: boolean;
        orientation?: FlexOrientation;
        ref?: Ref<any>;
        role?: "group" | "radiogroup";
        wrap?: boolean;
    };
    itemProps: {
        disabled?: boolean;
        reverse?: boolean;
        size?: "sm" | "md";
        validationState?: ValidationState;
    };
}
declare function useGroupInput({ cssModule: module, disabled, gap, groupRef, isInField, orientation, required, reverse, role, size, validationState, wrap }: UseGroupInputProps): UseGroupInputReturn;

export { type UseGroupInputProps, type UseGroupInputReturn, useGroupInput };