motion-v 0.12.0-beta.2 → 0.13.0-alpha.0

package/dist/es/utils/get-context-window.d.ts

@@ -1,2 +0,0 @@
-import { VisualElement } from 'framer-motion';
-export declare function getContextWindow({ current }: VisualElement<Element>): Window & typeof globalThis;

package/dist/es/utils/index.d.ts

@@ -1,7 +0,0 @@
-export * from './createContext';
-export * from './motion-value';
-export * from './use-in-view';
-export * from './use-animation-frame';
-export * from './time-conversion';
-export * from './get-context-window';
-export * from './use-dom-ref';

package/dist/es/utils/mix/number.d.ts

@@ -1 +0,0 @@
-export declare function mixNumber(from: number, to: number, progress: number): number;

package/dist/es/utils/motion-value.d.ts

@@ -1,2 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-export declare function isMotionValue(value: any): value is MotionValue;

package/dist/es/utils/noop.d.ts

@@ -1 +0,0 @@
-export declare const noop: <T>(any: T) => T;

package/dist/es/utils/progress.d.ts

@@ -1 +0,0 @@
-export declare function progress(from: number, to: number, value: number): number;

package/dist/es/utils/time-conversion.d.ts

@@ -1,8 +0,0 @@
-/**
- * Converts seconds to milliseconds
- *
- * @param seconds - Time in seconds.
- * @return milliseconds - Converted time in milliseconds.
- */
-export declare const secondsToMilliseconds: (seconds: number) => number;
-export declare function millisecondsToSeconds(milliseconds: number): number;

package/dist/es/utils/use-animation-frame.d.ts

@@ -1,2 +0,0 @@
-export type FrameCallback = (timestamp: number, delta: number) => void;
-export declare function useAnimationFrame(callback: FrameCallback): void;

package/dist/es/utils/use-dom-ref.d.ts

@@ -1 +0,0 @@
-export declare function useDomRef(): import('vue').Ref<any>;

package/dist/es/utils/use-in-view.d.ts

@@ -1,3 +0,0 @@
-import { Ref } from 'vue';
-import { Options } from '../types/state';
-export declare function useInView<T extends Element = any>(domRef: Ref<T | null>, options?: Options['inViewOptions'] | Ref<Options['inViewOptions']>): Ref<boolean>;

package/dist/es/value/index.d.ts

@@ -1,9 +0,0 @@
-export * from './use-computed';
-export * from './use-combine-values';
-export * from './use-transform';
-export * from './use-time';
-export * from './use-motion-template';
-export * from './use-motion-value-event';
-export * from './use-spring';
-export * from './use-scroll';
-export * from './use-velocity';

package/dist/es/value/types/numbers/units.d.ts

@@ -1,30 +0,0 @@
-export declare const degrees: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-export declare const percent: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-export declare const px: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-export declare const vh: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-export declare const vw: {
-    test: (v: string | number) => boolean;
-    parse: typeof parseFloat;
-    transform: (v: number | string) => string;
-};
-export declare const progressPercentage: {
-    parse: (v: string) => number;
-    transform: (v: number) => string;
-    test: (v: string | number) => boolean;
-};

package/dist/es/value/use-combine-values.d.ts

@@ -1,6 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-export declare function useCombineMotionValues<T>(combineValues: () => T): {
-    subscribe: (values: MotionValue[]) => void;
-    unsubscribe: () => void;
-    value: MotionValue<T>;
-};

package/dist/es/value/use-computed.d.ts

@@ -1,2 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-export declare function useComputed<T>(computed: () => T): MotionValue<T>;

package/dist/es/value/use-motion-template.d.ts

@@ -1,21 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-/**
- * 将多个motion值组合成一个新的motion值,使用模板字符串语法
- *
- * ```vue
- * <script setup>
- * import { useSpring, motionValue, useMotionTemplate } from 'motion-v'
- *
- * const shadowX = useSpring(0)
- * const shadowY = motionValue(0)
- * const shadow = useMotionTemplate`drop-shadow(${shadowX}px ${shadowY}px 20px rgba(0,0,0,0.3))`
- * </script>
- *
- * <template>
- *   <Motion :style="{ filter: shadow }" />
- * </template>
- * ```
- *
- * @public
- */
-export declare function useMotionTemplate(fragments: TemplateStringsArray, ...values: Array<MotionValue | number | string>): MotionValue<string>;

package/dist/es/value/use-motion-value-event.d.ts

@@ -1,3 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-import { MotionValueEventCallbacks } from '../types';
-export declare function useMotionValueEvent<V, EventName extends keyof MotionValueEventCallbacks<V>>(value: MotionValue<V>, event: EventName, callback: MotionValueEventCallbacks<V>[EventName]): VoidFunction;

package/dist/es/value/use-scroll.d.ts

@@ -1,12 +0,0 @@
-import { Ref } from 'vue';
-import { ScrollInfoOptions } from '../types';
-export interface UseScrollOptions extends Omit<ScrollInfoOptions, 'container' | 'target'> {
-    container?: Ref<HTMLElement | null>;
-    target?: Ref<HTMLElement | null>;
-}
-export declare function useScroll({ container, target, ...options }?: UseScrollOptions): {
-    scrollX: import('framer-motion/dom').MotionValue<number>;
-    scrollY: import('framer-motion/dom').MotionValue<number>;
-    scrollXProgress: import('framer-motion/dom').MotionValue<number>;
-    scrollYProgress: import('framer-motion/dom').MotionValue<number>;
-};

package/dist/es/value/use-spring.d.ts

@@ -1,4 +0,0 @@
-import { Ref } from 'vue';
-import { MotionValue } from 'framer-motion/dom';
-import { SpringOptions } from 'framer-motion';
-export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: SpringOptions | Ref<SpringOptions>): MotionValue<number>;

package/dist/es/value/use-time.d.ts

@@ -1 +0,0 @@
-export declare function useTime(): import('framer-motion/dom').MotionValue<number>;

package/dist/es/value/use-transform.d.ts

@@ -1,59 +0,0 @@
-import { TransformOptions } from '../types';
-import { MotionValue } from 'framer-motion/dom';
-import { MaybeRef } from 'vue';
-type InputRange = number[];
-type SingleTransformer<I, O> = (input: I) => O;
-type MultiTransformer<I, O> = (input: I[]) => O;
-/**
- * Create a `MotionValue` that transforms the output of another `MotionValue` by mapping it from one range of values into another.
- *
- * @remarks
- *
- * Given an input range of `[-200, -100, 100, 200]` and an output range of
- * `[0, 1, 1, 0]`, the returned `MotionValue` will:
- *
- * - When provided a value between `-200` and `-100`, will return a value between `0` and  `1`.
- * - When provided a value between `-100` and `100`, will return `1`.
- * - When provided a value between `100` and `200`, will return a value between `1` and  `0`
- *
- *
- * The input range must be a linear series of numbers. The output range
- * can be any value type supported by Framer Motion: numbers, colors, shadows, etc.
- *
- * Every value in the output range must be of the same type and in the same format.
- *
- * ```vue
- * <script setup>
- * import { Motion, motionValue, useTransform } from 'motion-v'
- *
- * const x = motionValue(0)
- * const xRange = [-200, -100, 100, 200]
- * const opacityRange = [0, 1, 1, 0]
- * const opacity = useTransform(x, xRange, opacityRange)
- * </script>
- *
- * <template>
- *   <Motion
- *     :animate="{ x: 200 }"
- *     :style="{ opacity, x }"
- *   />
- * </template>
- * ```
- *
- * @param inputValue - `MotionValue`
- * @param inputRange - A linear series of numbers (either all increasing or decreasing)
- * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.
- * @param options -
- *
- *  - clamp: boolean. Clamp values to within the given range. Defaults to `true`
- *  - ease: EasingFunction[]. Easing functions to use on the interpolations between each value in the input and output ranges. If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition between each.
- *
- * @returns `MotionValue`
- *
- * @public
- */
-export declare function useTransform<I, O>(value: MotionValue<number>, inputRange: InputRange | MaybeRef<InputRange>, outputRange: O[], options?: TransformOptions<O>): MotionValue<O>;
-export declare function useTransform<I, O>(transformer: () => O): MotionValue<O>;
-export declare function useTransform<I, O>(input: MotionValue<I>, transformer: SingleTransformer<I, O>): MotionValue<O>;
-export declare function useTransform<I, O>(input: MotionValue<string>[] | MotionValue<number>[] | MotionValue<string | number>[], transformer: MultiTransformer<I, O>): MotionValue<O>;
-export {};

package/dist/es/value/use-velocity.d.ts

@@ -1,13 +0,0 @@
-import { MotionValue } from 'framer-motion/dom';
-/**
- * 创建一个 MotionValue,当提供的 MotionValue 速度变化时更新
- *
- * ```javascript
- * const x = useMotionValue(0)
- * const xVelocity = useVelocity(x)
- * const xAcceleration = useVelocity(xVelocity)
- * ```
- *
- * @public
- */
-export declare function useVelocity(value: MotionValue<number>): MotionValue<number>;

package/dist/es/value/use-will-change/add-will-change.d.ts

@@ -1,2 +0,0 @@
-import { VisualElement } from 'framer-motion';
-export declare function addValueToWillChange(visualElement: VisualElement, key: string): void;

package/dist/es/value/use-will-change/is.d.ts

@@ -1,2 +0,0 @@
-import { WillChange } from './types';
-export declare function isWillChangeMotionValue(value: any): value is WillChange;

package/dist/es/value/use-will-change/types.d.ts

@@ -1,4 +0,0 @@
-import { MotionValue } from 'framer-motion';
-export interface WillChange extends MotionValue {
-    add: (name: string) => void;
-}

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,6 +1,6 @@
+import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { VisualElement } from "../VisualElement.mjs";
 import { DOMKeyframesResolver } from "./DOMKeyframesResolver.mjs";
-import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 class DOMVisualElement extends VisualElement {
   constructor() {
     super(...arguments);