motion-v 0.7.1 → 0.8.0

package/dist/cjs/index.js

@@ -8104,9 +8104,9 @@ function resolveStateAnimation(controlActiveState, animationOptions) {
 }
 function createAnimationFactories(prevTarget, animationOptions, controlDelay) {
   const factories = [];
-  new Set(Object.keys(this.target)).forEach((key) => {
+  Object.keys(this.target).forEach((key) => {
     var _a;
-    if (!hasChanged(this.visualElement.getValue(key), this.target[key]))
+    if (!hasChanged(prevTarget[key], this.target[key]))
       return;
     (_a = this.baseTarget)[key] ?? (_a[key] = style.get(this.element, key));
     const keyValue = this.target[key] === "none" ? transformResetValue[key] : this.target[key];
@@ -9109,6 +9109,14 @@ function useAnimate() {
 function stopAnimation(visualElement) {
   visualElement.values.forEach((value) => value.stop());
 }
+function setStateTarget(state2, definition) {
+  const resolvedVariant = resolveVariant(definition, state2.options.variants, state2.options.custom);
+  Object.entries(resolvedVariant).forEach(([key, value]) => {
+    if (key === "transition")
+      return;
+    state2.target[key] = value;
+  });
+}
 function animationControls() {
   let hasMounted = false;
   const subscribers = /* @__PURE__ */ new Set();
@@ -9161,6 +9169,7 @@ function setValues(state2, definition) {
   if (typeof definition === "string") {
     return setVariants(state2, [definition]);
   } else {
+    setStateTarget(state2, definition);
     setTarget(state2.visualElement, definition);
   }
 }
@@ -9170,6 +9179,7 @@ function setVariants(state2, variantLabels) {
   reversedLabels.forEach((key) => {
     const variant = visualElement.getVariant(key);
     variant && setTarget(visualElement, variant);
+    setStateTarget(state2, variant);
     if (visualElement.variantChildren) {
       visualElement.variantChildren.forEach((child) => {
         setVariants(mountedStates.get(child.current), variantLabels);

package/dist/es/animation/hooks/animation-controls.mjs

@@ -1,9 +1,18 @@
 import { mountedStates } from "../../state/motion-state.mjs";
 import { invariant } from "hey-listen";
 import { setTarget } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/utils/setters.mjs";
+import { resolveVariant } from "../../state/utils.mjs";
 function stopAnimation(visualElement) {
   visualElement.values.forEach((value) => value.stop());
 }
+function setStateTarget(state, definition) {
+  const resolvedVariant = resolveVariant(definition, state.options.variants, state.options.custom);
+  Object.entries(resolvedVariant).forEach(([key, value]) => {
+    if (key === "transition")
+      return;
+    state.target[key] = value;
+  });
+}
 function animationControls() {
   let hasMounted = false;
   const subscribers = /* @__PURE__ */ new Set();
@@ -56,6 +65,7 @@ function setValues(state, definition) {
   if (typeof definition === "string") {
     return setVariants(state, [definition]);
   } else {
+    setStateTarget(state, definition);
     setTarget(state.visualElement, definition);
   }
 }
@@ -65,6 +75,7 @@ function setVariants(state, variantLabels) {
   reversedLabels.forEach((key) => {
     const variant = visualElement.getVariant(key);
     variant && setTarget(visualElement, variant);
+    setStateTarget(state, variant);
     if (visualElement.variantChildren) {
       visualElement.variantChildren.forEach((child) => {
         setVariants(mountedStates.get(child.current), variantLabels);

package/dist/{src → es}/features/gestures/drag/types.d.ts

@@ -82,7 +82,7 @@ export interface DragHandlers {
      */
     onDragTransitionEnd?: () => void;
     /**
-     * If `dragConstraints` is set to a React ref, this callback will call with the measured drag constraints.
+     * If `dragConstraints` is set to a HTMLElement, this callback will call with the measured drag constraints.
      *
      * @public
      */

package/dist/es/state/animate-updates.mjs

@@ -60,9 +60,9 @@ function resolveStateAnimation(controlActiveState, animationOptions) {
 }
 function createAnimationFactories(prevTarget, animationOptions, controlDelay) {
   const factories = [];
-  new Set(Object.keys(this.target)).forEach((key) => {
+  Object.keys(this.target).forEach((key) => {
     var _a;
-    if (!hasChanged(this.visualElement.getValue(key), this.target[key]))
+    if (!hasChanged(prevTarget[key], this.target[key]))
       return;
     (_a = this.baseTarget)[key] ?? (_a[key] = style.get(this.element, key));
     const keyValue = this.target[key] === "none" ? transformResetValue[key] : this.target[key];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -17,7 +17,7 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
+      "types": "./dist/es/index.d.ts",
       "import": "./dist/es/index.mjs",
       "require": "./dist/cjs/index.js"
     },
@@ -34,12 +34,12 @@
   },
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.mjs",
-  "types": "./dist/src/index.d.ts",
+  "types": "./dist/es/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
         "./dist/*/index.d.ts",
-        "./dist/src/index.d.ts"
+        "./dist/es/index.d.ts"
       ],
       "nuxt": [
         "./dist/nuxt/index.d.mts",

package/dist/src/animation/use-animate.d.ts

@@ -1,8 +0,0 @@
-import { AnimationPlaybackControls } from 'framer-motion';
-import { Ref, UnwrapRef } from 'vue';
-import { createScopedAnimate } from 'framer-motion/dom';
-type Scope = Ref<UnwrapRef<Element>> & {
-    animations: AnimationPlaybackControls[];
-};
-export declare function useAnimate<T extends Element = any>(): [Scope, ReturnType<typeof createScopedAnimate>];
-export {};