framer-motion 12.23.12 → 13.0.0-alpha.0

package/dist/types/client.d.ts

@@ -1,9 +1,7 @@
-import { p as ForwardRefComponent, H as HTMLMotionProps, r as SVGMotionProps } from '../types.d-Cjd591yU.js';
-export { c as create } from '../types.d-Cjd591yU.js';
-import 'react';
+import { F as ForwardRefComponent, H as HTMLMotionProps, n as SVGMotionProps } from '../types.d-C7Th3txw.js';
 import 'motion-dom';
 import 'motion-utils';
-import 'react/jsx-runtime';
+import 'react';
 
 /**
  * HTML components

package/dist/types/index.d.ts

@@ -5,8 +5,8 @@ export * from 'motion-dom';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { useEffect, RefObject } from 'react';
-import { F as FeatureBundle, M as MotionProps, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, c as createMotionComponent, d as HTMLMotionComponents, S as SVGMotionComponents, e as FeaturePackages, V as VisualElement, f as VisualElementAnimationOptions, I as IProjectionNode, R as ResolvedValues, g as HTMLRenderState } from '../types.d-Cjd591yU.js';
-export { A as AnimationType, C as CreateVisualElement, D as DOMMotionComponents, v as FeatureDefinition, w as FeatureDefinitions, x as FeaturePackage, s as FlatTree, p as ForwardRefComponent, t as HydratedFeatureDefinition, u as HydratedFeatureDefinitions, L as LazyFeatureBundle, k as MotionStyle, l as MotionTransform, P as PresenceContext, q as SVGAttributesAsMotionValues, r as SVGMotionProps, h as ScrapeMotionValuesFromProps, j as SwitchLayoutGroupContext, n as VariantLabels, i as VisualState, m as makeUseVisualState, o as optimizedAppearDataAttribute } from '../types.d-Cjd591yU.js';
+import { V as VisualElement, M as MotionProps, C as CreateVisualElement, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, D as DOMMotionComponents, c as HTMLMotionComponents, S as SVGMotionComponents, d as VisualElementAnimationOptions, I as IProjectionNode, R as ResolvedValues, e as HTMLRenderState } from '../types.d-C7Th3txw.js';
+export { A as AnimationType, p as FlatTree, F as ForwardRefComponent, i as MotionStyle, j as MotionTransform, P as PresenceContext, l as SVGAttributesAsMotionValues, n as SVGMotionProps, f as ScrapeMotionValuesFromProps, h as SwitchLayoutGroupContext, k as VariantLabels, g as VisualState, m as makeUseVisualState, o as optimizedAppearDataAttribute } from '../types.d-C7Th3txw.js';
 import { Easing, EasingFunction, Point, Axis, Box } from 'motion-utils';
 export * from 'motion-utils';
 export { MotionGlobalConfig } from 'motion-utils';
@@ -127,6 +127,61 @@ interface Props$2 {
 }
 declare const LayoutGroup: React$1.FunctionComponent<React$1.PropsWithChildren<Props$2>>;
 
+declare abstract class Feature<T extends any = any> {
+    isMounted: boolean;
+    node: VisualElement<T>;
+    constructor(node: VisualElement<T>);
+    abstract mount(): void;
+    abstract unmount(): void;
+    update(): void;
+}
+
+declare function MeasureLayout(props: MotionProps & {
+    visualElement: VisualElement;
+}): react_jsx_runtime.JSX.Element;
+
+interface FeatureClass<Props = unknown> {
+    new (props: Props): Feature<Props>;
+}
+interface HydratedFeatureDefinition {
+    isEnabled: (props: MotionProps) => boolean;
+    Feature: FeatureClass<unknown>;
+    ProjectionNode?: any;
+    MeasureLayout?: typeof MeasureLayout;
+}
+interface HydratedFeatureDefinitions {
+    animation?: HydratedFeatureDefinition;
+    exit?: HydratedFeatureDefinition;
+    drag?: HydratedFeatureDefinition;
+    tap?: HydratedFeatureDefinition;
+    focus?: HydratedFeatureDefinition;
+    hover?: HydratedFeatureDefinition;
+    pan?: HydratedFeatureDefinition;
+    inView?: HydratedFeatureDefinition;
+    layout?: HydratedFeatureDefinition;
+}
+interface FeatureDefinition {
+    isEnabled: HydratedFeatureDefinition["isEnabled"];
+    Feature?: HydratedFeatureDefinition["Feature"];
+    ProjectionNode?: HydratedFeatureDefinition["ProjectionNode"];
+    MeasureLayout?: HydratedFeatureDefinition["MeasureLayout"];
+}
+type FeatureDefinitions = {
+    [K in keyof HydratedFeatureDefinitions]: FeatureDefinition;
+};
+interface FeaturePackage {
+    Feature?: HydratedFeatureDefinition["Feature"];
+    ProjectionNode?: HydratedFeatureDefinition["ProjectionNode"];
+    MeasureLayout?: HydratedFeatureDefinition["MeasureLayout"];
+}
+type FeaturePackages = {
+    [K in keyof HydratedFeatureDefinitions]: FeaturePackage;
+};
+interface FeatureBundle extends FeaturePackages {
+    renderer: CreateVisualElement;
+}
+type LazyFeatureBundle$1 = () => Promise<FeatureBundle>;
+
 type LazyFeatureBundle = () => Promise<FeatureBundle>;
 /**
  * @public
@@ -468,6 +523,26 @@ 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 MotionComponentProps<Props> = {
+    [K in Exclude<keyof Props, keyof MotionProps>]?: Props[K];
+} & MotionProps;
+type MotionComponent<T, P> = T extends keyof DOMMotionComponents ? DOMMotionComponents[T] : React$1.ComponentType<Omit<MotionComponentProps<P>, "children"> & {
+    children?: "children" extends keyof P ? P["children"] | MotionComponentProps<P>["children"] : MotionComponentProps<P>["children"];
+}>;
+interface MotionComponentOptions {
+    forwardMotionProps?: boolean;
+}
+/**
+ * Create a `motion` component.
+ *
+ * This function accepts a Component argument, which can be either a string (ie "div"
+ * for `motion.div`), or an actual React component.
+ *
+ * Alongside this is a config option which provides a way of rendering the provided
+ * component "offline", or outside the React render cycle.
+ */
+declare function createMotionComponent<Props, TagName extends keyof DOMMotionComponents | string = "div">(Component: TagName | string | React$1.ComponentType<Props>, { forwardMotionProps }?: MotionComponentOptions, preloadedFeatures?: FeaturePackages, createVisualElement?: CreateVisualElement<Props, TagName>): MotionComponent<TagName, Props>;
+
 declare const m: typeof createMotionComponent & HTMLMotionComponents & SVGMotionComponents & {
     create: typeof createMotionComponent;
 };
@@ -1160,4 +1235,4 @@ interface ScaleMotionValues {
  */
 declare function useInvertedScale(scale?: Partial<ScaleMotionValues>): ScaleMotionValues;
 
-export { type AbsoluteKeyframe, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, type AnimationSequence, type At, type Cycle, type CycleState, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, DragControls, 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 ResolveKeyframes, 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, isValidMotionProp, m, motion, resolveMotionValue, scroll, scrollInfo, startOptimizedAppearAnimation, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useDragControls, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePageInView, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore };
+export { type AbsoluteKeyframe, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, type AnimationSequence, type At, CreateVisualElement, type Cycle, type CycleState, DOMMotionComponents, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, DragControls, type FeatureBundle, type FeatureDefinition, type FeatureDefinitions, type FeaturePackage, type FeaturePackages, HTMLMotionProps, type HydratedFeatureDefinition, type HydratedFeatureDefinitions, IProjectionNode, LayoutGroup, LayoutGroupContext, type LazyFeatureBundle$1 as LazyFeatureBundle, LazyMotion, type LazyProps, MotionConfig, MotionConfigContext, type MotionConfigProps, MotionContext, MotionProps, type MotionValueSegment, type MotionValueSegmentWithTransition, type ObjectSegment, type ObjectSegmentWithTransition, type ObjectTarget, namespace_d as Reorder, type ResolveKeyframes, 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, isValidMotionProp, m, motion, resolveMotionValue, scroll, scrollInfo, startOptimizedAppearAnimation, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useDragControls, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePageInView, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore };

package/dist/{types.d-Cjd591yU.d.ts → types.d-C7Th3txw.d.ts}

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import * as React$1 from 'react';
-import { CSSProperties, PropsWithoutRef, RefAttributes, JSX, SVGAttributes } from 'react';
 import * as motion_dom from 'motion-dom';
 import { Transition, TransformProperties, MotionNodeOptions, MotionValue, SVGPathProperties, JSAnimation, ValueTransition, TargetAndTransition, AnyResolvedKeyframe, KeyframeResolver, AnimationDefinition, Batcher } from 'motion-dom';
 import { TransformPoint, Box, Delta, Point, Axis } from 'motion-utils';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import { CSSProperties, PropsWithoutRef, RefAttributes, JSX, SVGAttributes } from 'react';
 
 type ReducedMotionConfig = "always" | "never" | "user";
 /**
@@ -849,81 +848,6 @@ interface VisualElementEventCallbacks {
 }
 type CreateVisualElement<Props = {}, TagName extends keyof DOMMotionComponents | string = "div"> = (Component: TagName | string | React.ComponentType<Props>, options: VisualElementOptions<HTMLElement | SVGElement>) => VisualElement<HTMLElement | SVGElement>;
 
-declare abstract class Feature<T extends any = any> {
-    isMounted: boolean;
-    node: VisualElement<T>;
-    constructor(node: VisualElement<T>);
-    abstract mount(): void;
-    abstract unmount(): void;
-    update(): void;
-}
-
-declare function MeasureLayout(props: MotionProps & {
-    visualElement: VisualElement;
-}): react_jsx_runtime.JSX.Element;
-
-interface FeatureClass<Props = unknown> {
-    new (props: Props): Feature<Props>;
-}
-interface HydratedFeatureDefinition {
-    isEnabled: (props: MotionProps) => boolean;
-    Feature: FeatureClass<unknown>;
-    ProjectionNode?: any;
-    MeasureLayout?: typeof MeasureLayout;
-}
-interface HydratedFeatureDefinitions {
-    animation?: HydratedFeatureDefinition;
-    exit?: HydratedFeatureDefinition;
-    drag?: HydratedFeatureDefinition;
-    tap?: HydratedFeatureDefinition;
-    focus?: HydratedFeatureDefinition;
-    hover?: HydratedFeatureDefinition;
-    pan?: HydratedFeatureDefinition;
-    inView?: HydratedFeatureDefinition;
-    layout?: HydratedFeatureDefinition;
-}
-interface FeatureDefinition {
-    isEnabled: HydratedFeatureDefinition["isEnabled"];
-    Feature?: HydratedFeatureDefinition["Feature"];
-    ProjectionNode?: HydratedFeatureDefinition["ProjectionNode"];
-    MeasureLayout?: HydratedFeatureDefinition["MeasureLayout"];
-}
-type FeatureDefinitions = {
-    [K in keyof HydratedFeatureDefinitions]: FeatureDefinition;
-};
-interface FeaturePackage {
-    Feature?: HydratedFeatureDefinition["Feature"];
-    ProjectionNode?: HydratedFeatureDefinition["ProjectionNode"];
-    MeasureLayout?: HydratedFeatureDefinition["MeasureLayout"];
-}
-type FeaturePackages = {
-    [K in keyof HydratedFeatureDefinitions]: FeaturePackage;
-};
-interface FeatureBundle extends FeaturePackages {
-    renderer: CreateVisualElement;
-}
-type LazyFeatureBundle = () => Promise<FeatureBundle>;
-
-type MotionComponentProps<Props> = {
-    [K in Exclude<keyof Props, keyof MotionProps>]?: Props[K];
-} & MotionProps;
-type MotionComponent<T, P> = T extends keyof DOMMotionComponents ? DOMMotionComponents[T] : React$1.ComponentType<Omit<MotionComponentProps<P>, "children"> & {
-    children?: "children" extends keyof P ? P["children"] | MotionComponentProps<P>["children"] : MotionComponentProps<P>["children"];
-}>;
-interface MotionComponentOptions {
-    forwardMotionProps?: boolean;
-}
-/**
- * Create a `motion` component.
- *
- * This function accepts a Component argument, which can be either a string (ie "div"
- * for `motion.div`), or an actual React component.
- *
- * Alongside this is a config option which provides a way of rendering the provided
- * component "offline", or outside the React render cycle.
- */
-declare function createMotionComponent<Props, TagName extends keyof DOMMotionComponents | string = "div">(Component: TagName | string | React$1.ComponentType<Props>, { forwardMotionProps }?: MotionComponentOptions, preloadedFeatures?: FeaturePackages, createVisualElement?: CreateVisualElement<Props, TagName>): MotionComponent<TagName, Props>;
-
 declare const optimizedAppearDataAttribute: "data-framer-appear-id";
 
 /**
@@ -955,4 +879,4 @@ declare global {
     }
 }
 
-export { type AnimationType as A, type CreateVisualElement as C, type DOMMotionComponents as D, type FeatureBundle as F, type HTMLMotionProps as H, type IProjectionNode as I, type LazyFeatureBundle as L, type MotionProps as M, PresenceContext as P, type ResolvedValues as R, type SVGMotionComponents as S, VisualElement as V, MotionConfigContext as a, type HTMLElements as b, createMotionComponent as c, type HTMLMotionComponents as d, type FeaturePackages as e, type VisualElementAnimationOptions as f, type HTMLRenderState as g, type ScrapeMotionValuesFromProps as h, type VisualState as i, SwitchLayoutGroupContext as j, type MotionStyle as k, type MotionTransform as l, makeUseVisualState as m, type VariantLabels as n, optimizedAppearDataAttribute as o, type ForwardRefComponent as p, type SVGAttributesAsMotionValues as q, type SVGMotionProps as r, FlatTree as s, type HydratedFeatureDefinition as t, type HydratedFeatureDefinitions as u, type FeatureDefinition as v, type FeatureDefinitions as w, type FeaturePackage as x };
+export { type AnimationType as A, type CreateVisualElement as C, type DOMMotionComponents as D, type ForwardRefComponent as F, type HTMLMotionProps as H, type IProjectionNode as I, type MotionProps as M, PresenceContext as P, type ResolvedValues as R, type SVGMotionComponents as S, VisualElement as V, MotionConfigContext as a, type HTMLElements as b, type HTMLMotionComponents as c, type VisualElementAnimationOptions as d, type HTMLRenderState as e, type ScrapeMotionValuesFromProps as f, type VisualState as g, SwitchLayoutGroupContext as h, type MotionStyle as i, type MotionTransform as j, type VariantLabels as k, type SVGAttributesAsMotionValues as l, makeUseVisualState as m, type SVGMotionProps as n, optimizedAppearDataAttribute as o, FlatTree as p };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "12.23.12",
+    "version": "13.0.0-alpha.0",
     "description": "A simple and powerful JavaScript animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",
@@ -142,5 +142,5 @@
             "maxSize": "2.26 kB"
         }
     ],
-    "gitHead": "e0f7e07570e281b8932c897afb5f6a348c7f97de"
+    "gitHead": "543f5aa1f4455919eeda2d531a89d2b13e010145"
 }