framer-motion 6.3.11 → 6.3.12

package/types/gestures/drag/utils/constraints.d.ts

@@ -1,77 +0,0 @@
-import { Axis, BoundingBox, Box, Point } from "../../../projection/geometry/types";
-import { DragElastic, ResolvedConstraints } from "../types";
-/**
- * Apply constraints to a point. These constraints are both physical along an
- * axis, and an elastic factor that determines how much to constrain the point
- * by if it does lie outside the defined parameters.
- */
-export declare function applyConstraints(point: number, { min, max }: Partial<Axis>, elastic?: Axis): number;
-/**
- * Calculates a min projection point based on a pointer, pointer progress
- * within the drag target, and constraints.
- *
- * For instance if an element was 100px width, we were dragging from 0.25
- * along this axis, the pointer is at 200px, and there were no constraints,
- * we would calculate a min projection point of 175px.
- */
-export declare function calcConstrainedMinPoint(point: number, length: number, progress: number, constraints?: Partial<Axis>, elastic?: Axis): number;
-/**
- * Calculate constraints in terms of the viewport when defined relatively to the
- * measured axis. This is measured from the nearest edge, so a max constraint of 200
- * on an axis with a max value of 300 would return a constraint of 500 - axis length
- */
-export declare function calcRelativeAxisConstraints(axis: Axis, min?: number, max?: number): Partial<Axis>;
-/**
- * Calculate constraints in terms of the viewport when
- * defined relatively to the measured bounding box.
- */
-export declare function calcRelativeConstraints(layoutBox: Box, { top, left, bottom, right }: Partial<BoundingBox>): ResolvedConstraints;
-/**
- * Calculate viewport constraints when defined as another viewport-relative axis
- */
-export declare function calcViewportAxisConstraints(layoutAxis: Axis, constraintsAxis: Axis): {
-    min: number;
-    max: number;
-};
-/**
- * Calculate viewport constraints when defined as another viewport-relative box
- */
-export declare function calcViewportConstraints(layoutBox: Box, constraintsBox: Box): {
-    x: {
-        min: number;
-        max: number;
-    };
-    y: {
-        min: number;
-        max: number;
-    };
-};
-/**
- * Calculate a transform origin relative to the source axis, between 0-1, that results
- * in an asthetically pleasing scale/transform needed to project from source to target.
- */
-export declare function calcOrigin(source: Axis, target: Axis): number;
-/**
- * Calculate the relative progress of one constraints box relative to another.
- * Imagine a page scroll bar. At the top, this would return 0, at the bottom, 1.
- * Anywhere in-between, a value between 0 and 1.
- *
- * This also handles flipped constraints, for instance a draggable container within
- * a smaller viewport like a scrollable view.
- */
-export declare function calcProgressWithinConstraints(layoutBox: Box, constraintsBox: Box): Point;
-/**
- * Calculate the an axis position based on two axes and a progress value.
- */
-export declare function calcPositionFromProgress(axis: Axis, constraints: Axis, progress: number): Axis;
-/**
- * Rebase the calculated viewport constraints relative to the layout.min point.
- */
-export declare function rebaseAxisConstraints(layout: Axis, constraints: Partial<Axis>): Partial<Axis>;
-export declare const defaultElastic = 0.35;
-/**
- * Accepts a dragElastic prop and returns resolved elastic values for each axis.
- */
-export declare function resolveDragElastic(dragElastic?: DragElastic): Box;
-export declare function resolveAxisElastic(dragElastic: DragElastic, minLabel: string, maxLabel: string): Axis;
-export declare function resolvePointElastic(dragElastic: DragElastic, label: string): number;

package/types/gestures/drag/utils/lock.d.ts

@@ -1,4 +0,0 @@
-export declare type Lock = (() => void) | false;
-export declare function createLock(name: string): () => Lock;
-export declare function getGlobalLock(drag: boolean | "x" | "y" | "lockDirection"): Lock;
-export declare function isDragActive(): boolean;

package/types/gestures/types.d.ts

@@ -1,225 +0,0 @@
-import { EventInfo } from "../events/types";
-import { VariantLabels } from "../motion/types";
-import { Point } from "../projection/geometry/types";
-import { TargetAndTransition } from "../types";
-import { PanInfo } from "./PanSession";
-export declare type RemoveEvent = () => void;
-/**
- * @public
- */
-export interface FocusHandlers {
-    /**
-     * Properties or variant label to animate to while the focus gesture is recognised.
-     *
-     * ```jsx
-     * <motion.input whileFocus={{ scale: 1.2 }} />
-     * ```
-     */
-    whileFocus?: VariantLabels | TargetAndTransition;
-}
-/**
- * Passed in to tap event handlers like `onTap` the `TapInfo` object contains
- * information about the tap gesture such as it‘s location.
- *
- * ```jsx
- * function onTap(event, info) {
- *   console.log(info.point.x, info.point.y)
- * }
- *
- * <motion.div onTap={onTap} />
- * ```
- *
- * @public
- */
-export interface TapInfo {
-    /**
-     * Contains `x` and `y` values for the tap gesture relative to the
-     * device or page.
-     *
-     * ```jsx
-     * function onTapStart(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onTapStart={onTapStart} />
-     * ```
-     *
-     * @public
-     */
-    point: Point;
-}
-/**
- * @public
- */
-export interface TapHandlers {
-    /**
-     * Callback when the tap gesture successfully ends on this element.
-     *
-     * ```jsx
-     * function onTap(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onTap={onTap} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.
-     */
-    onTap?(event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo): void;
-    /**
-     * Callback when the tap gesture starts on this element.
-     *
-     * ```jsx
-     * function onTapStart(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onTapStart={onTapStart} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.
-     */
-    onTapStart?(event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo): void;
-    /**
-     * Callback when the tap gesture ends outside this element.
-     *
-     * ```jsx
-     * function onTapCancel(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onTapCancel={onTapCancel} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.
-     */
-    onTapCancel?(event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo): void;
-    /**
-     * Properties or variant label to animate to while the component is pressed.
-     *
-     * ```jsx
-     * <motion.div whileTap={{ scale: 0.8 }} />
-     * ```
-     */
-    whileTap?: VariantLabels | TargetAndTransition;
-}
-export declare type PanHandler = (event: Event, info: PanInfo) => void;
-/**
- * @public
- */
-export interface PanHandlers {
-    /**
-     * Callback function that fires when the pan gesture is recognised on this element.
-     *
-     * **Note:** For pan gestures to work correctly with touch input, the element needs
-     * touch scrolling to be disabled on either x/y or both axis with the
-     * [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) CSS rule.
-     *
-     * ```jsx
-     * function onPan(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onPan={onPan} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - A {@link PanInfo} object containing `x` and `y` values for:
-     *
-     *   - `point`: Relative to the device or page.
-     *   - `delta`: Distance moved since the last event.
-     *   - `offset`: Offset from the original pan event.
-     *   - `velocity`: Current velocity of the pointer.
-     */
-    onPan?(event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo): void;
-    /**
-     * Callback function that fires when the pan gesture begins on this element.
-     *
-     * ```jsx
-     * function onPanStart(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onPanStart={onPanStart} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - A {@link PanInfo} object containing `x`/`y` values for:
-     *
-     *   - `point`: Relative to the device or page.
-     *   - `delta`: Distance moved since the last event.
-     *   - `offset`: Offset from the original pan event.
-     *   - `velocity`: Current velocity of the pointer.
-     */
-    onPanStart?(event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo): void;
-    /**
-     * Callback function that fires when we begin detecting a pan gesture. This
-     * is analogous to `onMouseStart` or `onTouchStart`.
-     *
-     * ```jsx
-     * function onPanSessionStart(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onPanSessionStart={onPanSessionStart} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - An {@link EventInfo} object containing `x`/`y` values for:
-     *
-     *   - `point`: Relative to the device or page.
-     */
-    onPanSessionStart?(event: MouseEvent | TouchEvent | PointerEvent, info: EventInfo): void;
-    /**
-     * Callback function that fires when the pan gesture ends on this element.
-     *
-     * ```jsx
-     * function onPanEnd(event, info) {
-     *   console.log(info.point.x, info.point.y)
-     * }
-     *
-     * <motion.div onPanEnd={onPanEnd} />
-     * ```
-     *
-     * @param event - The originating pointer event.
-     * @param info - A {@link PanInfo} object containing `x`/`y` values for:
-     *
-     *   - `point`: Relative to the device or page.
-     *   - `delta`: Distance moved since the last event.
-     *   - `offset`: Offset from the original pan event.
-     *   - `velocity`: Current velocity of the pointer.
-     */
-    onPanEnd?(event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo): void;
-}
-/**
- * @public
- */
-export interface HoverHandlers {
-    /**
-     * Properties or variant label to animate to while the hover gesture is recognised.
-     *
-     * ```jsx
-     * <motion.div whileHover={{ scale: 1.2 }} />
-     * ```
-     */
-    whileHover?: VariantLabels | TargetAndTransition;
-    /**
-     * Callback function that fires when pointer starts hovering over the component.
-     *
-     * ```jsx
-     * <motion.div onHoverStart={() => console.log('Hover starts')} />
-     * ```
-     */
-    onHoverStart?(event: MouseEvent, info: EventInfo): void;
-    /**
-     * Callback function that fires when pointer stops hovering over the component.
-     *
-     * ```jsx
-     * <motion.div onHoverEnd={() => console.log("Hover ends")} />
-     * ```
-     */
-    onHoverEnd?(event: MouseEvent, info: EventInfo): void;
-}

package/types/gestures/use-focus-gesture.d.ts

@@ -1,8 +0,0 @@
-import { FeatureProps } from "../motion/features/types";
-/**
- *
- * @param props
- * @param ref
- * @internal
- */
-export declare function useFocusGesture({ whileFocus, visualElement }: FeatureProps): void;

package/types/gestures/use-hover-gesture.d.ts

@@ -1,2 +0,0 @@
-import { FeatureProps } from "../motion/features/types";
-export declare function useHoverGesture({ onHoverStart, onHoverEnd, whileHover, visualElement, }: FeatureProps): void;

package/types/gestures/use-pan-gesture.d.ts

@@ -1,14 +0,0 @@
-import { FeatureProps } from "../motion/features/types";
-/**
- *
- * @param handlers -
- * @param ref -
- *
- * @internalremarks
- * Currently this sets new pan gesture functions every render. The memo route has been explored
- * in the past but ultimately we're still creating new functions every render. An optimisation
- * to explore is creating the pan gestures and loading them into a `ref`.
- *
- * @internal
- */
-export declare function usePanGesture({ onPan, onPanStart, onPanEnd, onPanSessionStart, visualElement, }: FeatureProps): void;

package/types/gestures/use-tap-gesture.d.ts

@@ -1,6 +0,0 @@
-import { FeatureProps } from "../motion/features/types";
-/**
- * @param handlers -
- * @internal
- */
-export declare function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement, }: FeatureProps): void;

package/types/gestures/utils/event-type.d.ts

@@ -1,2 +0,0 @@
-export declare function isMouseEvent(event: MouseEvent | TouchEvent | PointerEvent): event is MouseEvent;
-export declare function isTouchEvent(event: MouseEvent | TouchEvent | PointerEvent): event is TouchEvent;

package/types/gestures/utils/is-node-or-child.d.ts

@@ -1,8 +0,0 @@
-/**
- * Recursively traverse up the tree to check whether the provided child node
- * is the parent or a descendant of it.
- *
- * @param parent - Element to find
- * @param child - Element to test against parent
- */
-export declare const isNodeOrChild: (parent: Element, child?: Element | null | undefined) => boolean;

package/types/index.d.ts

@@ -1,96 +0,0 @@
-/**
- * Components
- */
-export { motion, createDomMotionComponent } from "./render/dom/motion";
-export { m } from "./render/dom/motion-minimal";
-export { AnimatePresence } from "./components/AnimatePresence";
-export { AnimateSharedLayout } from "./components/AnimateSharedLayout";
-export { MotionConfig } from "./components/MotionConfig";
-export { LazyMotion } from "./components/LazyMotion";
-export { LayoutGroup } from "./components/LayoutGroup";
-export { Reorder } from "./components/Reorder";
-/**
- * Three
- */
-export * from "./three-entry";
-/**
- * Features
- */
-export { domAnimation } from "./render/dom/features-animation";
-export { domMax } from "./render/dom/features-max";
-/**
- * Motion values
- */
-export { useMotionValue } from "./value/use-motion-value";
-export { useMotionTemplate } from "./value/use-motion-template";
-export { MotionValue, motionValue, PassiveEffect, Subscriber } from "./value";
-export { resolveMotionValue } from "./value/utils/resolve-motion-value";
-export { useTransform } from "./value/use-transform";
-export { useSpring } from "./value/use-spring";
-export { useVelocity } from "./value/use-velocity";
-export { useElementScroll } from "./value/scroll/use-element-scroll";
-export { useViewportScroll } from "./value/scroll/use-viewport-scroll";
-export { useTime } from "./value/use-time";
-/**
- * Accessibility
- */
-export { useReducedMotion, useReducedMotionConfig, } from "./utils/use-reduced-motion";
-/**
- * Utils
- */
-export { animationControls } from "./animation/animation-controls";
-export { AnimationControls } from "./animation/types";
-export { useAnimation } from "./animation/use-animation";
-export { useAnimationFrame } from "./utils/use-animation-frame";
-export { animate } from "./animation/animate";
-export { animateVisualElement } from "./render/utils/animation";
-export { HoverHandlers, TapHandlers, PanHandlers, FocusHandlers, TapInfo, } from "./gestures/types";
-export { PanInfo } from "./gestures/PanSession";
-export { useCycle } from "./utils/use-cycle";
-export { transform } from "./utils/transform";
-export { isValidMotionProp } from "./motion/utils/valid-prop";
-export { usePresence, useIsPresent, } from "./components/AnimatePresence/use-presence";
-export { useDragControls, DragControls, } from "./gestures/drag/use-drag-controls";
-export { useDomEvent } from "./events/use-dom-event";
-export { createMotionComponent } from "./motion";
-export { visualElement } from "./render";
-export { VisualElement } from "./render/types";
-export { addScaleCorrector } from "./projection/styles/scale-correction";
-export { useInstantTransition } from "./utils/use-instant-transition";
-export { useInstantLayoutTransition } from "./projection/use-instant-layout-transition";
-export { useResetProjection } from "./projection/use-reset-projection";
-/**
- * Contexts
- */
-export { MotionContext } from "./context/MotionContext";
-export { MotionConfigContext } from "./context/MotionConfigContext";
-export { PresenceContext } from "./context/PresenceContext";
-export { LayoutGroupContext } from "./context/LayoutGroupContext";
-export { DeprecatedLayoutGroupContext } from "./context/DeprecatedLayoutGroupContext";
-export { SwitchLayoutGroupContext } from "./context/SwitchLayoutGroupContext";
-/**
- * Types
- */
-export { HTMLMotionProps, ForwardRefComponent } from "./render/html/types";
-export { SVGMotionProps, SVGAttributesAsMotionValues } from "./render/svg/types";
-export { AnimationOptions, AnimationPlaybackControls, } from "./animation/animate";
-export { CustomDomComponent } from "./render/dom/motion-proxy";
-export { ScrollMotionValues } from "./value/scroll/utils";
-export { AnimationProps, MotionProps, MotionAdvancedProps, MotionStyle, MotionTransform, VariantLabels, RelayoutInfo, ResolveLayoutTransition, } from "./motion/types";
-export { Orchestration, Repeat, Tween, Spring, Keyframes, Inertia, None, EasingFunction, Target, TargetAndTransition, Transition, ResolvedKeyframesTarget, KeyframesTarget, CustomValueType, ResolvedSingleTarget, SingleTarget, ResolvedValueTarget, ValueTarget, Variant, Variants, } from "./types";
-export { EventInfo } from "./events/types";
-export { VisualElementLifecycles } from "./render/utils/lifecycles";
-export * from "./motion/features/types";
-export { DraggableProps, DragHandlers, DragElastic, } from "./gestures/drag/types";
-export { LayoutProps } from "./motion/features/layout/types";
-export { AnimatePresenceProps } from "./components/AnimatePresence/types";
-export { MotionConfigProps } from "./components/MotionConfig";
-export { LazyProps } from "./components/LazyMotion/types";
-export { FlatTree } from "./render/utils/flat-tree";
-export * from "./projection/geometry/types";
-export { IProjectionNode } from "./projection/node/types";
-/**
- * Deprecated
- */
-export { useAnimatedState as useDeprecatedAnimatedState } from "./animation/use-animated-state";
-export { useInvertedScale as useDeprecatedInvertedScale } from "./value/use-inverted-scale";

package/types/motion/features/animations.d.ts

@@ -1,2 +0,0 @@
-import { FeatureComponents } from "./types";
-export declare const animations: FeatureComponents;

package/types/motion/features/definitions.d.ts

@@ -1,3 +0,0 @@
-import { FeatureComponents, LoadedFeatures } from "./types";
-export declare const featureDefinitions: LoadedFeatures;
-export declare function loadFeatures(features: FeatureComponents): void;

package/types/motion/features/drag.d.ts

@@ -1,2 +0,0 @@
-import { FeatureComponents } from "./types";
-export declare const drag: FeatureComponents;

package/types/motion/features/gestures.d.ts

@@ -1,2 +0,0 @@
-import { FeatureComponents } from "./types";
-export declare const gestureAnimations: FeatureComponents;

package/types/motion/features/layout/MeasureLayout.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FeatureProps } from "../types";
-export declare function MeasureLayout(props: FeatureProps): JSX.Element;

package/types/motion/features/layout/index.d.ts

@@ -1,2 +0,0 @@
-import { FeatureComponents } from "../types";
-export declare const layoutFeatures: FeatureComponents;

package/types/motion/features/layout/types.d.ts

@@ -1,75 +0,0 @@
-/**
- * @public
- */
-export interface LayoutProps {
-    /**
-     * If `true`, this component will automatically animate to its new position when
-     * its layout changes.
-     *
-     * ```jsx
-     * <motion.div layout />
-     * ```
-     *
-     * This will perform a layout animation using performant transforms. Part of this technique
-     * involved animating an element's scale. This can introduce visual distortions on children,
-     * `boxShadow` and `borderRadius`.
-     *
-     * To correct distortion on immediate children, add `layout` to those too.
-     *
-     * `boxShadow` and `borderRadius` will automatically be corrected if they are already being
-     * animated on this component. Otherwise, set them directly via the `initial` prop.
-     *
-     * If `layout` is set to `"position"`, the size of the component will change instantly and
-     * only its position will animate. If `layout` is set to `"size"`, the position of the
-     * component will change instantly but its size will animate.
-     *
-     * If `layout` is set to `"size"`, the position of the component will change instantly and
-     * only its size will animate.
-     *
-     * @public
-     */
-    layout?: boolean | "position" | "size";
-    /**
-     * Enable shared layout transitions between different components with the same `layoutId`.
-     *
-     * When a component with a layoutId is removed from the React tree, and then
-     * added elsewhere, it will visually animate from the previous component's bounding box
-     * and its latest animated values.
-     *
-     * ```jsx
-     *   {items.map(item => (
-     *      <motion.li layout>
-     *         {item.name}
-     *         {item.isSelected && <motion.div layoutId="underline" />}
-     *      </motion.li>
-     *   ))}
-     * ```
-     *
-     * If the previous component remains in the tree it will crossfade with the new component.
-     *
-     * @public
-     */
-    layoutId?: string;
-    /**
-     * A callback that will fire when a layout animation on this component starts.
-     *
-     * @public
-     */
-    onLayoutAnimationStart?(): void;
-    /**
-     * A callback that will fire when a layout animation on this component completes.
-     *
-     * @public
-     */
-    onLayoutAnimationComplete?(): void;
-    /**
-     * @public
-     */
-    layoutDependency?: any;
-    /**
-     * Wether a projection node should measure its scroll when it or its descendants update their layout.
-     *
-     * @public
-     */
-    layoutScroll?: boolean;
-}

package/types/motion/features/types.d.ts

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { MotionProps } from "../types";
-import { VisualState } from "../utils/use-visual-state";
-import { CreateVisualElement, VisualElement } from "../../render/types";
-/**
- * @public
- */
-export interface FeatureProps extends MotionProps {
-    visualElement: VisualElement;
-}
-export declare type FeatureNames = {
-    animation: true;
-    exit: true;
-    drag: true;
-    tap: true;
-    focus: true;
-    hover: true;
-    pan: true;
-    inView: true;
-    measureLayout: true;
-};
-export declare type FeatureComponent = React.ComponentType<FeatureProps>;
-/**
- * @public
- */
-export interface FeatureDefinition {
-    isEnabled: (props: MotionProps) => boolean;
-    Component?: FeatureComponent;
-}
-export interface FeatureComponents {
-    animation?: FeatureComponent;
-    exit?: FeatureComponent;
-    drag?: FeatureComponent;
-    tap?: FeatureComponent;
-    focus?: FeatureComponent;
-    hover?: FeatureComponent;
-    pan?: FeatureComponent;
-    inView?: FeatureComponent;
-    measureLayout?: FeatureComponent;
-}
-export interface FeatureBundle extends FeatureComponents {
-    renderer: CreateVisualElement<any>;
-    projectionNodeConstructor?: any;
-}
-export declare type LazyFeatureBundle = () => Promise<FeatureBundle>;
-export declare type FeatureDefinitions = {
-    [K in keyof FeatureNames]: FeatureDefinition;
-};
-export declare type LoadedFeatures = FeatureDefinitions & {
-    projectionNodeConstructor?: any;
-};
-export declare type RenderComponent<Instance, RenderState> = (Component: string | React.ComponentType, props: MotionProps, projectionId: number | undefined, ref: React.Ref<Instance>, visualState: VisualState<Instance, RenderState>, isStatic: boolean, visualElement?: VisualElement) => any;

package/types/motion/features/use-features.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { VisualElement } from "../../render/types";
-import { MotionProps } from "../types";
-import { FeatureBundle } from "./types";
-/**
- * Load features via renderless components based on the provided MotionProps.
- */
-export declare function useFeatures(props: MotionProps, visualElement?: VisualElement, preloadedFeatures?: FeatureBundle): null | JSX.Element[];

package/types/motion/features/use-projection.d.ts

@@ -1,3 +0,0 @@
-import { VisualElement } from "../../render/types";
-import { MotionProps } from "../types";
-export declare function useProjection(projectionId: number | undefined, { layoutId, layout, drag, dragConstraints, layoutScroll }: MotionProps, visualElement?: VisualElement, ProjectionNodeConstructor?: any): void;

package/types/motion/features/viewport/observers.d.ts

@@ -1,3 +0,0 @@
-declare type IntersectionHandler = (entry: IntersectionObserverEntry) => void;
-export declare function observeIntersection(element: Element, options: IntersectionObserverInit, callback: IntersectionHandler): () => void;
-export {};

package/types/motion/features/viewport/types.d.ts

@@ -1,21 +0,0 @@
-import { RefObject } from "react";
-import { TargetAndTransition } from "../../../types";
-import { VariantLabels } from "../../types";
-export declare type ViewportEventHandler = (entry: IntersectionObserverEntry | null) => void;
-export interface ViewportOptions {
-    root?: RefObject<Element>;
-    once?: boolean;
-    margin?: string;
-    amount?: "some" | "all" | number;
-    fallback?: boolean;
-}
-export interface ViewportProps {
-    whileInView?: VariantLabels | TargetAndTransition;
-    onViewportEnter?: ViewportEventHandler;
-    onViewportLeave?: ViewportEventHandler;
-    viewport?: ViewportOptions;
-}
-export declare type ViewportState = {
-    hasEnteredView: boolean;
-    isInView: boolean;
-};

package/types/motion/features/viewport/use-viewport.d.ts

@@ -1,2 +0,0 @@
-import { FeatureProps } from "../types";
-export declare function useViewport({ visualElement, whileInView, onViewportEnter, onViewportLeave, viewport, }: FeatureProps): void;