motion-v 0.13.1 → 1.0.0-alpha.1

package/dist/es/components/motion/m.mjs

@@ -0,0 +1,7 @@
+import { createMotionComponentWithFeatures } from "./utils.mjs";
+const m = createMotionComponentWithFeatures();
+const M = m.create("div");
+export {
+  M,
+  m
+};

package/dist/es/components/motion/props.d.ts

@@ -0,0 +1,227 @@
+export declare const MotionComponentProps: {
+    ignoreStrict: {
+        type: BooleanConstructor;
+    };
+    forwardMotionProps: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hover: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    press: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    inView: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    focus: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    whileDrag: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    whileHover: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        default: ({ hover }: {
+            hover: any;
+        }) => any;
+    };
+    whilePress: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        default: ({ press }: {
+            press: any;
+        }) => any;
+    };
+    whileInView: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        default: ({ inView }: {
+            inView: any;
+        }) => any;
+    };
+    whileFocus: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        default: ({ focus }: {
+            focus: any;
+        }) => any;
+    };
+    custom: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    };
+    initial: {
+        type: (ArrayConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[];
+        default: any;
+    };
+    animate: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        default: any;
+    };
+    exit: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    };
+    variants: {
+        type: ObjectConstructor;
+    };
+    inherit: {
+        type: BooleanConstructor;
+    };
+    style: {
+        type: ObjectConstructor;
+    };
+    transformTemplate: {
+        type: FunctionConstructor;
+    };
+    transition: {
+        type: ObjectConstructor;
+    };
+    layoutGroup: {
+        type: ObjectConstructor;
+    };
+    motionConfig: {
+        type: ObjectConstructor;
+    };
+    onAnimationComplete: {
+        type: FunctionConstructor;
+    };
+    onUpdate: {
+        type: FunctionConstructor;
+    };
+    layout: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    layoutId: {
+        type: StringConstructor;
+        default: any;
+    };
+    layoutScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layoutRoot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'data-framer-portal-id': {
+        type: StringConstructor;
+    };
+    crossfade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layoutDependency: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    };
+    onBeforeLayoutMeasure: {
+        type: FunctionConstructor;
+    };
+    onLayoutMeasure: {
+        type: FunctionConstructor;
+    };
+    onLayoutAnimationStart: {
+        type: FunctionConstructor;
+    };
+    onLayoutAnimationComplete: {
+        type: FunctionConstructor;
+    };
+    globalPressTarget: {
+        type: BooleanConstructor;
+    };
+    onPressStart: {
+        type: FunctionConstructor;
+    };
+    onPress: {
+        type: FunctionConstructor;
+    };
+    onPressCancel: {
+        type: FunctionConstructor;
+    };
+    onHoverStart: {
+        type: FunctionConstructor;
+    };
+    onHoverEnd: {
+        type: FunctionConstructor;
+    };
+    inViewOptions: {
+        type: ObjectConstructor;
+    };
+    onViewportEnter: {
+        type: FunctionConstructor;
+    };
+    onViewportLeave: {
+        type: FunctionConstructor;
+    };
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    dragSnapToOrigin: {
+        type: BooleanConstructor;
+    };
+    dragDirectionLock: {
+        type: BooleanConstructor;
+    };
+    dragPropagation: {
+        type: BooleanConstructor;
+    };
+    dragConstraints: {
+        type: (BooleanConstructor | ObjectConstructor)[];
+    };
+    dragElastic: {
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        default: number;
+    };
+    dragMomentum: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragTransition: {
+        type: ObjectConstructor;
+    };
+    dragListener: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragControls: {
+        type: ObjectConstructor;
+    };
+    onDragStart: {
+        type: FunctionConstructor;
+    };
+    onDragEnd: {
+        type: FunctionConstructor;
+    };
+    onDrag: {
+        type: FunctionConstructor;
+    };
+    onDirectionLock: {
+        type: FunctionConstructor;
+    };
+    onDragTransitionEnd: {
+        type: FunctionConstructor;
+    };
+    onMeasureDragConstraints: {
+        type: FunctionConstructor;
+    };
+    onPanSessionStart: {
+        type: FunctionConstructor;
+    };
+    onPanStart: {
+        type: FunctionConstructor;
+    };
+    onPan: {
+        type: FunctionConstructor;
+    };
+    onPanEnd: {
+        type: FunctionConstructor;
+    };
+    onFocus: {
+        type: FunctionConstructor;
+    };
+    onBlur: {
+        type: FunctionConstructor;
+    };
+};

package/dist/es/components/motion/props.mjs

@@ -0,0 +1,93 @@
+import { warning } from "hey-listen";
+const MotionComponentProps = {
+  "ignoreStrict": { type: Boolean },
+  "forwardMotionProps": { type: Boolean, default: false },
+  "asChild": { type: Boolean, default: false },
+  "hover": { type: [String, Array, Object] },
+  "press": { type: [String, Array, Object] },
+  "inView": { type: [String, Array, Object] },
+  "focus": { type: [String, Array, Object] },
+  "whileDrag": { type: [String, Array, Object] },
+  "whileHover": { type: [String, Array, Object], default: ({ hover }) => {
+    if (process.env.NODE_ENV === "development" && hover) {
+      warning(true, "hover is deprecated. Use whileHover instead.");
+    }
+    return hover;
+  } },
+  "whilePress": { type: [String, Array, Object], default: ({ press }) => {
+    if (process.env.NODE_ENV === "development" && press) {
+      warning(true, "press is deprecated. Use whilePress instead.");
+    }
+    return press;
+  } },
+  "whileInView": { type: [String, Array, Object], default: ({ inView }) => {
+    if (process.env.NODE_ENV === "development" && inView) {
+      warning(true, "inView is deprecated. Use whileInView instead.");
+    }
+    return inView;
+  } },
+  "whileFocus": { type: [String, Array, Object], default: ({ focus }) => {
+    if (process.env.NODE_ENV === "development" && focus) {
+      warning(true, "focus is deprecated. Use whileFocus instead.");
+    }
+    return focus;
+  } },
+  "custom": { type: [String, Number, Object, Array] },
+  "initial": { type: [String, Array, Object, Boolean], default: void 0 },
+  "animate": { type: [String, Array, Object], default: void 0 },
+  "exit": { type: [String, Array, Object] },
+  "variants": { type: Object },
+  "inherit": { type: Boolean },
+  "style": { type: Object },
+  "transformTemplate": { type: Function },
+  "transition": { type: Object },
+  "layoutGroup": { type: Object },
+  "motionConfig": { type: Object },
+  "onAnimationComplete": { type: Function },
+  "onUpdate": { type: Function },
+  "layout": { type: [Boolean, String], default: false },
+  "layoutId": { type: String, default: void 0 },
+  "layoutScroll": { type: Boolean, default: false },
+  "layoutRoot": { type: Boolean, default: false },
+  "data-framer-portal-id": { type: String },
+  "crossfade": { type: Boolean, default: true },
+  "layoutDependency": { type: [String, Number, Object, Array] },
+  "onBeforeLayoutMeasure": { type: Function },
+  "onLayoutMeasure": { type: Function },
+  "onLayoutAnimationStart": { type: Function },
+  "onLayoutAnimationComplete": { type: Function },
+  "globalPressTarget": { type: Boolean },
+  "onPressStart": { type: Function },
+  "onPress": { type: Function },
+  "onPressCancel": { type: Function },
+  "onHoverStart": { type: Function },
+  "onHoverEnd": { type: Function },
+  "inViewOptions": { type: Object },
+  "onViewportEnter": { type: Function },
+  "onViewportLeave": { type: Function },
+  "drag": { type: [Boolean, String] },
+  "dragSnapToOrigin": { type: Boolean },
+  "dragDirectionLock": { type: Boolean },
+  "dragPropagation": { type: Boolean },
+  "dragConstraints": { type: [Boolean, Object] },
+  "dragElastic": { type: [Boolean, Number, Object], default: 0.5 },
+  "dragMomentum": { type: Boolean, default: true },
+  "dragTransition": { type: Object },
+  "dragListener": { type: Boolean, default: true },
+  "dragControls": { type: Object },
+  "onDragStart": { type: Function },
+  "onDragEnd": { type: Function },
+  "onDrag": { type: Function },
+  "onDirectionLock": { type: Function },
+  "onDragTransitionEnd": { type: Function },
+  "onMeasureDragConstraints": { type: Function },
+  "onPanSessionStart": { type: Function },
+  "onPanStart": { type: Function },
+  "onPan": { type: Function },
+  "onPanEnd": { type: Function },
+  "onFocus": { type: Function },
+  "onBlur": { type: Function }
+};
+export {
+  MotionComponentProps
+};

package/dist/es/components/motion/{Motion.d.ts → types.d.ts}

@@ -1,5 +1,6 @@
-import { IntrinsicElementAttributes } from 'vue';
+import { Feature } from '../../features';
 import { AsTag, ComponentProps, Options, SVGAttributesWithMotionValues, SetMotionValueType } from '../../types';
+import { IntrinsicElementAttributes } from 'vue';
 export interface MotionProps<T extends AsTag = 'div', K = unknown> extends Options<K> {
     as?: T;
     asChild?: boolean;
@@ -13,13 +14,18 @@ export interface MotionProps<T extends AsTag = 'div', K = unknown> extends Optio
     whileInView?: Options['whileInView'];
     whileFocus?: Options['whileFocus'];
     forwardMotionProps?: boolean;
+    features?: Feature[];
+    ignoreStrict?: boolean;
 }
-declare const _default: <T extends AsTag = "div", K = unknown>(__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> & (Omit<T extends keyof IntrinsicElementAttributes ? SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T] : ComponentProps<T>, "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type MotionComponent = <T extends AsTag = 'div', K = any>(__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> & (Omit<T extends keyof IntrinsicElementAttributes ? SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T] : ComponentProps<T>, keyof Options<any> | 'asChild'> & MotionProps<T, K>)> & import('vue').PublicProps;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{}>) => void;
     attrs: any;
     slots: {
-        default?(_: {}): any;
+        default?: (_: {}) => any;
     };
     emit: {};
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -27,7 +33,4 @@ declare const _default: <T extends AsTag = "div", K = unknown>(__VLS_props: NonN
 }> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
+export {};