import * as framer_motion from 'framer-motion'; import { Transition, Target, TargetAndTransition } from 'framer-motion'; type WithMotionState
= Partial = (props: P & {
transition?: TransitionConfig;
transitionEnd?: TransitionEndConfig;
delay?: number | DelayConfig;
}) => TargetAndTransition;
type Variant = TargetAndTransition | TargetResolver ;
type Variants = {
enter: Variant ;
exit: Variant ;
initial?: Variant ;
};
declare const TransitionEasings: {
readonly ease: readonly [0.25, 0.1, 0.25, 1];
readonly easeIn: readonly [0.4, 0, 1, 1];
readonly easeOut: readonly [0, 0, 0.2, 1];
readonly easeInOut: readonly [0.4, 0, 0.2, 1];
};
declare const TransitionVariants: {
scale: {
enter: {
scale: number;
};
exit: {
scale: number;
};
};
fade: {
enter: {
opacity: number;
};
exit: {
opacity: number;
};
};
pushLeft: {
enter: {
x: string;
};
exit: {
x: string;
};
};
pushRight: {
enter: {
x: string;
};
exit: {
x: string;
};
};
pushUp: {
enter: {
y: string;
};
exit: {
y: string;
};
};
pushDown: {
enter: {
y: string;
};
exit: {
y: string;
};
};
slideLeft: {
position: {
left: number;
top: number;
bottom: number;
width: string;
};
enter: {
x: number;
};
exit: {
x: string;
};
};
slideRight: {
position: {
right: number;
top: number;
bottom: number;
width: string;
};
enter: {
x: number;
};
exit: {
x: string;
};
};
slideUp: {
position: {
top: number;
left: number;
right: number;
maxWidth: string;
};
enter: {
y: number;
};
exit: {
y: string;
};
};
slideDown: {
position: {
bottom: number;
left: number;
right: number;
maxWidth: string;
};
enter: {
y: number;
};
exit: {
y: string;
};
};
};
type SlideDirection = 'top' | 'left' | 'bottom' | 'right';
declare function slideTransition(options?: {
direction?: SlideDirection;
}): {
position: {
left: number;
top: number;
bottom: number;
width: string;
};
enter: {
x: number;
};
exit: {
x: string;
};
} | {
position: {
right: number;
top: number;
bottom: number;
width: string;
};
enter: {
x: number;
};
exit: {
x: string;
};
} | {
position: {
top: number;
left: number;
right: number;
maxWidth: string;
};
enter: {
y: number;
};
exit: {
y: string;
};
} | {
position: {
bottom: number;
left: number;
right: number;
maxWidth: string;
};
enter: {
y: number;
};
exit: {
y: string;
};
};
declare const TransitionDefaults: {
readonly enter: {
readonly duration: 0.2;
readonly ease: readonly [0, 0, 0.2, 1];
};
readonly exit: {
readonly duration: 0.1;
readonly ease: readonly [0.4, 0, 1, 1];
};
};
type WithTransitionConfig = Omit & {
unmountOnExit?: boolean;
in?: boolean;
transition?: TransitionConfig;
transitionEnd?: TransitionEndConfig;
delay?: number | DelayConfig;
};
declare const withDelay: {
enter: (transition: Transition, delay?: number | DelayConfig) => {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type?: "tween" | undefined;
duration?: number | undefined;
ease?: framer_motion.Easing | framer_motion.Easing[] | undefined;
times?: number[] | undefined;
easings?: framer_motion.Easing[] | undefined;
from?: string | number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "spring";
stiffness?: number | undefined;
damping?: number | undefined;
mass?: number | undefined;
duration?: number | undefined;
bounce?: number | undefined;
restSpeed?: number | undefined;
restDelta?: number | undefined;
from?: string | number | undefined;
velocity?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "keyframes";
times?: number[] | undefined;
ease?: framer_motion.Easing | framer_motion.Easing[] | undefined;
duration?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "inertia";
modifyTarget?(v: number): number;
bounceStiffness?: number | undefined;
bounceDamping?: number | undefined;
power?: number | undefined;
timeConstant?: number | undefined;
restDelta?: number | undefined;
min?: number | undefined;
max?: number | undefined;
from?: string | number | undefined;
velocity?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "just";
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: false;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
};
exit: (transition: Transition, delay?: number | DelayConfig) => {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type?: "tween" | undefined;
duration?: number | undefined;
ease?: framer_motion.Easing | framer_motion.Easing[] | undefined;
times?: number[] | undefined;
easings?: framer_motion.Easing[] | undefined;
from?: string | number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "spring";
stiffness?: number | undefined;
damping?: number | undefined;
mass?: number | undefined;
duration?: number | undefined;
bounce?: number | undefined;
restSpeed?: number | undefined;
restDelta?: number | undefined;
from?: string | number | undefined;
velocity?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "keyframes";
times?: number[] | undefined;
ease?: framer_motion.Easing | framer_motion.Easing[] | undefined;
duration?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "inertia";
modifyTarget?(v: number): number;
bounceStiffness?: number | undefined;
bounceDamping?: number | undefined;
power?: number | undefined;
timeConstant?: number | undefined;
restDelta?: number | undefined;
min?: number | undefined;
max?: number | undefined;
from?: string | number | undefined;
velocity?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: "just";
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
type: false;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
} | {
delay: number | undefined;
when?: string | false | undefined;
delayChildren?: number | undefined;
staggerChildren?: number | undefined;
staggerDirection?: number | undefined;
repeat?: number | undefined;
repeatType?: "loop" | "reverse" | "mirror" | undefined;
repeatDelay?: number | undefined;
};
};
export { DelayConfig, SlideDirection, TransitionConfig, TransitionDefaults, TransitionEasings, TransitionEndConfig, TransitionVariants, Variants, WithMotionState, WithTransitionConfig, slideTransition, withDelay };