/**
 * @file containerReveal.stylex.ts
 * @input Uses StyleX, theme tokens
 * @output The container style that publishes the reveal state, the suspended
 *   and hover-delay container variants, and the four content style blocks
 *   (reveal / conceal, each with a layout-preserved variant) that read it.
 * @position Internal to useContainerReveal.
 *
 * HOW THE SCOPING WORKS: the container declares its own reveal state as
 * inherited custom properties on itself, and content reads them. Because a
 * nested container re-declares the same properties on itself, its subtree sees
 * the inner value and never the ancestor's — nesting isolation falls out of the
 * cascade, with one static style block for any number of containers.
 *
 * SYNC: When the block shape changes, update useContainerReveal.ts.
 */
import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly container: Readonly<{
        readonly '--_hover-delay': stylex.StyleXClassNameFor<"--_hover-delay", "0s">;
        readonly '--_reveal-opacity': stylex.StyleXClassNameFor<"--_reveal-opacity", 0 | 1 | {
            readonly '@media (hover: hover)': 1;
        }>;
        readonly '--_reveal-position': stylex.StyleXClassNameFor<"--_reveal-position", "static" | "absolute" | {
            readonly '@media (hover: hover)': "static";
        }>;
        readonly '--_reveal-delay': stylex.StyleXClassNameFor<"--_reveal-delay", string | {
            readonly '@media (hover: hover)': string;
        }>;
        readonly '--_reveal-delay-reduced': stylex.StyleXClassNameFor<"--_reveal-delay-reduced", "0s, 0s" | {
            readonly '@media (hover: hover)': string;
        }>;
        readonly '--_conceal-opacity': stylex.StyleXClassNameFor<"--_conceal-opacity", 1 | {
            readonly '@media (hover: hover)': 0;
        }>;
        readonly '--_fade-delay': stylex.StyleXClassNameFor<"--_fade-delay", "0s" | {
            readonly '@media (hover: hover)': "var(--_hover-delay, 0s)";
        }>;
    }>;
    readonly stateInactive: Readonly<{
        readonly '--_reveal-opacity': stylex.StyleXClassNameFor<"--_reveal-opacity", 0 | 1 | {
            readonly '@media (hover: hover)': 0;
        }>;
        readonly '--_reveal-position': stylex.StyleXClassNameFor<"--_reveal-position", "static" | "absolute" | {
            readonly '@media (hover: hover)': "absolute";
        }>;
        readonly '--_reveal-delay': stylex.StyleXClassNameFor<"--_reveal-delay", string | {
            readonly '@media (hover: hover)': string;
        }>;
        readonly '--_reveal-delay-reduced': stylex.StyleXClassNameFor<"--_reveal-delay-reduced", "0s, 0s" | {
            readonly '@media (hover: hover)': "0s, 0s";
        }>;
        readonly '--_conceal-opacity': stylex.StyleXClassNameFor<"--_conceal-opacity", 1 | {
            readonly '@media (hover: hover)': 1;
        }>;
        readonly '--_fade-delay': stylex.StyleXClassNameFor<"--_fade-delay", "0s" | {
            readonly '@media (hover: hover)': "0s";
        }>;
    }>;
    readonly stateActive: Readonly<{
        readonly '--_reveal-opacity': stylex.StyleXClassNameFor<"--_reveal-opacity", 1 | {
            readonly '@media (hover: hover)': 1;
        }>;
        readonly '--_reveal-position': stylex.StyleXClassNameFor<"--_reveal-position", "static" | {
            readonly '@media (hover: hover)': "static";
        }>;
        readonly '--_reveal-delay': stylex.StyleXClassNameFor<"--_reveal-delay", "0s, 0s" | {
            readonly '@media (hover: hover)': "0s, 0s";
        }>;
        readonly '--_reveal-delay-reduced': stylex.StyleXClassNameFor<"--_reveal-delay-reduced", "0s, 0s" | {
            readonly '@media (hover: hover)': "0s, 0s";
        }>;
        readonly '--_conceal-opacity': stylex.StyleXClassNameFor<"--_conceal-opacity", 0 | {
            readonly '@media (hover: hover)': 0;
        }>;
        readonly '--_fade-delay': stylex.StyleXClassNameFor<"--_fade-delay", "0s" | {
            readonly '@media (hover: hover)': "0s";
        }>;
    }>;
    readonly hoverDelay: (delay: string) => readonly [Readonly<{
        '--_hover-delay': stylex.StyleXClassNameFor<"--_hover-delay", string>;
    }>, stylex.InlineStyles];
    readonly reveal: Readonly<{
        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "var(--_reveal-delay, 0s, 0s)" | "var(--_reveal-delay-reduced, 0s, 0s)">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", "var(--_reveal-opacity, 1)">;
        readonly position: stylex.StyleXClassNameFor<"position", "var(--_reveal-position, static)">;
    }>;
    readonly revealLayoutPreserved: Readonly<{
        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "var(--_fade-delay, 0s)">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", "var(--_reveal-opacity, 1)">;
    }>;
    readonly conceal: Readonly<{
        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "var(--_fade-delay, 0s)">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", "var(--_conceal-opacity, 1)">;
    }>;
    readonly concealLayoutPreserved: Readonly<{
        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "var(--_fade-delay, 0s)">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", "var(--_conceal-opacity, 1)">;
    }>;
    readonly contentShown: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
        readonly position: stylex.StyleXClassNameFor<"position", "static">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "0s">;
    }>;
    readonly contentHidden: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1>;
        readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute">;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "0s">;
    }>;
    readonly contentHiddenLayoutPreserved: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1>;
        readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", "0s">;
    }>;
}>;
//# sourceMappingURL=containerReveal.stylex.d.ts.map