/** * Animation & Transition Standards * * Rams: "Good design is unobtrusive" * Animations must be perceptible but not distracting (≤500ms) * * @see /STANDARDS.md - Section 2.1 Animation & Transitions */ export declare const animation: { readonly ease: { readonly standard: "cubic-bezier(0.4, 0.0, 0.2, 1)"; }; readonly duration: { readonly micro: "200ms"; readonly standard: "300ms"; readonly complex: "500ms"; }; }; export type EaseKey = keyof typeof animation.ease; export type DurationKey = keyof typeof animation.duration; /** * Get easing function */ export declare function getEase(key?: EaseKey): string; /** * Get duration value */ export declare function getDuration(key: DurationKey): string; /** * CSS custom property names for animation */ export declare const animationVars: { readonly ease: "--ease-standard"; readonly durationMicro: "--duration-micro"; readonly durationStandard: "--duration-standard"; readonly durationComplex: "--duration-complex"; }; /** * Generate CSS custom properties string */ export declare function generateAnimationCSS(): string; /** * Common transition presets */ export declare const transitions: { readonly opacity: "opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly colors: "color 300ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly background: "background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly border: "border-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly transform: "transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly all: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly slide: "transform 500ms cubic-bezier(0.4, 0.0, 0.2, 1)"; }; export type TransitionKey = keyof typeof transitions; /** * Get transition preset */ export declare function getTransition(key: TransitionKey): string;