motion-v 0.6.1 → 0.6.2

package/dist/cjs/index.js

@@ -8212,7 +8212,7 @@ class MotionState {
       return;
     this.activeStates[name] = isActive;
     (_a = this.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
-      child.state.setActive(name, isActive, false);
+      child.state.setActive(name, isActive, !isActive);
     });
     if (isAnimate) {
       this.animateUpdates();
@@ -8662,19 +8662,26 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       el.addEventListener("motioncomplete", doneCallback);
       state2.setActive("exit", true);
     }
+    const transitionProps = vue.computed(() => {
+      if (props.multiple) {
+        return {
+          tag: props.as
+        };
+      }
+      return {
+        mode: props.mode === "wait" ? "out-in" : void 0
+      };
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.multiple ? vue.TransitionGroup : vue.Transition), {
-        tag: _ctx.multiple ? _ctx.as : void 0,
-        css: false,
-        mode: _ctx.mode === "wait" ? "out-in" : void 0,
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.multiple ? vue.TransitionGroup : vue.Transition), vue.mergeProps({ css: false }, transitionProps.value, {
         onEnter: enter,
         onLeave: exit
-      }, {
+      }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 40, ["tag", "mode"]);
+      }, 16);
     };
   }
 });

package/dist/es/components/animate-presence/AnimatePresence.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, onUnmounted, openBlock, createBlock, resolveDynamicComponent, TransitionGroup, Transition, withCtx, renderSlot } from "vue";
+import { defineComponent, onMounted, onUnmounted, computed, openBlock, createBlock, resolveDynamicComponent, TransitionGroup, Transition, mergeProps, withCtx, renderSlot } from "vue";
 import { mountedStates } from "../../state/motion-state.mjs";
 import { provideAnimatePresence, removeDoneCallback, doneCallbacks } from "../presence.mjs";
 import { usePopLayout } from "./use-pop-layout.mjs";
@@ -74,19 +74,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       el.addEventListener("motioncomplete", doneCallback);
       state.setActive("exit", true);
     }
+    const transitionProps = computed(() => {
+      if (props.multiple) {
+        return {
+          tag: props.as
+        };
+      }
+      return {
+        mode: props.mode === "wait" ? "out-in" : void 0
+      };
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.multiple ? TransitionGroup : Transition), {
-        tag: _ctx.multiple ? _ctx.as : void 0,
-        css: false,
-        mode: _ctx.mode === "wait" ? "out-in" : void 0,
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.multiple ? TransitionGroup : Transition), mergeProps({ css: false }, transitionProps.value, {
         onEnter: enter,
         onLeave: exit
-      }, {
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 40, ["tag", "mode"]);
+      }, 16);
     };
   }
 });

package/dist/es/state/motion-state.mjs

@@ -166,7 +166,7 @@ class MotionState {
       return;
     this.activeStates[name] = isActive;
     (_a = this.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
-      child.state.setActive(name, isActive, false);
+      child.state.setActive(name, isActive, !isActive);
     });
     if (isAnimate) {
       this.animateUpdates();

package/dist/src/components/LayoutGroup.d.ts

@@ -10,9 +10,18 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<LayoutGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<LayoutGroupProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LayoutGroupProps>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+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;

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

@@ -6,7 +6,7 @@ export interface MotionProps<T extends ElementType = 'div', K = unknown> extends
     whileDrag?: Options['whileDrag'];
 }
 declare const _default: <T extends ElementType = "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, never>, never> & (Omit<SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T], "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & (Omit<SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T], "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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

@@ -13,7 +13,7 @@ export interface PrimitiveProps {
      */
     as?: AsTag | Component;
 }
-export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const Primitive: import('vue').DefineComponent<{
     asChild: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,9 +26,9 @@ export declare const Primitive: import('vue').DefineComponent<import('vue').Extr
         type: FunctionConstructor;
         default: () => {};
     };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}, () => 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<{
+}>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     asChild: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,8 +41,8 @@ export declare const Primitive: import('vue').DefineComponent<import('vue').Extr
         type: FunctionConstructor;
         default: () => {};
     };
-}>> & Readonly<{}>, {
+}>>, {
     as: AsTag;
     asChild: boolean;
     getProps: Function;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;

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

@@ -2,4 +2,4 @@ export declare const Slot: import('vue').DefineComponent<{}, () => import('vue')
     [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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;

package/dist/src/components/animate-presence/AnimatePresence.d.ts

@@ -7,15 +7,40 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AnimatePresenceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnimatePresenceProps> & Readonly<{}>, {
+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;
+}>>>, {
     initial: boolean;
     mode: "wait" | "popLayout" | "sync";
     multiple: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;
 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-config/MotionConfig.d.ts

@@ -6,13 +6,34 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('./types').MotionConfigState, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').MotionConfigState> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState>, {
     reduceMotion: "user" | "never" | "always";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').MotionConfigState>, {
+    reduceMotion: "user" | "never" | "always";
+}>>>, {
+    reduceMotion: "user" | "never" | "always";
+}, {}>;
 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/shared/test.d.ts

@@ -0,0 +1 @@
+export declare const delay: (ms: number) => Promise<unknown>;

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

@@ -1,2 +1 @@
-import { Ref } from 'vue';
-export declare function useDomRef<T extends Element = any>(): Ref<T>;
+export declare function useDomRef<T extends Element = any>(): import('vue').Ref<import('vue').UnwrapRef<T>>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "",
   "author": "",
   "license": "MIT",

package/dist/src/utils/events.d.ts

@@ -1,2 +0,0 @@
-import { MotionEventNames } from '../types';
-export declare function dispatchPointerEvent(element: HTMLElement, name: MotionEventNames, event: any): void;