import * as React from "react"; export type { RevealProp, RevealProp as RevealProps } from "../../props/components/general.prop.js"; /** * Reveal — the official entrance-motion primitive (staggered fade-up). `delay` is a stagger * ordinal (`0..6`) — an index into the `--reveal-stagger-step` ladder, never a raw ms — so a * column of rows cascades in. * * `on="view"` moves the TRIGGER to the viewport (gh#829). It is one prop rather than a second * component because everything else is identical: the same keyframes, the same tokens, the same * reduced-motion contract. * * ## The observer gates the ANIMATION, never the VISIBILITY * * `.ui-reveal`'s resting state in `styles/motion.css` is the finished, fully visible one. The * hidden state is written here, as `data-reveal-state="out"`, and ONLY once this component is * mounted in a browser that has an `IntersectionObserver` and has measured the element as still * outside the viewport. Everything else — the server render, jsdom, a browser without the API, * and `prefers-reduced-motion: reduce`, under which no observer is attached at all — renders the * content exactly as it will finally look. */ export declare const Reveal: React.ForwardRefExoticComponent & { children?: import("../../props/index.js").ChildrenProp; delay?: import("../../props/index.js").RevealDelayProp; on?: import("../../props/index.js").RevealTriggerProp; once?: boolean; amount?: import("../../props/index.js").InViewAmountProp; asChild?: import("../../props/index.js").AsChildProp; className?: import("../../props/index.js").ClassNameProp; } & React.RefAttributes>;