motion/dist/es/motion/lib/react.mjs

An animation library for JavaScript and React.

"use client";
export { AnimatePresence } from '../../framer-motion/dist/es/components/AnimatePresence/index.mjs';
export { LayoutGroup } from '../../framer-motion/dist/es/components/LayoutGroup/index.mjs';
export { LazyMotion } from '../../framer-motion/dist/es/components/LazyMotion/index.mjs';
export { MotionConfig } from '../../framer-motion/dist/es/components/MotionConfig/index.mjs';
export { m } from '../../framer-motion/dist/es/render/components/m/proxy.mjs';
export { motion } from '../../framer-motion/dist/es/render/components/motion/proxy.mjs';
export { addPointerEvent } from '../../framer-motion/dist/es/events/add-pointer-event.mjs';
export { addPointerInfo } from '../../framer-motion/dist/es/events/event-info.mjs';
export { animations } from '../../framer-motion/dist/es/motion/features/animations.mjs';
export { makeUseVisualState } from '../../framer-motion/dist/es/motion/utils/use-visual-state.mjs';
export { calcLength } from '../../framer-motion/dist/es/projection/geometry/delta-calc.mjs';
export { createBox } from '../../framer-motion/dist/es/projection/geometry/models.mjs';
export { filterProps } from '../../framer-motion/dist/es/render/dom/utils/filter-props.mjs';
export { isBrowser } from '../../framer-motion/dist/es/utils/is-browser.mjs';
export { useForceUpdate } from '../../framer-motion/dist/es/utils/use-force-update.mjs';
export { useIsomorphicLayoutEffect } from '../../framer-motion/dist/es/utils/use-isomorphic-effect.mjs';
export { useUnmountEffect } from '../../framer-motion/dist/es/utils/use-unmount-effect.mjs';
export { domAnimation } from '../../framer-motion/dist/es/render/dom/features-animation.mjs';
export { domMax } from '../../framer-motion/dist/es/render/dom/features-max.mjs';
export { domMin } from '../../framer-motion/dist/es/render/dom/features-min.mjs';
export { useMotionValueEvent } from '../../framer-motion/dist/es/utils/use-motion-value-event.mjs';
export { useElementScroll } from '../../framer-motion/dist/es/value/scroll/use-element-scroll.mjs';
export { useViewportScroll } from '../../framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs';
export { useMotionTemplate } from '../../framer-motion/dist/es/value/use-motion-template.mjs';
export { useMotionValue } from '../../framer-motion/dist/es/value/use-motion-value.mjs';
export { useScroll } from '../../framer-motion/dist/es/value/use-scroll.mjs';
export { useSpring } from '../../framer-motion/dist/es/value/use-spring.mjs';
export { useTime } from '../../framer-motion/dist/es/value/use-time.mjs';
export { useTransform } from '../../framer-motion/dist/es/value/use-transform.mjs';
export { useVelocity } from '../../framer-motion/dist/es/value/use-velocity.mjs';
export { useWillChange } from '../../framer-motion/dist/es/value/use-will-change/index.mjs';
export { WillChangeMotionValue } from '../../framer-motion/dist/es/value/use-will-change/WillChangeMotionValue.mjs';
export { resolveMotionValue } from '../../framer-motion/dist/es/value/utils/resolve-motion-value.mjs';
export { useReducedMotion } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs';
export { useReducedMotionConfig } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs';
export { MotionGlobalConfig } from '../../motion-utils/dist/es/global-config.mjs';
export { animationControls } from '../../framer-motion/dist/es/animation/hooks/animation-controls.mjs';
export { useAnimate } from '../../framer-motion/dist/es/animation/hooks/use-animate.mjs';
export { useAnimateMini } from '../../framer-motion/dist/es/animation/hooks/use-animate-style.mjs';
export { useAnimation, useAnimationControls } from '../../framer-motion/dist/es/animation/hooks/use-animation.mjs';
export { animateVisualElement } from '../../framer-motion/dist/es/animation/interfaces/visual-element.mjs';
export { useIsPresent, usePresence } from '../../framer-motion/dist/es/components/AnimatePresence/use-presence.mjs';
export { usePresenceData } from '../../framer-motion/dist/es/components/AnimatePresence/use-presence-data.mjs';
export { useDomEvent } from '../../framer-motion/dist/es/events/use-dom-event.mjs';
export { DragControls, useDragControls } from '../../framer-motion/dist/es/gestures/drag/use-drag-controls.mjs';
export { createRendererMotionComponent } from '../../framer-motion/dist/es/motion/index.mjs';
export { isMotionComponent } from '../../framer-motion/dist/es/motion/utils/is-motion-component.mjs';
export { unwrapMotionComponent } from '../../framer-motion/dist/es/motion/utils/unwrap-motion-component.mjs';
export { isValidMotionProp } from '../../framer-motion/dist/es/motion/utils/valid-prop.mjs';
export { addScaleCorrector } from '../../framer-motion/dist/es/projection/styles/scale-correction.mjs';
export { useInstantLayoutTransition } from '../../framer-motion/dist/es/projection/use-instant-layout-transition.mjs';
export { useResetProjection } from '../../framer-motion/dist/es/projection/use-reset-projection.mjs';
export { buildTransform } from '../../framer-motion/dist/es/render/html/utils/build-transform.mjs';
export { visualElementStore } from '../../framer-motion/dist/es/render/store.mjs';
export { VisualElement } from '../../framer-motion/dist/es/render/VisualElement.mjs';
export { useAnimationFrame } from '../../framer-motion/dist/es/utils/use-animation-frame.mjs';
export { useCycle } from '../../framer-motion/dist/es/utils/use-cycle.mjs';
export { useInView } from '../../framer-motion/dist/es/utils/use-in-view.mjs';
export { disableInstantTransitions, useInstantTransition } from '../../framer-motion/dist/es/utils/use-instant-transition.mjs';
export { optimizedAppearDataAttribute } from '../../framer-motion/dist/es/animation/optimized-appear/data-id.mjs';
export { startOptimizedAppearAnimation } from '../../framer-motion/dist/es/animation/optimized-appear/start.mjs';
export { LayoutGroupContext } from '../../framer-motion/dist/es/context/LayoutGroupContext.mjs';
export { MotionConfigContext } from '../../framer-motion/dist/es/context/MotionConfigContext.mjs';
export { MotionContext } from '../../framer-motion/dist/es/context/MotionContext/index.mjs';
export { PresenceContext } from '../../framer-motion/dist/es/context/PresenceContext.mjs';
export { SwitchLayoutGroupContext } from '../../framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs';
export { FlatTree } from '../../framer-motion/dist/es/render/utils/flat-tree.mjs';
export { useAnimatedState as useDeprecatedAnimatedState } from '../../framer-motion/dist/es/animation/hooks/use-animated-state.mjs';
export { AnimateSharedLayout } from '../../framer-motion/dist/es/components/AnimateSharedLayout.mjs';
export { DeprecatedLayoutGroupContext } from '../../framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs';
export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
export { addUniqueItem, moveItem, removeItem } from '../../motion-utils/dist/es/array.mjs';
export { clamp } from '../../motion-utils/dist/es/clamp.mjs';
export { invariant, warning } from '../../motion-utils/dist/es/errors.mjs';
export { isNumericalString } from '../../motion-utils/dist/es/is-numerical-string.mjs';
export { isObject } from '../../motion-utils/dist/es/is-object.mjs';
export { isZeroValueString } from '../../motion-utils/dist/es/is-zero-value-string.mjs';
export { memo } from '../../motion-utils/dist/es/memo.mjs';
export { noop } from '../../motion-utils/dist/es/noop.mjs';
export { pipe } from '../../motion-utils/dist/es/pipe.mjs';
export { progress } from '../../motion-utils/dist/es/progress.mjs';
export { SubscriptionManager } from '../../motion-utils/dist/es/subscription-manager.mjs';
export { millisecondsToSeconds, secondsToMilliseconds } from '../../motion-utils/dist/es/time-conversion.mjs';
export { velocityPerSecond } from '../../motion-utils/dist/es/velocity-per-second.mjs';
export { hasWarned, warnOnce } from '../../motion-utils/dist/es/warn-once.mjs';
export { wrap } from '../../motion-utils/dist/es/wrap.mjs';
export { anticipate } from '../../motion-utils/dist/es/easing/anticipate.mjs';
export { backIn, backInOut, backOut } from '../../motion-utils/dist/es/easing/back.mjs';
export { circIn, circInOut, circOut } from '../../motion-utils/dist/es/easing/circ.mjs';
export { cubicBezier } from '../../motion-utils/dist/es/easing/cubic-bezier.mjs';
export { easeIn, easeInOut, easeOut } from '../../motion-utils/dist/es/easing/ease.mjs';
export { mirrorEasing } from '../../motion-utils/dist/es/easing/modifiers/mirror.mjs';
export { reverseEasing } from '../../motion-utils/dist/es/easing/modifiers/reverse.mjs';
export { steps } from '../../motion-utils/dist/es/easing/steps.mjs';
export { getEasingForSegment } from '../../motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs';
export { isBezierDefinition } from '../../motion-utils/dist/es/easing/utils/is-bezier-definition.mjs';
export { isEasingArray } from '../../motion-utils/dist/es/easing/utils/is-easing-array.mjs';
export { easingDefinitionToFunction } from '../../motion-utils/dist/es/easing/utils/map.mjs';
export { AsyncMotionValueAnimation } from '../../motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs';
export { GroupAnimation } from '../../motion-dom/dist/es/animation/GroupAnimation.mjs';
export { GroupAnimationWithThen } from '../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
export { JSAnimation, animateValue } from '../../motion-dom/dist/es/animation/JSAnimation.mjs';
export { NativeAnimation } from '../../motion-dom/dist/es/animation/NativeAnimation.mjs';
export { NativeAnimationExtended } from '../../motion-dom/dist/es/animation/NativeAnimationExtended.mjs';
export { NativeAnimationWrapper } from '../../motion-dom/dist/es/animation/NativeAnimationWrapper.mjs';
export { animationMapKey, getAnimationMap } from '../../motion-dom/dist/es/animation/utils/active-animations.mjs';
export { getVariableValue, parseCSSVariable } from '../../motion-dom/dist/es/animation/utils/css-variables-conversion.mjs';
export { getValueTransition } from '../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
export { isCSSVariableName, isCSSVariableToken } from '../../motion-dom/dist/es/animation/utils/is-css-variable.mjs';
export { inertia } from '../../motion-dom/dist/es/animation/generators/inertia.mjs';
export { defaultEasing, keyframes } from '../../motion-dom/dist/es/animation/generators/keyframes.mjs';
export { spring } from '../../motion-dom/dist/es/animation/generators/spring/index.mjs';
export { calcGeneratorDuration, maxGeneratorDuration } from '../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
export { createGeneratorEasing } from '../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
export { isGenerator } from '../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
export { DOMKeyframesResolver } from '../../motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs';
export { KeyframeResolver, flushKeyframeResolvers } from '../../motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs';
export { defaultOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/default.mjs';
export { fillOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/fill.mjs';
export { convertOffsetToTimes } from '../../motion-dom/dist/es/animation/keyframes/offsets/time.mjs';
export { applyPxDefaults } from '../../motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs';
export { fillWildcards } from '../../motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs';
export { cubicBezierAsString } from '../../motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs';
export { isWaapiSupportedEasing } from '../../motion-dom/dist/es/animation/waapi/easing/is-supported.mjs';
export { mapEasingToNativeEasing } from '../../motion-dom/dist/es/animation/waapi/easing/map-easing.mjs';
export { supportedWaapiEasing } from '../../motion-dom/dist/es/animation/waapi/easing/supported.mjs';
export { startWaapiAnimation } from '../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
export { supportsPartialKeyframes } from '../../motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs';
export { supportsBrowserAnimation } from '../../motion-dom/dist/es/animation/waapi/supports/waapi.mjs';
export { acceleratedValues } from '../../motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs';
export { generateLinearEasing } from '../../motion-dom/dist/es/animation/waapi/utils/linear.mjs';
export { addAttrValue, attrEffect } from '../../motion-dom/dist/es/effects/attr/index.mjs';
export { propEffect } from '../../motion-dom/dist/es/effects/prop/index.mjs';
export { addStyleValue, styleEffect } from '../../motion-dom/dist/es/effects/style/index.mjs';
export { svgEffect } from '../../motion-dom/dist/es/effects/svg/index.mjs';
export { createRenderBatcher } from '../../motion-dom/dist/es/frameloop/batcher.mjs';
export { cancelMicrotask, microtask } from '../../motion-dom/dist/es/frameloop/microtask.mjs';
export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
export { isDragActive, isDragging } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
export { setDragLock } from '../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
export { isNodeOrChild } from '../../motion-dom/dist/es/gestures/utils/is-node-or-child.mjs';
export { isPrimaryPointer } from '../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
export { defaultTransformValue, parseValueFromTransform, readTransformValue } from '../../motion-dom/dist/es/render/dom/parse-transform.mjs';
export { getComputedStyle } from '../../motion-dom/dist/es/render/dom/style-computed.mjs';
export { setStyle } from '../../motion-dom/dist/es/render/dom/style-set.mjs';
export { positionalKeys } from '../../motion-dom/dist/es/render/utils/keys-position.mjs';
export { transformPropOrder, transformProps } from '../../motion-dom/dist/es/render/utils/keys-transform.mjs';
export { resize } from '../../motion-dom/dist/es/resize/index.mjs';
export { observeTimeline } from '../../motion-dom/dist/es/scroll/observe.mjs';
export { recordStats } from '../../motion-dom/dist/es/stats/index.mjs';
export { activeAnimations } from '../../motion-dom/dist/es/stats/animation-count.mjs';
export { statsBuffer } from '../../motion-dom/dist/es/stats/buffer.mjs';
export { interpolate } from '../../motion-dom/dist/es/utils/interpolate.mjs';
export { isHTMLElement } from '../../motion-dom/dist/es/utils/is-html-element.mjs';
export { isSVGElement } from '../../motion-dom/dist/es/utils/is-svg-element.mjs';
export { isSVGSVGElement } from '../../motion-dom/dist/es/utils/is-svg-svg-element.mjs';
export { mix } from '../../motion-dom/dist/es/utils/mix/index.mjs';
export { mixColor, mixLinearColor } from '../../motion-dom/dist/es/utils/mix/color.mjs';
export { getMixer, mixArray, mixComplex, mixObject } from '../../motion-dom/dist/es/utils/mix/complex.mjs';
export { mixImmediate } from '../../motion-dom/dist/es/utils/mix/immediate.mjs';
export { mixNumber } from '../../motion-dom/dist/es/utils/mix/number.mjs';
export { invisibleValues, mixVisibility } from '../../motion-dom/dist/es/utils/mix/visibility.mjs';
export { resolveElements } from '../../motion-dom/dist/es/utils/resolve-elements.mjs';
export { supportsFlags } from '../../motion-dom/dist/es/utils/supports/flags.mjs';
export { supportsLinearEasing } from '../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
export { supportsScrollTimeline } from '../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
export { transform } from '../../motion-dom/dist/es/utils/transform.mjs';
export { MotionValue, collectMotionValues, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
export { mapValue } from '../../motion-dom/dist/es/value/map-value.mjs';
export { attachSpring, springValue } from '../../motion-dom/dist/es/value/spring-value.mjs';
export { transformValue } from '../../motion-dom/dist/es/value/transform-value.mjs';
export { color } from '../../motion-dom/dist/es/value/types/color/index.mjs';
export { hex } from '../../motion-dom/dist/es/value/types/color/hex.mjs';
export { hsla } from '../../motion-dom/dist/es/value/types/color/hsla.mjs';
export { hslaToRgba } from '../../motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs';
export { rgbUnit, rgba } from '../../motion-dom/dist/es/value/types/color/rgba.mjs';
export { analyseComplexValue, complex } from '../../motion-dom/dist/es/value/types/complex/index.mjs';
export { dimensionValueTypes, findDimensionValueType } from '../../motion-dom/dist/es/value/types/dimensions.mjs';
export { defaultValueTypes, getDefaultValueType } from '../../motion-dom/dist/es/value/types/maps/defaults.mjs';
export { numberValueTypes } from '../../motion-dom/dist/es/value/types/maps/number.mjs';
export { transformValueTypes } from '../../motion-dom/dist/es/value/types/maps/transform.mjs';
export { alpha, number, scale } from '../../motion-dom/dist/es/value/types/numbers/index.mjs';
export { degrees, percent, progressPercentage, px, vh, vw } from '../../motion-dom/dist/es/value/types/numbers/units.mjs';
export { testValueType } from '../../motion-dom/dist/es/value/types/test.mjs';
export { getAnimatableNone } from '../../motion-dom/dist/es/value/types/utils/animatable-none.mjs';
export { findValueType } from '../../motion-dom/dist/es/value/types/utils/find.mjs';
export { getValueAsType } from '../../motion-dom/dist/es/value/types/utils/get-as-type.mjs';
export { isMotionValue } from '../../motion-dom/dist/es/value/utils/is-motion-value.mjs';
export { ViewTransitionBuilder, animateView } from '../../motion-dom/dist/es/view/index.mjs';
export { cancelSync, sync } from '../../motion-dom/dist/es/frameloop/index-legacy.mjs';
export { cancelFrame, frame, frameData, frameSteps } from '../../motion-dom/dist/es/frameloop/frame.mjs';
import * as namespace from '../../framer-motion/dist/es/components/Reorder/namespace.mjs';
export { namespace as Reorder };