motion 12.18.1 → 12.19.0

package/dist/es/framer-motion/dist/es/components/LayoutGroup/index.mjs

@@ -1,32 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useRef, useMemo } from 'react';
-import { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';
-import { DeprecatedLayoutGroupContext } from '../../context/DeprecatedLayoutGroupContext.mjs';
-import { useForceUpdate } from '../../utils/use-force-update.mjs';
-import { nodeGroup } from '../../projection/node/group.mjs';
-
-const shouldInheritGroup = (inherit) => inherit === true;
-const shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
-const LayoutGroup = ({ children, id, inherit = true }) => {
-    const layoutGroupContext = useContext(LayoutGroupContext);
-    const deprecatedLayoutGroupContext = useContext(DeprecatedLayoutGroupContext);
-    const [forceRender, key] = useForceUpdate();
-    const context = useRef(null);
-    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
-    if (context.current === null) {
-        if (shouldInheritId(inherit) && upstreamId) {
-            id = id ? upstreamId + "-" + id : upstreamId;
-        }
-        context.current = {
-            id,
-            group: shouldInheritGroup(inherit)
-                ? layoutGroupContext.group || nodeGroup()
-                : nodeGroup(),
-        };
-    }
-    const memoizedContext = useMemo(() => ({ ...context.current, forceRender }), [key]);
-    return (jsx(LayoutGroupContext.Provider, { value: memoizedContext, children: children }));
-};
-
-export { LayoutGroup };

package/dist/es/framer-motion/dist/es/components/LazyMotion/index.mjs

@@ -1,68 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { LazyContext } from '../../context/LazyContext.mjs';
-import { loadFeatures } from '../../motion/features/load-features.mjs';
-
-/**
- * Used in conjunction with the `m` component to reduce bundle size.
- *
- * `m` is a version of the `motion` component that only loads functionality
- * critical for the initial render.
- *
- * `LazyMotion` can then be used to either synchronously or asynchronously
- * load animation and gesture support.
- *
- * ```jsx
- * // Synchronous loading
- * import { LazyMotion, m, domAnimation } from "framer-motion"
- *
- * function App() {
- *   return (
- *     <LazyMotion features={domAnimation}>
- *       <m.div animate={{ scale: 2 }} />
- *     </LazyMotion>
- *   )
- * }
- *
- * // Asynchronous loading
- * import { LazyMotion, m } from "framer-motion"
- *
- * function App() {
- *   return (
- *     <LazyMotion features={() => import('./path/to/domAnimation')}>
- *       <m.div animate={{ scale: 2 }} />
- *     </LazyMotion>
- *   )
- * }
- * ```
- *
- * @public
- */
-function LazyMotion({ children, features, strict = false }) {
-    const [, setIsLoaded] = useState(!isLazyBundle(features));
-    const loadedRenderer = useRef(undefined);
-    /**
-     * If this is a synchronous load, load features immediately
-     */
-    if (!isLazyBundle(features)) {
-        const { renderer, ...loadedFeatures } = features;
-        loadedRenderer.current = renderer;
-        loadFeatures(loadedFeatures);
-    }
-    useEffect(() => {
-        if (isLazyBundle(features)) {
-            features().then(({ renderer, ...loadedFeatures }) => {
-                loadFeatures(loadedFeatures);
-                loadedRenderer.current = renderer;
-                setIsLoaded(true);
-            });
-        }
-    }, []);
-    return (jsx(LazyContext.Provider, { value: { renderer: loadedRenderer.current, strict }, children: children }));
-}
-function isLazyBundle(features) {
-    return typeof features === "function";
-}
-
-export { LazyMotion };

package/dist/es/framer-motion/dist/es/components/MotionConfig/index.mjs

@@ -1,48 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useMemo } from 'react';
-import { MotionConfigContext } from '../../context/MotionConfigContext.mjs';
-import { loadExternalIsValidProp } from '../../render/dom/utils/filter-props.mjs';
-import { useConstant } from '../../utils/use-constant.mjs';
-
-/**
- * `MotionConfig` is used to set configuration options for all children `motion` components.
- *
- * ```jsx
- * import { motion, MotionConfig } from "framer-motion"
- *
- * export function App() {
- *   return (
- *     <MotionConfig transition={{ type: "spring" }}>
- *       <motion.div animate={{ x: 100 }} />
- *     </MotionConfig>
- *   )
- * }
- * ```
- *
- * @public
- */
-function MotionConfig({ children, isValidProp, ...config }) {
-    isValidProp && loadExternalIsValidProp(isValidProp);
-    /**
-     * Inherit props from any parent MotionConfig components
-     */
-    config = { ...useContext(MotionConfigContext), ...config };
-    /**
-     * Don't allow isStatic to change between renders as it affects how many hooks
-     * motion components fire.
-     */
-    config.isStatic = useConstant(() => config.isStatic);
-    /**
-     * Creating a new config context object will re-render every `motion` component
-     * every time it renders. So we only want to create a new one sparingly.
-     */
-    const context = useMemo(() => config, [
-        JSON.stringify(config.transition),
-        config.transformPagePoint,
-        config.reducedMotion,
-    ]);
-    return (jsx(MotionConfigContext.Provider, { value: context, children: children }));
-}
-
-export { MotionConfig };

package/dist/es/framer-motion/dist/es/components/Reorder/Group.mjs

@@ -1,53 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useEffect } from 'react';
-import { ReorderContext } from '../../context/ReorderContext.mjs';
-import { motion } from '../../render/components/motion/proxy.mjs';
-import { useConstant } from '../../utils/use-constant.mjs';
-import { checkReorder } from './utils/check-reorder.mjs';
-import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
-
-function ReorderGroupComponent({ children, as = "ul", axis = "y", onReorder, values, ...props }, externalRef) {
-    const Component = useConstant(() => motion[as]);
-    const order = [];
-    const isReordering = useRef(false);
-    invariant(Boolean(values), "Reorder.Group must be provided a values prop");
-    const context = {
-        axis,
-        registerItem: (value, layout) => {
-            // If the entry was already added, update it rather than adding it again
-            const idx = order.findIndex((entry) => value === entry.value);
-            if (idx !== -1) {
-                order[idx].layout = layout[axis];
-            }
-            else {
-                order.push({ value: value, layout: layout[axis] });
-            }
-            order.sort(compareMin);
-        },
-        updateOrder: (item, offset, velocity) => {
-            if (isReordering.current)
-                return;
-            const newOrder = checkReorder(order, item, offset, velocity);
-            if (order !== newOrder) {
-                isReordering.current = true;
-                onReorder(newOrder
-                    .map(getValue)
-                    .filter((value) => values.indexOf(value) !== -1));
-            }
-        },
-    };
-    useEffect(() => {
-        isReordering.current = false;
-    });
-    return (jsx(Component, { ...props, ref: externalRef, ignoreStrict: true, children: jsx(ReorderContext.Provider, { value: context, children: children }) }));
-}
-const ReorderGroup = /*@__PURE__*/ forwardRef(ReorderGroupComponent);
-function getValue(item) {
-    return item.value;
-}
-function compareMin(a, b) {
-    return a.layout.min - b.layout.min;
-}
-
-export { ReorderGroup, ReorderGroupComponent };

package/dist/es/framer-motion/dist/es/components/Reorder/Item.mjs

@@ -1,34 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
-import { ReorderContext } from '../../context/ReorderContext.mjs';
-import { motion } from '../../render/components/motion/proxy.mjs';
-import { useConstant } from '../../utils/use-constant.mjs';
-import { useMotionValue } from '../../value/use-motion-value.mjs';
-import { useTransform } from '../../value/use-transform.mjs';
-import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
-import { isMotionValue } from '../../../../../motion-dom/dist/es/value/utils/is-motion-value.mjs';
-
-function useDefaultMotionValue(value, defaultValue = 0) {
-    return isMotionValue(value) ? value : useMotionValue(defaultValue);
-}
-function ReorderItemComponent({ children, style = {}, value, as = "li", onDrag, layout = true, ...props }, externalRef) {
-    const Component = useConstant(() => motion[as]);
-    const context = useContext(ReorderContext);
-    const point = {
-        x: useDefaultMotionValue(style.x),
-        y: useDefaultMotionValue(style.y),
-    };
-    const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) => latestX || latestY ? 1 : "unset");
-    invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group");
-    const { axis, registerItem, updateOrder } = context;
-    return (jsx(Component, { drag: axis, ...props, dragSnapToOrigin: true, style: { ...style, x: point.x, y: point.y, zIndex }, layout: layout, onDrag: (event, gesturePoint) => {
-            const { velocity } = gesturePoint;
-            velocity[axis] &&
-                updateOrder(value, point[axis].get(), velocity[axis]);
-            onDrag && onDrag(event, gesturePoint);
-        }, onLayoutMeasure: (measured) => registerItem(value, measured), ref: externalRef, ignoreStrict: true, children: children }));
-}
-const ReorderItem = /*@__PURE__*/ forwardRef(ReorderItemComponent);
-
-export { ReorderItem, ReorderItemComponent };

package/dist/es/framer-motion/dist/es/components/Reorder/namespace.mjs

@@ -1,2 +0,0 @@
-export { ReorderGroup as Group } from './Group.mjs';
-export { ReorderItem as Item } from './Item.mjs';

package/dist/es/framer-motion/dist/es/components/Reorder/utils/check-reorder.mjs

@@ -1,24 +0,0 @@
-import { mixNumber } from '../../../../../../motion-dom/dist/es/utils/mix/number.mjs';
-import { moveItem } from '../../../../../../motion-utils/dist/es/array.mjs';
-
-function checkReorder(order, value, offset, velocity) {
-    if (!velocity)
-        return order;
-    const index = order.findIndex((item) => item.value === value);
-    if (index === -1)
-        return order;
-    const nextOffset = velocity > 0 ? 1 : -1;
-    const nextItem = order[index + nextOffset];
-    if (!nextItem)
-        return order;
-    const item = order[index];
-    const nextLayout = nextItem.layout;
-    const nextItemCenter = mixNumber(nextLayout.min, nextLayout.max, 0.5);
-    if ((nextOffset === 1 && item.layout.max + offset > nextItemCenter) ||
-        (nextOffset === -1 && item.layout.min + offset < nextItemCenter)) {
-        return moveItem(order, index, index + nextOffset);
-    }
-    return order;
-}
-
-export { checkReorder };

package/dist/es/framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs

@@ -1,10 +0,0 @@
-import { createContext } from 'react';
-
-/**
- * Note: Still used by components generated by old versions of Framer
- *
- * @deprecated
- */
-const DeprecatedLayoutGroupContext = createContext(null);
-
-export { DeprecatedLayoutGroupContext };

package/dist/es/framer-motion/dist/es/context/LayoutGroupContext.mjs

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-const LayoutGroupContext = createContext({});
-
-export { LayoutGroupContext };

package/dist/es/framer-motion/dist/es/context/LazyContext.mjs

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-const LazyContext = createContext({ strict: false });
-
-export { LazyContext };

package/dist/es/framer-motion/dist/es/context/MotionConfigContext.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-/**
- * @public
- */
-const MotionConfigContext = createContext({
-    transformPagePoint: (p) => p,
-    isStatic: false,
-    reducedMotion: "never",
-});
-
-export { MotionConfigContext };

package/dist/es/framer-motion/dist/es/context/MotionContext/create.mjs

@@ -1,13 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { MotionContext } from './index.mjs';
-import { getCurrentTreeVariants } from './utils.mjs';
-
-function useCreateMotionContext(props) {
-    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));
-    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
-}
-function variantLabelsAsDependency(prop) {
-    return Array.isArray(prop) ? prop.join(" ") : prop;
-}
-
-export { useCreateMotionContext };

package/dist/es/framer-motion/dist/es/context/MotionContext/index.mjs

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-const MotionContext = /* @__PURE__ */ createContext({});
-
-export { MotionContext };

package/dist/es/framer-motion/dist/es/context/MotionContext/utils.mjs

@@ -1,17 +0,0 @@
-import { isControllingVariants } from '../../render/utils/is-controlling-variants.mjs';
-import { isVariantLabel } from '../../render/utils/is-variant-label.mjs';
-
-function getCurrentTreeVariants(props, context) {
-    if (isControllingVariants(props)) {
-        const { initial, animate } = props;
-        return {
-            initial: initial === false || isVariantLabel(initial)
-                ? initial
-                : undefined,
-            animate: isVariantLabel(animate) ? animate : undefined,
-        };
-    }
-    return props.inherit !== false ? context : {};
-}
-
-export { getCurrentTreeVariants };

package/dist/es/framer-motion/dist/es/context/PresenceContext.mjs

@@ -1,10 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-/**
- * @public
- */
-const PresenceContext = 
-/* @__PURE__ */ createContext(null);
-
-export { PresenceContext };

package/dist/es/framer-motion/dist/es/context/ReorderContext.mjs

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-const ReorderContext = createContext(null);
-
-export { ReorderContext };

package/dist/es/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs

@@ -1,9 +0,0 @@
-"use client";
-import { createContext } from 'react';
-
-/**
- * Internal, exported only for usage in Framer
- */
-const SwitchLayoutGroupContext = createContext({});
-
-export { SwitchLayoutGroupContext };

package/dist/es/framer-motion/dist/es/events/add-dom-event.mjs

@@ -1,6 +0,0 @@
-function addDomEvent(target, eventName, handler, options = { passive: true }) {
-    target.addEventListener(eventName, handler, options);
-    return () => target.removeEventListener(eventName, handler);
-}
-
-export { addDomEvent };

package/dist/es/framer-motion/dist/es/events/add-pointer-event.mjs

@@ -1,8 +0,0 @@
-import { addDomEvent } from './add-dom-event.mjs';
-import { addPointerInfo } from './event-info.mjs';
-
-function addPointerEvent(target, eventName, handler, options) {
-    return addDomEvent(target, eventName, addPointerInfo(handler), options);
-}
-
-export { addPointerEvent };

package/dist/es/framer-motion/dist/es/events/event-info.mjs

@@ -1,15 +0,0 @@
-import { isPrimaryPointer } from '../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
-
-function extractEventInfo(event) {
-    return {
-        point: {
-            x: event.pageX,
-            y: event.pageY,
-        },
-    };
-}
-const addPointerInfo = (handler) => {
-    return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
-};
-
-export { addPointerInfo, extractEventInfo };

package/dist/es/framer-motion/dist/es/events/use-dom-event.mjs

@@ -1,34 +0,0 @@
-import { useEffect } from 'react';
-import { addDomEvent } from './add-dom-event.mjs';
-
-/**
- * Attaches an event listener directly to the provided DOM element.
- *
- * Bypassing React's event system can be desirable, for instance when attaching non-passive
- * event handlers.
- *
- * ```jsx
- * const ref = useRef(null)
- *
- * useDomEvent(ref, 'wheel', onWheel, { passive: false })
- *
- * return <div ref={ref} />
- * ```
- *
- * @param ref - React.RefObject that's been provided to the element you want to bind the listener to.
- * @param eventName - Name of the event you want listen for.
- * @param handler - Function to fire when receiving the event.
- * @param options - Options to pass to `Event.addEventListener`.
- *
- * @public
- */
-function useDomEvent(ref, eventName, handler, options) {
-    useEffect(() => {
-        const element = ref.current;
-        if (handler && element) {
-            return addDomEvent(element, eventName, handler, options);
-        }
-    }, [ref, eventName, handler, options]);
-}
-
-export { useDomEvent };