import { VariantProps } from 'class-variance-authority';
import { HTMLMotionProps } from 'framer-motion';
import { default as React } from 'react';
declare const flexVariants: (props?: ({
    direction?: "row" | "column" | "row-reverse" | "col-reverse" | null | undefined;
    wrap?: "nowrap" | "wrap" | "wrap-reverse" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
export interface FlexItemProps extends HTMLMotionProps<"div"> {
    grow?: boolean | number;
    shrink?: boolean | number;
    basis?: string;
}
export declare const FlexItem: React.ForwardRefExoticComponent<Omit<FlexItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export interface FlexProps extends HTMLMotionProps<"div">, VariantProps<typeof flexVariants> {
    asChild?: boolean;
    /**
     * If true, children are not auto-wrapped in AnimatePresence.
     * Use this if you want manual control or static lists.
     */
    disableAnimatePresence?: boolean;
}
export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export {};
