framer-motion 12.7.3 → 12.7.5-alpha.0

package/dist/types/index.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
-import { F as FeatureBundle, M as MotionProps, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, G as GenericKeyframesTarget, O as OnScrollInfo, S as ScrollInfoOptions, P as Point, D as DOMMotionComponents, c as MotionComponentProps, d as HTMLMotionComponents, e as SVGMotionComponents, E as EventInfo, f as FeaturePackages, A as Axis, B as Box, C as CustomValueType, V as ValueAnimationOptionsWithRenderContext, R as ResolvedKeyframes, K as KeyframeResolver, g as AnimationControls, h as VisualElement, i as AnimationDefinition, j as VisualElementAnimationOptions, I as IProjectionNode, k as ResolvedValues, l as HTMLRenderState } from '../types.d-B50aGbjN.js';
-export { a2 as AnimationLifecycles, W as AnimationProps, p as AnimationType, ax as AxisDelta, aw as BoundingBox, a3 as CreateVisualElement, ay as Delta, q as DragControls, L as DragElastic, Q as DragHandlers, N as DraggableProps, ar as FeatureDefinition, as as FeatureDefinitions, at as FeaturePackage, a4 as FlatTree, s as FocusHandlers, $ as ForwardRefComponent, t as HoverHandlers, ap as HydratedFeatureDefinition, aq as HydratedFeatureDefinitions, a5 as Inertia, a6 as Keyframes, a7 as KeyframesTarget, U as LayoutProps, au as LazyFeatureBundle, X as MotionAdvancedProps, Y as MotionStyle, Z as MotionTransform, a8 as None, a9 as Orchestration, v as PanHandlers, r as PanInfo, z as PresenceContext, av as RenderComponent, aa as Repeat, an as ResolveKeyframes, ab as ResolvedKeyframesTarget, ac as ResolvedSingleTarget, ad as ResolvedValueTarget, a0 as SVGAttributesAsMotionValues, a1 as SVGMotionProps, m as ScrapeMotionValuesFromProps, ae as SingleTarget, af as Spring, J as SwitchLayoutGroupContext, T as TapHandlers, w as TapInfo, ag as Target, ah as TargetAndTransition, az as TransformPoint, ai as Transition, aj as Tween, ak as ValueTarget, al as Variant, _ as VariantLabels, am as Variants, o as VisualState, x as createRendererMotionComponent, n as makeUseVisualState, y as optimizedAppearDataAttribute, ao as scroll, u as useDragControls } from '../types.d-B50aGbjN.js';
+import { F as FeatureBundle, M as MotionProps, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, G as GenericKeyframesTarget, D as DOMMotionComponents, c as MotionComponentProps, d as HTMLMotionComponents, S as SVGMotionComponents, E as EventInfo, e as FeaturePackages, C as CustomValueType, A as AnimationControls, V as VisualElement, f as AnimationDefinition, g as VisualElementAnimationOptions, I as IProjectionNode, R as ResolvedValues, h as HTMLRenderState } from '../types.d-B1Voffvi.js';
+export { W as AnimationLifecycles, z as AnimationProps, k as AnimationType, X as CreateVisualElement, l as DragControls, w as DragElastic, y as DragHandlers, x as DraggableProps, ai as FeatureDefinition, aj as FeatureDefinitions, ak as FeaturePackage, Y as FlatTree, n as FocusHandlers, O as ForwardRefComponent, o as HoverHandlers, ag as HydratedFeatureDefinition, ah as HydratedFeatureDefinitions, Z as Inertia, _ as Keyframes, $ as KeyframesTarget, L as LayoutProps, al as LazyFeatureBundle, B as MotionAdvancedProps, J as MotionStyle, K as MotionTransform, a0 as None, a1 as Orchestration, p as PanHandlers, P as PanInfo, t as PresenceContext, am as RenderComponent, a2 as Repeat, af as ResolveKeyframes, a3 as ResolvedKeyframesTarget, a4 as ResolvedSingleTarget, a5 as ResolvedValueTarget, Q as SVGAttributesAsMotionValues, U as SVGMotionProps, i as ScrapeMotionValuesFromProps, a6 as SingleTarget, a7 as Spring, v as SwitchLayoutGroupContext, T as TapHandlers, q as TapInfo, a8 as Target, a9 as TargetAndTransition, aa as Transition, ab as Tween, ac as ValueTarget, ad as Variant, N as VariantLabels, ae as Variants, j as VisualState, r as createRendererMotionComponent, m as makeUseVisualState, s as optimizedAppearDataAttribute, u as useDragControls } from '../types.d-B1Voffvi.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { useEffect, RefObject } from 'react';
 import * as motion_dom from 'motion-dom';
-import { MotionValue, UnresolvedValueKeyframe, Transition, ElementOrSelector, DOMKeyframesDefinition, AnimationOptions, AnimationPlaybackOptions, Easing, AnimationScope, AnimationPlaybackControlsWithThen, ValueAnimationTransition, EasingFunction, EasingModifier, ValueAnimationOptions, KeyframeGenerator, DynamicOption, MotionValueEventCallbacks, SpringOptions, RepeatType, AnimationPlaybackControls, AnimationState } from 'motion-dom';
+import { MotionValue, UnresolvedValueKeyframe, Transition, ElementOrSelector, DOMKeyframesDefinition, AnimationOptions, AnimationPlaybackOptions, AnimationScope, AnimationPlaybackControlsWithThen, ValueAnimationTransition, AnimationPlaybackControls, DynamicOption, MotionValueEventCallbacks, SpringOptions } from 'motion-dom';
 export * from 'motion-dom';
-export { BezierDefinition, Easing, EasingDefinition, EasingFunction, EasingModifier, MotionValue, cancelFrame, cancelSync, frame, frameData, hover, isDragActive, motionValue, press, sync, time } from 'motion-dom';
-export { MotionGlobalConfig, invariant, noop, progress } from 'motion-utils';
+import { Easing, EasingFunction, Point, Axis, Box } from 'motion-utils';
+export * from 'motion-utils';
+export { MotionGlobalConfig } from 'motion-utils';
 
 /**
  * @public
@@ -394,6 +395,51 @@ declare const animate: {
 
 declare const animateMini: (elementOrSelector: ElementOrSelector, keyframes: DOMKeyframesDefinition, options?: AnimationOptions) => AnimationPlaybackControlsWithThen;
 
+interface ScrollOptions {
+    source?: HTMLElement;
+    container?: HTMLElement;
+    target?: Element;
+    axis?: "x" | "y";
+    offset?: ScrollOffset;
+}
+type OnScrollProgress = (progress: number) => void;
+type OnScrollWithInfo = (progress: number, info: ScrollInfo) => void;
+type OnScroll = OnScrollProgress | OnScrollWithInfo;
+interface AxisScrollInfo {
+    current: number;
+    offset: number[];
+    progress: number;
+    scrollLength: number;
+    velocity: number;
+    targetOffset: number;
+    targetLength: number;
+    containerLength: number;
+    interpolatorOffsets?: number[];
+    interpolate?: EasingFunction;
+}
+interface ScrollInfo {
+    time: number;
+    x: AxisScrollInfo;
+    y: AxisScrollInfo;
+}
+type OnScrollInfo = (info: ScrollInfo) => void;
+type SupportedEdgeUnit = "px" | "vw" | "vh" | "%";
+type EdgeUnit = `${number}${SupportedEdgeUnit}`;
+type NamedEdges = "start" | "end" | "center";
+type EdgeString = NamedEdges | EdgeUnit | `${number}`;
+type Edge = EdgeString | number;
+type ProgressIntersection = [number, number];
+type Intersection = `${Edge} ${Edge}`;
+type ScrollOffset = Array<Edge | Intersection | ProgressIntersection>;
+interface ScrollInfoOptions {
+    container?: HTMLElement;
+    target?: Element;
+    axis?: "x" | "y";
+    offset?: ScrollOffset;
+}
+
+declare function scroll(onScroll: OnScroll | AnimationPlaybackControls, { axis, container, ...options }?: ScrollOptions): VoidFunction;
+
 declare function scrollInfo(onScroll: OnScrollInfo, { container, ...options }?: ScrollInfoOptions): () => void;
 
 type ViewChangeHandler = (entry: IntersectionObserverEntry) => void;
@@ -406,38 +452,6 @@ interface InViewOptions {
 }
 declare function inView(elementOrSelector: ElementOrSelector, onStart: (element: Element, entry: IntersectionObserverEntry) => void | ViewChangeHandler, { root, margin: rootMargin, amount }?: InViewOptions): VoidFunction;
 
-declare const anticipate: (p: number) => number;
-
-declare const backOut: (t: number) => number;
-declare const backIn: motion_dom.EasingFunction;
-declare const backInOut: motion_dom.EasingFunction;
-
-declare const circIn: EasingFunction;
-declare const circOut: EasingFunction;
-declare const circInOut: EasingFunction;
-
-declare function cubicBezier(mX1: number, mY1: number, mX2: number, mY2: number): (t: number) => number;
-
-declare const easeIn: (t: number) => number;
-declare const easeOut: (t: number) => number;
-declare const easeInOut: (t: number) => number;
-
-declare const mirrorEasing: EasingModifier;
-
-declare const reverseEasing: EasingModifier;
-
-type Direction = "start" | "end";
-declare function steps(numSteps: number, direction?: Direction): EasingFunction;
-
-declare function inertia({ keyframes, velocity, power, timeConstant, bounceDamping, bounceStiffness, modifyTarget, min, max, restDelta, restSpeed, }: ValueAnimationOptions<number>): KeyframeGenerator<number>;
-
-declare function keyframes<T extends string | number>({ duration, keyframes: keyframeValues, times, ease, }: ValueAnimationOptions<T>): KeyframeGenerator<T>;
-
-declare function spring(optionsOrVisualDuration?: ValueAnimationOptions<number> | number, bounce?: number): KeyframeGenerator<number>;
-declare namespace spring {
-    var applyToOptions: (options: Transition) => Transition;
-}
-
 type StaggerOrigin = "first" | "last" | "center" | number;
 type StaggerOptions = {
     startDelay?: number;
@@ -446,8 +460,6 @@ type StaggerOptions = {
 };
 declare function stagger(duration?: number, { startDelay, from, ease }?: StaggerOptions): DynamicOption<number>;
 
-declare const clamp: (min: number, max: number, v: number) => number;
-
 type DelayedFunction = (overshoot: number) => void;
 /**
  * Timeout defined in ms
@@ -457,41 +469,6 @@ declare function delay(callback: DelayedFunction, timeout: number): () => void;
 declare const distance: (a: number, b: number) => number;
 declare function distance2D(a: Point, b: Point): number;
 
-type Mix<T> = (v: number) => T;
-type MixerFactory<T> = (from: T, to: T) => Mix<T>;
-interface InterpolateOptions<T> {
-    clamp?: boolean;
-    ease?: EasingFunction | EasingFunction[];
-    mixer?: MixerFactory<T>;
-}
-/**
- * Create a function that maps from a numerical input array to a generic output array.
- *
- * Accepts:
- *   - Numbers
- *   - Colors (hex, hsl, hsla, rgb, rgba)
- *   - Complex (combinations of one or more numbers or strings)
- *
- * ```jsx
- * const mixColor = interpolate([0, 1], ['#fff', '#000'])
- *
- * mixColor(0.5) // 'rgba(128, 128, 128, 1)'
- * ```
- *
- * TODO Revist this approach once we've moved to data models for values,
- * probably not needed to pregenerate mixer functions.
- *
- * @public
- */
-declare function interpolate<T>(input: number[], output: T[], { clamp: isClamp, ease, mixer }?: InterpolateOptions<T>): (v: number) => T;
-
-type Mixer<T> = (p: number) => T;
-
-declare function mix<T>(from: T, to: T): Mixer<T>;
-declare function mix(from: number, to: number, p: number): number;
-
-declare const pipe: (...transformers: Function[]) => Function;
-
 /**
  * @public
  */
@@ -585,28 +562,26 @@ declare function transform<T>(inputValue: number, inputRange: number[], outputRa
  */
 declare function transform<T>(inputRange: number[], outputRange: T[], options?: TransformOptions<T>): (inputValue: number) => T;
 
-declare const wrap: (min: number, max: number, v: number) => number;
-
 declare const m: (<Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
     forwardMotionProps: boolean;
-}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | "stop" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
     children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
 }>) & HTMLMotionComponents & SVGMotionComponents & {
     create: <Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
         forwardMotionProps: boolean;
-    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | "stop" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
         children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
     }>;
 };
 
 declare const motion: (<Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
     forwardMotionProps: boolean;
-}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | "stop" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
     children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
 }>) & HTMLMotionComponents & SVGMotionComponents & {
     create: <Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
         forwardMotionProps: boolean;
-    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | "stop" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
         children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
     }>;
 };
@@ -904,220 +879,6 @@ declare function useReducedMotion(): boolean | null;
 
 declare function useReducedMotionConfig(): boolean | null;
 
-interface ValueAnimationOptionsWithDefaults<T extends string | number> extends ValueAnimationOptionsWithRenderContext<T> {
-    autoplay: boolean;
-    delay: number;
-    repeat: number;
-    repeatDelay: number;
-    repeatType: RepeatType;
-}
-declare abstract class BaseAnimation<T extends string | number, Resolved> implements AnimationPlaybackControls {
-    protected options: ValueAnimationOptionsWithDefaults<T>;
-    protected resolveFinishedPromise: VoidFunction;
-    protected currentFinishedPromise: Promise<void>;
-    protected isStopped: boolean;
-    protected _resolved: Resolved & {
-        keyframes: ResolvedKeyframes<T>;
-    };
-    protected hasAttemptedResolve: boolean;
-    protected resolver: KeyframeResolver<T>;
-    private createdAt;
-    private resolvedAt;
-    constructor({ autoplay, delay, type, repeat, repeatDelay, repeatType, ...options }: ValueAnimationOptions<T>);
-    /**
-     * This method uses the createdAt and resolvedAt to calculate the
-     * animation startTime. *Ideally*, we would use the createdAt time as t=0
-     * as the following frame would then be the first frame of the animation in
-     * progress, which would feel snappier.
-     *
-     * However, if there's a delay (main thread work) between the creation of
-     * the animation and the first commited frame, we prefer to use resolvedAt
-     * to avoid a sudden jump into the animation.
-     */
-    calcStartTime(): number;
-    protected abstract initPlayback(keyframes: ResolvedKeyframes<T>, finalKeyframe?: T): Resolved | false;
-    abstract play(): void;
-    abstract pause(): void;
-    abstract stop(): void;
-    abstract cancel(): void;
-    abstract complete(): void;
-    abstract get speed(): number;
-    abstract set speed(newSpeed: number);
-    abstract get time(): number;
-    abstract set time(newTime: number);
-    abstract get duration(): number;
-    abstract get state(): AnimationPlayState;
-    abstract get startTime(): number | null;
-    abstract get finished(): Promise<void>;
-    /**
-     * A getter for resolved data. If keyframes are not yet resolved, accessing
-     * this.resolved will synchronously flush all pending keyframe resolvers.
-     * This is a deoptimisation, but at its worst still batches read/writes.
-     */
-    get resolved(): (Resolved & {
-        keyframes: ResolvedKeyframes<T>;
-        finalKeyframe?: T;
-    }) | undefined;
-    /**
-     * A method to be called when the keyframes resolver completes. This method
-     * will check if its possible to run the animation and, if not, skip it.
-     * Otherwise, it will call initPlayback on the implementing class.
-     */
-    protected onKeyframesResolved(keyframes: ResolvedKeyframes<T>, finalKeyframe?: T): void;
-    onPostResolved(): void;
-    /**
-     * Allows the returned animation to be awaited or promise-chained. Currently
-     * resolves when the animation finishes at all but in a future update could/should
-     * reject if its cancels.
-     */
-    then(resolve: VoidFunction, reject?: VoidFunction): Promise<void>;
-    flatten(): void;
-    protected updateFinishedPromise(): void;
-}
-
-interface AcceleratedValueAnimationOptions<T extends string | number = number> extends ValueAnimationOptions<T> {
-    name: string;
-    motionValue: MotionValue<T>;
-}
-interface ResolvedAcceleratedAnimation {
-    animation: Animation;
-    duration: number;
-    times: ValueAnimationOptions["times"];
-    type: ValueAnimationOptions["type"];
-    ease: ValueAnimationOptions["ease"];
-    keyframes: string[] | number[];
-}
-declare class AcceleratedAnimation<T extends string | number> extends BaseAnimation<T, ResolvedAcceleratedAnimation> {
-    protected options: ValueAnimationOptionsWithDefaults<T> & {
-        name: string;
-        motionValue: MotionValue<T>;
-    };
-    constructor(options: ValueAnimationOptionsWithRenderContext<T>);
-    /**
-     * An AnimationTimline to attach to the WAAPI animation once it's created.
-     */
-    private pendingTimeline;
-    protected initPlayback(keyframes: ResolvedKeyframes<T>, finalKeyframe: T): false | {
-        animation: Animation;
-        duration: number;
-        times: number[] | undefined;
-        type: motion_dom.AnimationGeneratorType | undefined;
-        ease: motion_dom.Easing | motion_dom.Easing[] | undefined;
-        keyframes: number[] | string[];
-    };
-    get duration(): number;
-    get time(): number;
-    set time(newTime: number);
-    get speed(): number;
-    get finished(): Promise<void>;
-    set speed(newSpeed: number);
-    get state(): AnimationPlayState;
-    get startTime(): number | null;
-    /**
-     * Replace the default DocumentTimeline with another AnimationTimeline.
-     * Currently used for scroll animations.
-     */
-    attachTimeline(timeline: any): (any: void) => void;
-    play(): void;
-    pause(): void;
-    stop(): void;
-    complete(): void;
-    cancel(): void;
-    static supports(options: ValueAnimationOptionsWithRenderContext): options is AcceleratedValueAnimationOptions;
-}
-
-interface ResolvedData<T extends string | number> {
-    generator: KeyframeGenerator<T>;
-    mirroredGenerator: KeyframeGenerator<T> | undefined;
-    mapPercentToKeyframes: ((v: number) => T) | undefined;
-    /**
-     * Duration of the animation as calculated by the generator.
-     */
-    calculatedDuration: number;
-    /**
-     * Duration of the animation plus repeatDelay.
-     */
-    resolvedDuration: number;
-    /**
-     * Total duration of the animation including repeats.
-     */
-    totalDuration: number;
-}
-/**
- * Animation that runs on the main thread. Designed to be WAAPI-spec in the subset of
- * features we expose publically. Mostly the compatibility is to ensure visual identity
- * between both WAAPI and main thread animations.
- */
-declare class MainThreadAnimation<T extends string | number> extends BaseAnimation<T, ResolvedData<T>> {
-    /**
-     * The driver that's controlling the animation loop. Normally this is a requestAnimationFrame loop
-     * but in tests we can pass in a synchronous loop.
-     */
-    private driver?;
-    /**
-     * The time at which the animation was paused.
-     */
-    private holdTime;
-    /**
-     * The time at which the animation was cancelled.
-     */
-    private cancelTime;
-    /**
-     * The current time of the animation.
-     */
-    private currentTime;
-    /**
-     * Playback speed as a factor. 0 would be stopped, -1 reverse and 2 double speed.
-     */
-    private playbackSpeed;
-    /**
-     * The state of the animation to apply when the animation is resolved. This
-     * allows calls to the public API to control the animation before it is resolved,
-     * without us having to resolve it first.
-     */
-    private pendingPlayState;
-    /**
-     * The time at which the animation was started.
-     */
-    startTime: number | null;
-    constructor(options: ValueAnimationOptions<T>);
-    flatten(): void;
-    protected initPlayback(keyframes: ResolvedKeyframes<T>): {
-        generator: KeyframeGenerator<any>;
-        mirroredGenerator: KeyframeGenerator<T> | undefined;
-        mapPercentToKeyframes: ((v: number) => T) | undefined;
-        calculatedDuration: number;
-        resolvedDuration: number;
-        totalDuration: number;
-    };
-    onPostResolved(): void;
-    tick(timestamp: number, sample?: boolean): {
-        done: boolean;
-        value: T;
-    };
-    state: AnimationPlayState;
-    get duration(): number;
-    get time(): number;
-    set time(newTime: number);
-    get speed(): number;
-    set speed(newSpeed: number);
-    play(): void;
-    pause(): void;
-    /**
-     * This method is bound to the instance to fix a pattern where
-     * animation.stop is returned as a reference from a useEffect.
-     */
-    stop: () => void;
-    complete(): void;
-    finish(): void;
-    cancel(): void;
-    private teardown;
-    private stopDriver;
-    sample(time: number): AnimationState<T>;
-    get finished(): Promise<void>;
-}
-declare function animateValue(options: ValueAnimationOptionsWithRenderContext<any>): MainThreadAnimation<any>;
-
 /**
  * @public
  */
@@ -1336,62 +1097,6 @@ declare function useInView(ref: RefObject<Element | null>, { root, margin, amoun
 declare function useInstantTransition(): (callback: () => void) => void;
 declare function disableInstantTransitions(): void;
 
-type Transformer = (v: any) => any;
-type ValueType = {
-    test: (v: any) => boolean;
-    parse: (v: any) => any;
-    transform?: Transformer;
-    createTransformer?: (template: string) => Transformer;
-    default?: any;
-    getAnimatableNone?: (v: any) => any;
-};
-type RGBA = {
-    red: number;
-    green: number;
-    blue: number;
-    alpha: number;
-};
-type HSLA = {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    alpha: number;
-};
-type Color = HSLA | RGBA;
-
-declare const color: {
-    test: (v: any) => boolean;
-    parse: (v: any) => RGBA | HSLA;
-    transform: (v: HSLA | RGBA | string) => string;
-};
-
-type CSSVariableName = `--${string}`;
-type CSSVariableToken = `var(${CSSVariableName})`;
-
-declare function test(v: any): boolean;
-type ComplexValues = Array<CSSVariableToken | string | number | Color>;
-declare function parseComplexValue(v: string | number): ComplexValues;
-declare function createTransformer(source: string | number): (v: Array<CSSVariableToken | Color | number | string>) => string;
-declare function getAnimatableNone(v: string | number): string;
-declare const complex: {
-    test: typeof test;
-    parse: typeof parseComplexValue;
-    createTransformer: typeof createTransformer;
-    getAnimatableNone: typeof getAnimatableNone;
-};
-
-declare const px: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-
-declare function findSpring({ duration, bounce, velocity, mass, }: SpringOptions): {
-    stiffness: number;
-    damping: number;
-    duration: number;
-};
-
 declare function startOptimizedAppearAnimation(element: HTMLElement, name: string, keyframes: string[] | number[], options: ValueAnimationTransition<number | string>, onReady?: (animation: Animation) => void): void;
 
 interface NodeGroup {
@@ -1464,4 +1169,4 @@ interface ScaleMotionValues {
  */
 declare function useInvertedScale(scale?: Partial<ScaleMotionValues>): ScaleMotionValues;
 
-export { type AbsoluteKeyframe, AcceleratedAnimation, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, AnimationControls, AnimationDefinition, type AnimationSequence, type At, Axis, Box, CustomValueType, type Cycle, type CycleState, DOMMotionComponents, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, type Direction, EventInfo, FeatureBundle, FeaturePackages, HTMLMotionProps, IProjectionNode, type InterpolateOptions, LayoutGroup, LayoutGroupContext, LazyMotion, type LazyProps, type MixerFactory, MotionConfig, MotionConfigContext, type MotionConfigProps, MotionContext, MotionProps, type MotionValueSegment, type MotionValueSegmentWithTransition, type ObjectSegment, type ObjectSegmentWithTransition, type ObjectTarget, Point, namespace_d as Reorder, type ResolvedAnimationDefinition, type ResolvedAnimationDefinitions, ResolvedValues, type ScrollMotionValues, type Segment, type SequenceLabel, type SequenceLabelWithTime, type SequenceMap, type SequenceOptions, type SequenceTime, type UseInViewOptions, type UseScrollOptions, ValueAnimationOptionsWithRenderContext, type ValueSequence, type ValueType, VisualElement, WillChangeMotionValue, addPointerEvent, addPointerInfo, addScaleCorrector, animate, animateMini, animateValue, animateVisualElement, animationControls, animations, anticipate, backIn, backInOut, backOut, buildTransform, calcLength, circIn, circInOut, circOut, clamp, color, complex, createBox, createScopedAnimate, cubicBezier, delay, disableInstantTransitions, distance, distance2D, domAnimation, domMax, domMin, easeIn, easeInOut, easeOut, filterProps, findSpring, inView, inertia, interpolate, isBrowser, isMotionComponent, isMotionValue, isValidMotionProp, keyframes, m, mirrorEasing, mix, motion, pipe, px, resolveMotionValue, reverseEasing, scrollInfo, spring, stagger, startOptimizedAppearAnimation, steps, transform, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore, wrap };
+export { type AbsoluteKeyframe, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, AnimationControls, AnimationDefinition, type AnimationSequence, type At, CustomValueType, type Cycle, type CycleState, DOMMotionComponents, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, EventInfo, FeatureBundle, FeaturePackages, HTMLMotionProps, IProjectionNode, LayoutGroup, LayoutGroupContext, LazyMotion, type LazyProps, MotionConfig, MotionConfigContext, type MotionConfigProps, MotionContext, MotionProps, type MotionValueSegment, type MotionValueSegmentWithTransition, type ObjectSegment, type ObjectSegmentWithTransition, type ObjectTarget, namespace_d as Reorder, type ResolvedAnimationDefinition, type ResolvedAnimationDefinitions, ResolvedValues, type ScrollMotionValues, type Segment, type SequenceLabel, type SequenceLabelWithTime, type SequenceMap, type SequenceOptions, type SequenceTime, type UseInViewOptions, type UseScrollOptions, type ValueSequence, VisualElement, WillChangeMotionValue, addPointerEvent, addPointerInfo, addScaleCorrector, animate, animateMini, animateVisualElement, animationControls, animations, buildTransform, calcLength, createBox, createScopedAnimate, delay, disableInstantTransitions, distance, distance2D, domAnimation, domMax, domMin, filterProps, inView, isBrowser, isMotionComponent, isMotionValue, isValidMotionProp, m, motion, resolveMotionValue, scroll, scrollInfo, stagger, startOptimizedAppearAnimation, transform, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore };