framer-motion 12.23.21 → 12.23.23

package/dist/types/client.d.ts

@@ -1,4 +1,4 @@
-import { F as ForwardRefComponent, b as HTMLMotionProps, n as SVGMotionProps } from '../types.d-DsEeKk6G.js';
+import { F as ForwardRefComponent, c as HTMLMotionProps, n as SVGMotionProps } from '../types.d-BJcRxCew.js';
 import 'motion-dom';
 import 'motion-utils';
 import 'react';

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 { V as VisualElement, M as MotionProps, C as CreateVisualElement, a as MotionConfigContext, H as HTMLElements, b as HTMLMotionProps, D as DOMMotionComponents, c as HTMLMotionComponents, S as SVGMotionComponents, d as VisualElementAnimationOptions, I as IProjectionNode, R as ResolvedValues, e as HTMLRenderState } from '../types.d-DsEeKk6G.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-DsEeKk6G.js';
+import { V as VariantLabels, a as VisualElement, M as MotionProps, C as CreateVisualElement, b as MotionConfigContext, H as HTMLElements, c as HTMLMotionProps, D as DOMMotionComponents, d as HTMLMotionComponents, S as SVGMotionComponents, e as VisualElementAnimationOptions, I as IProjectionNode, R as ResolvedValues, f as HTMLRenderState } from '../types.d-BJcRxCew.js';
+export { A as AnimationType, p as FlatTree, F as ForwardRefComponent, j as MotionStyle, k as MotionTransform, P as PresenceContext, l as SVGAttributesAsMotionValues, n as SVGMotionProps, g as ScrapeMotionValuesFromProps, i as SwitchLayoutGroupContext, h as VisualState, m as makeUseVisualState, o as optimizedAppearDataAttribute } from '../types.d-BJcRxCew.js';
 import { Easing, EasingFunction, Point, Axis, Box } from 'motion-utils';
 export * from 'motion-utils';
 export { MotionGlobalConfig } from 'motion-utils';
@@ -120,6 +120,27 @@ interface AnimatePresenceProps {
  */
 declare const AnimatePresence: ({ children, custom, initial, onExitComplete, presenceAffectsLayout, mode, propagate, anchorX, root }: React$1.PropsWithChildren<AnimatePresenceProps>) => react_jsx_runtime.JSX.Element | null;
 
+interface Props$3 {
+    children: React$1.ReactElement;
+    isPresent: boolean;
+    anchorX?: "left" | "right";
+    root?: HTMLElement | ShadowRoot;
+}
+declare function PopChild({ children, isPresent, anchorX, root }: Props$3): react_jsx_runtime.JSX.Element;
+
+interface PresenceChildProps {
+    children: React$1.ReactElement;
+    isPresent: boolean;
+    onExitComplete?: () => void;
+    initial?: false | VariantLabels;
+    custom?: any;
+    presenceAffectsLayout: boolean;
+    mode: "sync" | "popLayout" | "wait";
+    anchorX?: "left" | "right";
+    root?: HTMLElement | ShadowRoot;
+}
+declare const PresenceChild: ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, root }: PresenceChildProps) => react_jsx_runtime.JSX.Element;
+
 type InheritOption = boolean | "id";
 interface Props$2 {
     id?: string;
@@ -298,87 +319,6 @@ interface MotionConfigProps extends Partial<MotionConfigContext> {
  */
 declare function MotionConfig({ children, isValidProp, ...config }: MotionConfigProps): react_jsx_runtime.JSX.Element;
 
-type ReorderElementTag = keyof HTMLElements;
-type DefaultGroupElement = "ul";
-type DefaultItemElement = "li";
-
-interface Props$1<V, TagName extends ReorderElementTag = DefaultGroupElement> {
-    /**
-     * A HTML element to render this component as. Defaults to `"ul"`.
-     *
-     * @public
-     */
-    as?: TagName;
-    /**
-     * The axis to reorder along. By default, items will be draggable on this axis.
-     * To make draggable on both axes, set `<Reorder.Item drag />`
-     *
-     * @public
-     */
-    axis?: "x" | "y";
-    /**
-     * A callback to fire with the new value order. For instance, if the values
-     * are provided as a state from `useState`, this could be the set state function.
-     *
-     * @public
-     */
-    onReorder: (newOrder: V[]) => void;
-    /**
-     * The latest values state.
-     *
-     * ```jsx
-     * function Component() {
-     *   const [items, setItems] = useState([0, 1, 2])
-     *
-     *   return (
-     *     <Reorder.Group values={items} onReorder={setItems}>
-     *         {items.map((item) => <Reorder.Item key={item} value={item} />)}
-     *     </Reorder.Group>
-     *   )
-     * }
-     * ```
-     *
-     * @public
-     */
-    values: V[];
-}
-type ReorderGroupProps<V, TagName extends ReorderElementTag = DefaultGroupElement> = Props$1<V, TagName> & Omit<HTMLMotionProps<TagName>, "values"> & React$1.PropsWithChildren<{}>;
-declare function ReorderGroupComponent<V, TagName extends ReorderElementTag = DefaultGroupElement>({ children, as, axis, onReorder, values, ...props }: ReorderGroupProps<V, TagName>, externalRef?: React$1.ForwardedRef<any>): JSX.Element;
-declare const ReorderGroup: <V, TagName extends keyof HTMLElements = "ul">(props: ReorderGroupProps<V, TagName> & {
-    ref?: React$1.ForwardedRef<any>;
-}) => ReturnType<typeof ReorderGroupComponent>;
-
-interface Props<V, TagName extends ReorderElementTag = DefaultItemElement> {
-    /**
-     * A HTML element to render this component as. Defaults to `"li"`.
-     *
-     * @public
-     */
-    as?: TagName;
-    /**
-     * The value in the list that this component represents.
-     *
-     * @public
-     */
-    value: V;
-    /**
-     * A subset of layout options primarily used to disable layout="size"
-     *
-     * @public
-     * @default true
-     */
-    layout?: true | "position";
-}
-type ReorderItemProps<V, TagName extends ReorderElementTag = DefaultItemElement> = Props<V, TagName> & Omit<HTMLMotionProps<TagName>, "value" | "layout"> & React$1.PropsWithChildren<{}>;
-declare function ReorderItemComponent<V, TagName extends ReorderElementTag = DefaultItemElement>({ children, style, value, as, onDrag, layout, ...props }: ReorderItemProps<V, TagName>, externalRef?: React$1.ForwardedRef<any>): JSX.Element;
-declare const ReorderItem: <V, TagName extends keyof HTMLElements = "li">(props: ReorderItemProps<V, TagName> & {
-    ref?: React$1.ForwardedRef<any>;
-}) => ReturnType<typeof ReorderItemComponent>;
-
-declare namespace namespace_d {
-  export { ReorderGroup as Group, ReorderItem as Item };
-}
-
 type ObjectTarget<O> = {
     [K in keyof O]?: O[K] | UnresolvedValueKeyframe[];
 };
@@ -527,6 +467,87 @@ 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 ReorderElementTag = keyof HTMLElements;
+type DefaultGroupElement = "ul";
+type DefaultItemElement = "li";
+
+interface Props$1<V, TagName extends ReorderElementTag = DefaultGroupElement> {
+    /**
+     * A HTML element to render this component as. Defaults to `"ul"`.
+     *
+     * @public
+     */
+    as?: TagName;
+    /**
+     * The axis to reorder along. By default, items will be draggable on this axis.
+     * To make draggable on both axes, set `<Reorder.Item drag />`
+     *
+     * @public
+     */
+    axis?: "x" | "y";
+    /**
+     * A callback to fire with the new value order. For instance, if the values
+     * are provided as a state from `useState`, this could be the set state function.
+     *
+     * @public
+     */
+    onReorder: (newOrder: V[]) => void;
+    /**
+     * The latest values state.
+     *
+     * ```jsx
+     * function Component() {
+     *   const [items, setItems] = useState([0, 1, 2])
+     *
+     *   return (
+     *     <Reorder.Group values={items} onReorder={setItems}>
+     *         {items.map((item) => <Reorder.Item key={item} value={item} />)}
+     *     </Reorder.Group>
+     *   )
+     * }
+     * ```
+     *
+     * @public
+     */
+    values: V[];
+}
+type ReorderGroupProps<V, TagName extends ReorderElementTag = DefaultGroupElement> = Props$1<V, TagName> & Omit<HTMLMotionProps<TagName>, "values"> & React$1.PropsWithChildren<{}>;
+declare function ReorderGroupComponent<V, TagName extends ReorderElementTag = DefaultGroupElement>({ children, as, axis, onReorder, values, ...props }: ReorderGroupProps<V, TagName>, externalRef?: React$1.ForwardedRef<any>): JSX.Element;
+declare const ReorderGroup: <V, TagName extends keyof HTMLElements = "ul">(props: ReorderGroupProps<V, TagName> & {
+    ref?: React$1.ForwardedRef<any>;
+}) => ReturnType<typeof ReorderGroupComponent>;
+
+interface Props<V, TagName extends ReorderElementTag = DefaultItemElement> {
+    /**
+     * A HTML element to render this component as. Defaults to `"li"`.
+     *
+     * @public
+     */
+    as?: TagName;
+    /**
+     * The value in the list that this component represents.
+     *
+     * @public
+     */
+    value: V;
+    /**
+     * A subset of layout options primarily used to disable layout="size"
+     *
+     * @public
+     * @default true
+     */
+    layout?: true | "position";
+}
+type ReorderItemProps<V, TagName extends ReorderElementTag = DefaultItemElement> = Props<V, TagName> & Omit<HTMLMotionProps<TagName>, "value" | "layout"> & React$1.PropsWithChildren<{}>;
+declare function ReorderItemComponent<V, TagName extends ReorderElementTag = DefaultItemElement>({ children, style, value, as, onDrag, layout, ...props }: ReorderItemProps<V, TagName>, externalRef?: React$1.ForwardedRef<any>): JSX.Element;
+declare const ReorderItem: <V, TagName extends keyof HTMLElements = "li">(props: ReorderItemProps<V, TagName> & {
+    ref?: React$1.ForwardedRef<any>;
+}) => ReturnType<typeof ReorderItemComponent>;
+
+declare namespace namespace_d {
+  export { ReorderGroup as Group, ReorderItem as Item };
+}
+
 type MotionComponentProps<Props> = {
     [K in Exclude<keyof Props, keyof MotionProps>]?: Props[K];
 } & MotionProps;
@@ -568,6 +589,17 @@ declare const createBox: () => Box;
 
 declare const isBrowser: boolean;
 
+/**
+ * Taken from https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx
+ */
+
+type PossibleRef<T> = React$1.Ref<T> | undefined;
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React$1.RefCallback<T>;
+
 declare function useForceUpdate(): [VoidFunction, number];
 
 declare const useIsomorphicLayoutEffect: typeof useEffect;
@@ -1239,4 +1271,4 @@ interface ScaleMotionValues {
  */
 declare function useInvertedScale(scale?: Partial<ScaleMotionValues>): ScaleMotionValues;
 
-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 };
+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, HTMLElements, 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, PopChild, PresenceChild, 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, VariantLabels, 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, useComposedRefs, 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-DsEeKk6G.d.ts → types.d-BJcRxCew.d.ts}

@@ -1,51 +1,10 @@
 /// <reference types="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 { TransformProperties, MotionNodeOptions, MotionValue, SVGPathProperties, Transition, JSAnimation, ValueTransition, TargetAndTransition, AnyResolvedKeyframe, KeyframeResolver, AnimationDefinition, Batcher } from 'motion-dom';
 import { TransformPoint, Box, Delta, Point, Axis } from 'motion-utils';
 import * as React$1 from 'react';
 import { CSSProperties, PropsWithoutRef, RefAttributes, JSX, SVGAttributes } from 'react';
 
-type ReducedMotionConfig = "always" | "never" | "user";
-/**
- * @public
- */
-interface MotionConfigContext {
-    /**
-     * Internal, exported only for usage in Framer
-     */
-    transformPagePoint: TransformPoint;
-    /**
-     * Internal. Determines whether this is a static context ie the Framer canvas. If so,
-     * it'll disable all dynamic functionality.
-     */
-    isStatic: boolean;
-    /**
-     * Defines a new default transition for the entire tree.
-     *
-     * @public
-     */
-    transition?: Transition;
-    /**
-     * If true, will respect the device prefersReducedMotion setting by switching
-     * transform animations off.
-     *
-     * @public
-     */
-    reducedMotion?: ReducedMotionConfig;
-    /**
-     * A custom `nonce` attribute used when wanting to enforce a Content Security Policy (CSP).
-     * For more details see:
-     * https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src#unsafe_inline_styles
-     *
-     * @public
-     */
-    nonce?: string;
-}
-/**
- * @public
- */
-declare const MotionConfigContext: React$1.Context<MotionConfigContext>;
-
 /**
  * Either a string, or array of strings, that reference variants defined via the `variants` prop.
  * @public
@@ -95,6 +54,47 @@ interface MotionProps extends MotionNodeOptions {
     children?: React.ReactNode | MotionValueNumber | MotionValueString;
 }
 
+type ReducedMotionConfig = "always" | "never" | "user";
+/**
+ * @public
+ */
+interface MotionConfigContext {
+    /**
+     * Internal, exported only for usage in Framer
+     */
+    transformPagePoint: TransformPoint;
+    /**
+     * Internal. Determines whether this is a static context ie the Framer canvas. If so,
+     * it'll disable all dynamic functionality.
+     */
+    isStatic: boolean;
+    /**
+     * Defines a new default transition for the entire tree.
+     *
+     * @public
+     */
+    transition?: Transition;
+    /**
+     * If true, will respect the device prefersReducedMotion setting by switching
+     * transform animations off.
+     *
+     * @public
+     */
+    reducedMotion?: ReducedMotionConfig;
+    /**
+     * A custom `nonce` attribute used when wanting to enforce a Content Security Policy (CSP).
+     * For more details see:
+     * https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src#unsafe_inline_styles
+     *
+     * @public
+     */
+    nonce?: string;
+}
+/**
+ * @public
+ */
+declare const MotionConfigContext: React$1.Context<MotionConfigContext>;
+
 /**
  * @public
  */
@@ -879,4 +879,4 @@ declare global {
     }
 }
 
-export { type AnimationType as A, type CreateVisualElement as C, type DOMMotionComponents as D, type ForwardRefComponent as F, type HTMLElements 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 HTMLMotionProps 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 };
+export { type AnimationType as A, type CreateVisualElement as C, type DOMMotionComponents as D, type ForwardRefComponent as F, type HTMLElements as H, type IProjectionNode as I, type MotionProps as M, PresenceContext as P, type ResolvedValues as R, type SVGMotionComponents as S, type VariantLabels as V, VisualElement as a, MotionConfigContext as b, type HTMLMotionProps as c, type HTMLMotionComponents as d, type VisualElementAnimationOptions as e, type HTMLRenderState as f, type ScrapeMotionValuesFromProps as g, type VisualState as h, SwitchLayoutGroupContext as i, type MotionStyle as j, type MotionTransform 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.21",
+    "version": "12.23.23",
     "description": "A simple and powerful JavaScript animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",
@@ -87,7 +87,7 @@
         "measure": "rollup -c ./rollup.size.config.mjs"
     },
     "dependencies": {
-        "motion-dom": "^12.23.21",
+        "motion-dom": "^12.23.23",
         "motion-utils": "^12.23.6",
         "tslib": "^2.4.0"
     },
@@ -142,5 +142,5 @@
             "maxSize": "2.26 kB"
         }
     ],
-    "gitHead": "aae63994094175758ffcc0f43ff1c56097a57ede"
+    "gitHead": "237eee22464039152dd3acf122496503b3f3a5da"
 }