npm - motion-v - Versions diffs - 0.1.0 - Mend

motion-v 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/LICENSE +21 -0
package/dist/index.js +3722 -0
package/dist/index.umd.cjs +1 -0
package/dist/src/components/AnimatePresence.d.ts +51 -0
package/dist/src/components/Motion.d.ts +29 -0
package/dist/src/components/Primitive.d.ts +39 -0
package/dist/src/components/Slot.d.ts +5 -0
package/dist/src/components/context.d.ts +7 -0
package/dist/src/components/presence.d.ts +7 -0
package/dist/src/components/renderSlotFragments.d.ts +2 -0
package/dist/src/components/usePrimitiveElement.d.ts +5 -0
package/dist/src/components/utils.d.ts +3 -0
package/dist/src/index.d.ts +3 -0
package/dist/src/shared/index.d.ts +0 -0
package/dist/src/state/event.d.ts +6 -0
package/dist/src/state/features/events.d.ts +6 -0
package/dist/src/state/features/feature.d.ts +15 -0
package/dist/src/state/features/gestures/base.d.ts +10 -0
package/dist/src/state/features/gestures/hover.d.ts +10 -0
package/dist/src/state/features/gestures/in-view.d.ts +8 -0
package/dist/src/state/features/gestures/index.d.ts +4 -0
package/dist/src/state/features/gestures/press.d.ts +8 -0
package/dist/src/state/features/gestures/types.d.ts +9 -0
package/dist/src/state/features/index.d.ts +3 -0
package/dist/src/state/index.d.ts +1 -0
package/dist/src/state/motion-state.d.ts +31 -0
package/dist/src/state/schedule.d.ts +3 -0
package/dist/src/state/style.d.ts +6 -0
package/dist/src/state/transform.d.ts +25 -0
package/dist/src/state/types.d.ts +56 -0
package/dist/src/state/utils.d.ts +16 -0
package/dist/src/types/index.d.ts +14 -0
package/dist/src/utils/createContext.d.ts +8 -0
package/dist/src/utils/events.d.ts +2 -0
package/dist/src/utils/index.d.ts +1 -0
package/package.json +42 -0

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/src/components/AnimatePresence.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+export interface AnimatePresenceProps {
+    mode?: 'wait' | 'popLayout' | 'sync';
+    initial?: boolean;
+    multiple?: boolean;
+    as?: string;
+}
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<AnimatePresenceProps>, {
+    mode: string;
+    initial: boolean;
+    multiple: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<AnimatePresenceProps>, {
+    mode: string;
+    initial: boolean;
+    multiple: boolean;
+}>>>, {
+    mode: "wait" | "popLayout" | "sync";
+    initial: boolean;
+    multiple: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/Motion.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { Options } from '../state/types';
+import { CSSProperties, IntrinsicElementAttributes } from 'vue';
+export interface MotionProps<T extends ElementType = 'div'> extends Options {
+    as?: T;
+    asChild?: boolean;
+    style?: CSSProperties;
+    hover?: Options['hover'];
+    press?: Options['press'];
+    inView?: Options['inView'];
+    inViewOptions?: Options['inViewOptions'];
+}
+type ElementType = keyof IntrinsicElementAttributes;
+declare const _default: <T extends ElementType = "div">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & (MotionProps<T> & Omit<IntrinsicElementAttributes[T], "asChild" | "as" | keyof Options>)> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/Primitive.d.ts ADDED Viewed

@@ -0,0 +1,39 @@
+import { Component, IntrinsicElementAttributes, PropType } from 'vue';
+export type AsTag = keyof IntrinsicElementAttributes | ({} & string);
+export interface PrimitiveProps {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.
+     */
+    asChild?: boolean;
+    /**
+     * The element or component this component should render as. Can be overwrite by `asChild`
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component;
+}
+export declare const Primitive: import('vue').DefineComponent<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag>;
+        default: string;
+    };
+}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag>;
+        default: string;
+    };
+}>>, {
+    asChild: boolean;
+    as: AsTag;
+}, {}>;

package/dist/src/components/Slot.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const Slot: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;

package/dist/src/components/context.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { MotionState } from '../state/motion-state';
+import { Ref } from 'vue';
+export declare const injectMotion: <T extends MotionState = MotionState>(fallback?: T) => T extends null ? MotionState : MotionState, provideMotion: (contextValue: MotionState) => MotionState;
+export interface PresenceContext {
+    initial: Ref<boolean>;
+}
+export declare const injectAnimatePresence: <T extends PresenceContext = PresenceContext>(fallback?: T) => T extends null ? PresenceContext : PresenceContext, provideAnimatePresence: (contextValue: PresenceContext) => PresenceContext;

package/dist/src/components/presence.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare const doneCallbacks: WeakMap<Element, VoidFunction>;
+export declare function removeDoneCallback(element: Element): void;
+export interface PresenceContext {
+    initial: Ref<boolean>;
+}
+export declare const injectAnimatePresence: <T extends PresenceContext = PresenceContext>(fallback?: T) => T extends null ? PresenceContext : PresenceContext, provideAnimatePresence: (contextValue: PresenceContext) => PresenceContext;

package/dist/src/components/renderSlotFragments.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { VNode } from 'vue';
2	+ export declare function renderSlotFragments(children?: VNode[]): VNode[];

package/dist/src/components/usePrimitiveElement.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+export declare function usePrimitiveElement(): {
+    primitiveElement: import('vue').Ref<ComponentPublicInstance>;
+    currentElement: import('vue').ComputedRef<HTMLElement>;
+};

package/dist/src/components/utils.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { VNode } from 'vue';
+export declare function isSvgTag(tag: string): boolean;
+export declare function getChildren(children: VNode[]): VNode[];

package/dist/src/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from 'framer-motion/dom';
+export { default as Motion, type MotionProps } from './components/Motion';
+export { default as AnimatePresence, type AnimatePresenceProps } from './components/AnimatePresence';

package/dist/src/shared/index.d.ts ADDED Viewed

File without changes

package/dist/src/state/event.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Variant } from './types';
+export type MotionEventNames = 'motionstart' | 'motioncomplete' | 'hoverstart' | 'hoverend' | 'pressstart' | 'pressend' | 'viewenter' | 'viewleave';
+export declare function motionEvent(name: MotionEventNames, target: Variant, isExit?: boolean): CustomEvent<{
+    target: Variant;
+    isExit: boolean;
+}>;

package/dist/src/state/features/events.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Feature } from './feature';
+export declare class EventFeature extends Feature {
+    private handlers;
+    mount(): void;
+    unmount(): void;
+}

package/dist/src/state/features/feature.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { MotionState } from '../motion-state';
+export declare abstract class Feature {
+    state: MotionState;
+    constructor(state: MotionState);
+    abstract mount(): void;
+    abstract unmount(): void;
+    update(): void;
+}
+export declare class FeatureManager {
+    features: Feature[];
+    constructor(state: MotionState);
+    mount(): void;
+    unmount(): void;
+    update(): void;
+}

package/dist/src/state/features/gestures/base.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { Feature } from '../feature';
+import { MotionEventNames } from '../../../types';
+export declare abstract class BaseGesture extends Feature {
+    abstract isActive(): boolean;
+    removeGestureSubscriptions?: VoidFunction;
+    subscribeEvents?: () => VoidFunction;
+    protected updateGestureSubscriptions(): void;
+    unmount(): void;
+}
+export declare function createGestureEvent(element: Element, name: MotionEventNames, action: VoidFunction): (event: PointerEvent) => void;

package/dist/src/state/features/gestures/hover.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { Gesture } from './types';
+import { MotionState } from '../../motion-state';
+import { BaseGesture } from '.';
+export declare const hover: Gesture;
+export declare class HoverGesture extends BaseGesture {
+    isActive(): boolean;
+    constructor(state: MotionState);
+    mount(): void;
+    update(): void;
+}

package/dist/src/state/features/gestures/in-view.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { MotionState } from '../../motion-state';
+import { BaseGesture } from '.';
+export declare class InViewGesture extends BaseGesture {
+    isActive(): boolean;
+    constructor(state: MotionState);
+    mount(): void;
+    update(): void;
+}

package/dist/src/state/features/gestures/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from './base';
+export * from './hover';
+export * from './press';
+export * from './in-view';

package/dist/src/state/features/gestures/press.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { MotionState } from '../../motion-state';
+import { BaseGesture } from '.';
+export declare class PressGesture extends BaseGesture {
+    isActive(): boolean;
+    constructor(state: MotionState);
+    mount(): void;
+    update(): void;
+}

package/dist/src/state/features/gestures/types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { Options } from '../../types';
+export interface StateHandlers {
+    enable: VoidFunction;
+    disable: VoidFunction;
+}
+export interface Gesture {
+    isActive: (options: Options) => void;
+    subscribe: (element: Element, stateHandlers: StateHandlers, options: Options) => () => void;
+}

package/dist/src/state/features/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './feature';
+export * from './gestures';
+export * from './events';

package/dist/src/state/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './motion-state';

package/dist/src/state/motion-state.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { Options } from './types';
+import { DOMKeyframesDefinition } from 'framer-motion';
+declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "exit"];
+type StateType = typeof STATE_TYPES[number];
+export declare const mountedStates: WeakMap<Element, MotionState>;
+export declare class MotionState {
+    private element;
+    private context;
+    private parent?;
+    private options;
+    private activeStates;
+    private depth;
+    private baseTarget;
+    private target;
+    private featureManager;
+    constructor(options: Options, parent?: MotionState);
+    private initContext;
+    private initTarget;
+    get initial(): string | boolean | import('./types').Variant;
+    mount(element: Element): void;
+    unmount(): void;
+    update(options: Options): void;
+    setActive(name: StateType, isActive: boolean): void;
+    animateUpdates(): Generator<any, void, unknown>;
+    isMounted(): boolean;
+    getDepth(): number;
+    getOptions(): Options;
+    getElement(): Element;
+    getTarget(): DOMKeyframesDefinition;
+}
+export {};

package/dist/src/state/schedule.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { MotionState } from './motion-state';
+export declare function scheduleAnimation(state: MotionState): void;
+export declare function unscheduleAnimation(state: MotionState): void;

package/dist/src/state/style.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { DOMKeyframesDefinition } from 'framer-motion';
+export declare const style: {
+    get: (element: Element, name: string) => string | undefined;
+    set: (element: Element, name: string, value: string | number) => void;
+};
+export declare function createStyles(keyframes?: DOMKeyframesDefinition): any;

package/dist/src/state/transform.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { CssPropertyDefinition } from './types';
+/**
+ * A list of all transformable axes. We'll use this list to generated a version
+ * of each axes for each transform.
+ */
+export declare const axes: string[];
+export declare const transformDefinitions: Map<string, CssPropertyDefinition>;
+export declare const isTransform: (name: string) => boolean;
+export declare const transformAlias: {
+    x: string;
+    y: string;
+    z: string;
+};
+export declare function compareTransformOrder([a]: [string, any], [b]: [string, any]): number;
+export declare function buildTransformTemplate(transforms: [string, any][]): string;
+export declare function getFirstAnimateTransform(initialFrame: any, animateFrame: any): any;
+export declare const transformResetValue: {
+    translate: number[];
+    rotate: number;
+    scale: number;
+    skew: number;
+    x: number;
+    y: number;
+    z: number;
+};

package/dist/src/state/types.d.ts ADDED Viewed

@@ -0,0 +1,56 @@
+import { DOMKeyframesDefinition, DynamicAnimationOptions } from 'framer-motion';
+import { animate } from 'framer-motion/dom';
+import { CSSProperties } from 'vue';
+type AnimationPlaybackControls = ReturnType<typeof animate>;
+export interface Variant extends DOMKeyframesDefinition {
+    transition?: DynamicAnimationOptions;
+}
+type MarginValue = `${number}${'px' | '%'}`;
+type MarginType = MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;
+export interface InViewOptions {
+    root?: Element | Document;
+    margin?: MarginType;
+    amount?: 'some' | 'all' | number;
+}
+export interface Options {
+    inViewOptions?: InViewOptions & {
+        once?: boolean;
+    };
+    inView?: string | Variant;
+    press?: string | Variant;
+    hover?: string | Variant;
+    initial?: string | Variant | boolean;
+    animate?: string | Variant;
+    exit?: string | Variant;
+    variants?: {
+        [k: string]: Variant;
+    };
+    transition?: DynamicAnimationOptions;
+    style?: CSSProperties;
+    onMotionStart?: (target: DOMKeyframesDefinition) => void;
+    onMotionComplete?: (target: DOMKeyframesDefinition) => void;
+    onHoverStart?: (e: PointerEvent) => void;
+    onHoverEnd?: (e: PointerEvent) => void;
+    onPressStart?: (e: PointerEvent) => void;
+    onPressEnd?: (e: PointerEvent) => void;
+    onViewEnter?: (target: Element) => void;
+    onViewLeave?: (target: Element) => void;
+}
+export interface MotionStateContext {
+    initial?: string;
+    animate?: string;
+    inView?: string;
+    hover?: string;
+    press?: string;
+    exit?: string;
+}
+export type AnimationFactory = () => AnimationPlaybackControls | undefined;
+export interface CssPropertyDefinition {
+    syntax: `<${string}>`;
+    initialValue: string | number;
+    toDefaultUnit: (v: number) => string | number;
+}
+export type CssPropertyDefinitionMap = {
+    [key: string]: CssPropertyDefinition;
+};
+export {};

package/dist/src/state/utils.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { AnimateOptions } from '../types';
+import { DynamicAnimationOptions, Variant } from 'framer-motion';
+import { VNode } from 'vue';
+export declare function resolveVariant(definition?: AnimateOptions['initial'], variants?: AnimateOptions['variants']): Variant | undefined;
+export declare function hasChanged(a: any, b: any): boolean;
+export declare function shallowCompare(next: any[], prev: any[]): boolean;
+export declare function addUniqueItem<T>(array: T[], item: T): void;
+export declare function removeItem<T>(array: T[], item: T): void;
+export declare function getOptions(options: DynamicAnimationOptions, key: string): DynamicAnimationOptions;
+export declare function isCssVar(name: string): boolean;
+export declare function noop(): void;
+export declare const noopReturn: <V>(v: V) => V;
+export declare function isNumber(value: any): boolean;
+export declare function isElement(vNode: VNode): boolean;
+export declare function getChildKey(vNode: VNode): PropertyKey;
+export declare function setStaticValue(): void;