/**
 * Onboarding Step Transition Animations
 *
 * IMPORTANT: These values are COPIED VERBATIM from the original step components.
 * DO NOT MODIFY WITHOUT APPROVAL.
 */
/**
 * COPIED VERBATIM FROM: components/onboarding/steps/single-select-step.tsx:75-77
 * Primary fade-in + slide-up animation used by all step headers
 */
export declare const ANIMATION_CLASSES: {
    /** Fade in with slide from bottom - primary transition */
    readonly fadeInUp: "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-4";
    /** Fade in with zoom - used by success step hero */
    readonly fadeInZoom: "motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95";
    /** Fade in with slide from top - used by conditional dropdowns */
    readonly fadeInDown: "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-2";
};
/**
 * Animation duration values found in step components
 * COPIED VERBATIM from various step components
 */
export declare const DURATION: {
    /** Fast animations (conditional dropdowns) - card-grid-step.tsx:197 */
    readonly fast: "200ms";
    /** Quick animations (team invite members) - team-invite-step.tsx:203 */
    readonly quick: "400ms";
    /** Standard animations (most headers and fields) */
    readonly normal: "500ms";
    /** Slow animations (options with more visual weight) - single-select-step.tsx:93 */
    readonly slow: "600ms";
};
/**
 * Stagger patterns found in step components
 * Each preset matches a specific component's animation timing
 */
export declare const STAGGER_PRESETS: {
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/single-select-step.tsx:91-99
     * Used by: single-select, icon-select, product-selection
     */
    readonly selectOptions: {
        readonly duration: "600ms";
        readonly baseDelay: 100;
        readonly increment: 50;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/card-grid-step.tsx:144-152
     * Used by: card-grid, boolean
     */
    readonly cardGrid: {
        readonly duration: "600ms";
        readonly baseDelay: 100;
        readonly increment: 75;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/text-input-step.tsx:191-198
     * Used by: text-input, dropdown-select, multi-select, file-upload, summary
     */
    readonly formFields: {
        readonly duration: "500ms";
        readonly baseDelay: 100;
        readonly increment: 100;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/boolean-step.tsx:107-114
     * Used by: boolean
     */
    readonly booleanFields: {
        readonly duration: "500ms";
        readonly baseDelay: 100;
        readonly increment: 75;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/scale-input-step.tsx:86-92
     * Used by: scale-input
     */
    readonly scaleFields: {
        readonly duration: "500ms";
        readonly baseDelay: 200;
        readonly increment: 150;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/team-invite-step.tsx:201-208
     * Used by: team-invite
     */
    readonly teamMembers: {
        readonly duration: "400ms";
        readonly baseDelay: 0;
        readonly increment: 50;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/success-step.tsx:76-86
     * Used by: success (next steps cards)
     */
    readonly successCards: {
        readonly duration: "500ms";
        readonly baseDelay: 300;
        readonly increment: 100;
    };
    /**
     * COPIED VERBATIM FROM: components/onboarding/steps/infrastructure-step.tsx:201-338
     * Used by: infrastructure (fixed delays, not incremental)
     */
    readonly infrastructure: {
        readonly duration: "500ms";
        readonly delays: readonly [200, 400, 600, 800, 1000];
    };
};
/**
 * Generate stagger animation style object
 * COPIED VERBATIM pattern from all step components
 *
 * @param index - The item index in the list
 * @param baseDelay - Base delay before first item (default: 100)
 * @param increment - Delay increment per item (default: 50)
 * @param duration - Animation duration (default: '600ms')
 */
export declare function getStaggerStyle(index: number, baseDelay?: number, increment?: number, duration?: string): React.CSSProperties;
/**
 * Generate header animation style
 * COPIED VERBATIM FROM: components/onboarding/steps/single-select-step.tsx:76
 */
export declare function getHeaderStyle(duration?: string): React.CSSProperties;
/**
 * Generate fixed-delay animation style (for non-staggered sequences)
 * COPIED VERBATIM FROM: components/onboarding/steps/infrastructure-step.tsx:203
 */
export declare function getFixedDelayStyle(delay: number, duration?: string): React.CSSProperties;
/**
 * COPIED VERBATIM FROM: components/onboarding/steps/success-step.tsx:55-57
 * Hero icon zoom animation style
 */
export declare function getSuccessHeroStyle(): React.CSSProperties;
/**
 * COPIED VERBATIM FROM: components/onboarding/steps/success-step.tsx:69-71
 * "Next steps" label animation style
 */
export declare function getNextStepsLabelStyle(): React.CSSProperties;
/**
 * COPIED VERBATIM FROM: components/onboarding/steps/success-step.tsx:120-130
 * Action buttons animation style (after all next steps)
 */
export declare function getActionsStyle(nextStepsCount: number): React.CSSProperties;
/**
 * COPIED VERBATIM FROM: components/onboarding/steps/scale-input-step.tsx:220-226
 * Summary card animation style
 */
export declare function getSummaryCardStyle(fieldsCount: number): React.CSSProperties;
import type React from "react";
//# sourceMappingURL=transitions.d.ts.map