@yamada-ui/motion

import { Transition } from 'motion/react'; import { MotionTransitionProps } from './motion.types.mjs'; import '@yamada-ui/core'; import '@yamada-ui/utils'; import 'react'; declare const MOTION_TRANSITION_EASINGS: { readonly ease: readonly [0.25, 0.1, 0.25, 1]; readonly easeIn: readonly [0.4, 0, 1, 1]; readonly easeInOut: readonly [0.4, 0, 0.2, 1]; readonly easeOut: readonly [0, 0, 0.2, 1]; }; declare const MOTION_TRANSITION_VARIANTS: { readonly fade: { readonly enter: { readonly opacity: 1; }; readonly exit: { readonly opacity: 0; }; }; readonly pushDown: { readonly enter: { readonly y: "-100%"; }; readonly exit: { readonly y: "30%"; }; }; readonly pushLeft: { readonly enter: { readonly x: "100%"; }; readonly exit: { readonly x: "-30%"; }; }; readonly pushRight: { readonly enter: { readonly x: "-100%"; }; readonly exit: { readonly x: "30%"; }; }; readonly pushUp: { readonly enter: { readonly y: "100%"; }; readonly exit: { readonly y: "-30%"; }; }; readonly scale: { readonly enter: { readonly scale: 1; }; readonly exit: { readonly scale: 0.95; }; }; readonly slideDown: { readonly enter: { readonly x: 0; readonly y: 0; }; readonly exit: { readonly x: 0; readonly y: "100%"; }; readonly position: { readonly bottom: 0; readonly left: 0; readonly maxWidth: "100vw"; readonly right: 0; }; }; readonly slideLeft: { readonly enter: { readonly x: 0; readonly y: 0; }; readonly exit: { readonly x: "-100%"; readonly y: 0; }; readonly position: { readonly bottom: 0; readonly left: 0; readonly top: 0; readonly width: "100%"; }; }; readonly slideRight: { readonly enter: { readonly x: 0; readonly y: 0; }; readonly exit: { readonly x: "100%"; readonly y: 0; }; readonly position: { readonly bottom: 0; readonly right: 0; readonly top: 0; readonly width: "100%"; }; }; readonly slideUp: { readonly enter: { readonly x: 0; readonly y: 0; }; readonly exit: { readonly x: 0; readonly y: "-100%"; }; readonly position: { readonly left: 0; readonly maxWidth: "100vw"; readonly right: 0; readonly top: 0; }; }; }; declare const MOTION_TRANSITION_DEFAULTS: { readonly enter: { readonly duration: 0.25; readonly ease: readonly [0, 0, 0.2, 1]; }; readonly exit: { readonly duration: 0.2; readonly ease: readonly [0.4, 0, 1, 1]; }; }; declare function transitionEnter(transition?: Transition): (delay?: MotionTransitionProps["delay"], duration?: MotionTransitionProps["duration"]) => Transition; declare function transitionExit(transition?: Transition): (delay?: MotionTransitionProps["delay"], duration?: MotionTransitionProps["duration"]) => Transition; export { MOTION_TRANSITION_DEFAULTS, MOTION_TRANSITION_EASINGS, MOTION_TRANSITION_VARIANTS, transitionEnter, transitionExit };