import { default as React } from 'react';
import { Flex } from '../flex';

export type GroupProps = Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'direction' | 'value' | 'onValueChange' | 'defaultValue'> & {
    name?: string;
    required?: boolean;
    disabled?: boolean;
    defaultValue?: string[];
    value?: string[];
    direction?: 'row' | 'column';
    onValueChange?: (value: string[]) => void;
};
export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    asChild: true;
    as?: never;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    as?: "span";
    asChild?: false;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    as: "div";
    asChild?: false;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "direction" | "onValueChange"> & {
    name?: string;
    required?: boolean;
    disabled?: boolean;
    defaultValue?: string[];
    value?: string[];
    direction?: "row" | "column";
    onValueChange?: (value: string[]) => void;
} & React.RefAttributes<HTMLDivElement>>;
type CheckboxNode = {
    value: string;
    parentValue?: string;
    id: string;
};
type CheckboxGroupContextValue = {
    name?: string;
    required: boolean;
    disabled: boolean;
    value: string[];
    direction: 'row' | 'column';
    toggleItem: (itemValue: string) => void;
    toggleParent: (parentValue: string) => void;
    isSelected: (value: string) => boolean;
    isIndeterminate: (value: string) => boolean;
    registerChild: (item: CheckboxNode) => void;
    labelId: string | undefined;
    setLabelId: (id: string) => void;
    getChildren: (parentValue: string) => CheckboxNode[];
};
export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | undefined>;
export {};