import { Size } from "@trackunit/react-components";
import { CSSProperties } from "react";
export declare const cvaModalContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
type GetModalCardCSSVariablesOptions = Readonly<{
    /**
     * When true, width math uses container query units (`cqw`) so the card tracks
     * the nearest `container-type` ancestor (e.g. Storybook `ResizableBox`) instead
     * of the viewport. Pass when using `useModal({ container })`.
     */
    useContainerWidthUnits: boolean;
}>;
/**
 * Returns the CSS properties for the modal card based on the size.
 */
export declare const getModalCardCSSVariables: (size: Size, options?: GetModalCardCSSVariablesOptions) => CSSProperties;
/**
 * Layout contract that modal children depend on. Applied to the children's
 * immediate container in both card mode (the Card) and sheet mode (the
 * aria-modal wrapper). Ensures ModalHeader/ModalBody/ModalFooter experience
 * an identical flex/container-query environment regardless of rendering mode.
 *
 * Does NOT include overflow-y — scrolling is owned by the parent:
 * in card mode by the Card element (`cvaModalCard`), in sheet mode by the
 * Sheet's scroll area. A nested overflow here would absorb content height,
 * preventing Sheet's fit-height measurement from seeing the true size.
 */
export declare const cvaModalContentEnvironment: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
export declare const cvaModalCard: (props?: ({
    animation?: "fade" | "rise" | "none" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const cvaModalBackdrop: (props?: ({
    contained?: boolean | null | undefined;
    isFrontmost?: boolean | null | undefined;
    shouldAnimate?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export {};