/** * Shared motion baseline for foundation components shown in showcase. * Keep values centralized to make interaction rhythm consistent. */ export declare const MOTION_DURATION: { readonly fast: 0.15; readonly base: 0.2; readonly slow: 0.3; }; export declare const MOTION_EASE: { readonly standard: readonly [0.16, 1, 0.3, 1]; readonly emphasized: readonly [0.2, 0.8, 0.2, 1]; readonly out: readonly [0, 0, 0.2, 1]; }; export declare const MOTION_SPRING: { readonly snappy: { readonly type: "spring"; readonly stiffness: 520; readonly damping: 34; readonly mass: 0.7; }; }; /** Overlay fade (dialog masks, backdrops) */ export declare const MOTION_FADE: { readonly initial: { readonly opacity: 0; }; readonly animate: { readonly opacity: 1; }; readonly exit: { readonly opacity: 0; }; readonly transition: { readonly duration: 0.15; }; }; /** Content slide-up (dialogs, alert-dialogs) */ export declare const MOTION_SLIDE_UP: { readonly initial: { readonly opacity: 0; readonly y: 8; }; readonly animate: { readonly opacity: 1; readonly y: 0; }; readonly exit: { readonly opacity: 0; readonly y: 8; }; readonly transition: { readonly duration: 0.2; readonly ease: readonly [0.16, 1, 0.3, 1]; }; }; /** Scale-in (tooltips, popovers, dropdowns, context menus, hover cards) */ export declare const MOTION_SCALE_IN: { readonly initial: { readonly opacity: 0; readonly scale: 0.96; }; readonly animate: { readonly opacity: 1; readonly scale: 1; }; readonly exit: { readonly opacity: 0; readonly scale: 0.96; }; readonly transition: { readonly duration: 0.15; readonly ease: readonly [0.16, 1, 0.3, 1]; }; }; /** Expand (collapsible sections, accordion-like reveals) */ export declare const MOTION_EXPAND: { readonly initial: { readonly opacity: 0; readonly height: 0; }; readonly animate: { readonly opacity: 1; readonly height: "auto"; }; readonly exit: { readonly opacity: 0; readonly height: 0; }; readonly transition: { readonly duration: 0.2; readonly ease: readonly [0.2, 0.8, 0.2, 1]; }; }; /** Check if user prefers reduced motion (SSR-safe) */ export declare function getReducedMotion(): boolean; /** * Read the --motion-multiplier CSS variable from the DOM (SSR-safe). * Presets override this value to make motion faster or slower. */ export declare function getMotionMultiplier(): number;