/**
 * CSS Utilities for Effect Presets
 *
 * Helpers for generating CSS that works with both real :hover
 * and simulated [data-force-hover="true"] for preview animations.
 */
/**
 * State selector mapping
 *
 * Maps state groups to their CSS selectors, including both real
 * pseudo-selectors and data attribute selectors for previews.
 */
export declare const STATE_SELECTORS: {
    readonly hover: ":hover, [data-force-hover=\"true\"]";
    readonly active: ":active";
    readonly focus: ":focus-visible";
    readonly base: "";
};
/**
 * Generate CSS selector for a state with dual support for hover
 *
 * @param themeId - Theme scope ID
 * @param variantId - Variant class name
 * @param state - State group (hover, active, focus, base)
 * @returns CSS selector string
 */
export declare function getStateSelector(themeId: string, variantId: string, state: keyof typeof STATE_SELECTORS): string;
/**
 * Generate CSS rule block for a state
 *
 * @param themeId - Theme scope ID
 * @param variantId - Variant class name
 * @param state - State group
 * @param cssProperties - CSS properties string (e.g., "transform: scale(1.05);")
 * @returns Complete CSS rule block
 */
export declare function generateStateCSS(themeId: string, variantId: string, state: keyof typeof STATE_SELECTORS, cssProperties: string): string;
