/**
 * @param {HTMLElement} element
 * @param {number} [duration]
 * @param {number} [delay]
 */
export function setCSSVariables(element: HTMLElement, duration?: number, delay?: number): void;
/**
 * @param {HTMLElement} element
 * @param {import('./types.js').AnimationType} animation
 */
export function setupAnimationElement(element: HTMLElement, animation: import("./types.js").AnimationType): void;
/**
 * @param {HTMLElement} element
 * @param {boolean} [debug=false]
 * @param {number} [offset=0]
 * @param {string} [sentinelColor='#00e0ff']
 * @param {string} [debugLabel]
 * @param {string} [sentinelId]
 * @returns {{ element: HTMLElement, id: string }}
 */
export function createSentinel(element: HTMLElement, debug?: boolean, offset?: number, sentinelColor?: string, debugLabel?: string, sentinelId?: string): {
    element: HTMLElement;
    id: string;
};
/**
 * Check if CSS animations are loaded and warn if not (dev only)
 * Uses cache to avoid expensive getComputedStyle() on every element creation
 * @returns {boolean} True if CSS appears to be loaded
 */
export function checkAndWarnIfCSSNotLoaded(): boolean;