@eightshift/ui-components 6.1.0 → 6.2.0

package/dist/{index-sSixe2j_.js → index-BL5gdWX4.js}

@@ -19,7 +19,7 @@ var hasRequiredScheduler_production_min;
 function requireScheduler_production_min() {
   if (hasRequiredScheduler_production_min) return scheduler_production_min;
   hasRequiredScheduler_production_min = 1;
-  (function(exports) {
+  (function(exports$1) {
     function f(a, b) {
       var c = a.length;
       a.push(b);
@@ -52,12 +52,12 @@ function requireScheduler_production_min() {
     }
     if ("object" === typeof performance && "function" === typeof performance.now) {
       var l = performance;
-      exports.unstable_now = function() {
+      exports$1.unstable_now = function() {
         return l.now();
       };
     } else {
       var p = Date, q = p.now();
-      exports.unstable_now = function() {
+      exports$1.unstable_now = function() {
         return p.now() - q;
       };
     }
@@ -93,7 +93,7 @@ function requireScheduler_production_min() {
             v.callback = null;
             y = v.priorityLevel;
             var e = d(v.expirationTime <= b);
-            b = exports.unstable_now();
+            b = exports$1.unstable_now();
             "function" === typeof e ? v.callback = e : v === h(r) && k(r);
             G(b);
           } else k(r);
@@ -112,11 +112,11 @@ function requireScheduler_production_min() {
     }
     var N = false, O = null, L = -1, P = 5, Q = -1;
     function M() {
-      return exports.unstable_now() - Q < P ? false : true;
+      return exports$1.unstable_now() - Q < P ? false : true;
     }
     function R() {
       if (null !== O) {
-        var a = exports.unstable_now();
+        var a = exports$1.unstable_now();
         Q = a;
         var b = true;
         try {
@@ -145,31 +145,31 @@ function requireScheduler_production_min() {
     }
     function K(a, b) {
       L = D(function() {
-        a(exports.unstable_now());
+        a(exports$1.unstable_now());
       }, b);
     }
-    exports.unstable_IdlePriority = 5;
-    exports.unstable_ImmediatePriority = 1;
-    exports.unstable_LowPriority = 4;
-    exports.unstable_NormalPriority = 3;
-    exports.unstable_Profiling = null;
-    exports.unstable_UserBlockingPriority = 2;
-    exports.unstable_cancelCallback = function(a) {
+    exports$1.unstable_IdlePriority = 5;
+    exports$1.unstable_ImmediatePriority = 1;
+    exports$1.unstable_LowPriority = 4;
+    exports$1.unstable_NormalPriority = 3;
+    exports$1.unstable_Profiling = null;
+    exports$1.unstable_UserBlockingPriority = 2;
+    exports$1.unstable_cancelCallback = function(a) {
       a.callback = null;
     };
-    exports.unstable_continueExecution = function() {
+    exports$1.unstable_continueExecution = function() {
       A || z || (A = true, I(J));
     };
-    exports.unstable_forceFrameRate = function(a) {
+    exports$1.unstable_forceFrameRate = function(a) {
       0 > a || 125 < a ? console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported") : P = 0 < a ? Math.floor(1e3 / a) : 5;
     };
-    exports.unstable_getCurrentPriorityLevel = function() {
+    exports$1.unstable_getCurrentPriorityLevel = function() {
       return y;
     };
-    exports.unstable_getFirstCallbackNode = function() {
+    exports$1.unstable_getFirstCallbackNode = function() {
       return h(r);
     };
-    exports.unstable_next = function(a) {
+    exports$1.unstable_next = function(a) {
       switch (y) {
         case 1:
         case 2:
@@ -187,11 +187,11 @@ function requireScheduler_production_min() {
         y = c;
       }
     };
-    exports.unstable_pauseExecution = function() {
+    exports$1.unstable_pauseExecution = function() {
     };
-    exports.unstable_requestPaint = function() {
+    exports$1.unstable_requestPaint = function() {
     };
-    exports.unstable_runWithPriority = function(a, b) {
+    exports$1.unstable_runWithPriority = function(a, b) {
       switch (a) {
         case 1:
         case 2:
@@ -210,8 +210,8 @@ function requireScheduler_production_min() {
         y = c;
       }
     };
-    exports.unstable_scheduleCallback = function(a, b, c) {
-      var d = exports.unstable_now();
+    exports$1.unstable_scheduleCallback = function(a, b, c) {
+      var d = exports$1.unstable_now();
       "object" === typeof c && null !== c ? (c = c.delay, c = "number" === typeof c && 0 < c ? d + c : d) : c = d;
       switch (a) {
         case 1:
@@ -234,8 +234,8 @@ function requireScheduler_production_min() {
       c > d ? (a.sortIndex = c, f(t, a), null === h(r) && a === h(t) && (B ? (E(L), L = -1) : B = true, K(H, c - d))) : (a.sortIndex = e, f(r, a), A || z || (A = true, I(J)));
       return a;
     };
-    exports.unstable_shouldYield = M;
-    exports.unstable_wrapCallback = function(a) {
+    exports$1.unstable_shouldYield = M;
+    exports$1.unstable_wrapCallback = function(a) {
       var b = y;
       return function() {
         var c = y;
@@ -264,7 +264,7 @@ var hasRequiredScheduler_development;
 function requireScheduler_development() {
   if (hasRequiredScheduler_development) return scheduler_development;
   hasRequiredScheduler_development = 1;
-  (function(exports) {
+  (function(exports$1) {
     if (process.env.NODE_ENV !== "production") {
       (function() {
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
@@ -348,13 +348,13 @@ function requireScheduler_development() {
         var hasPerformanceNow = typeof performance === "object" && typeof performance.now === "function";
         if (hasPerformanceNow) {
           var localPerformance = performance;
-          exports.unstable_now = function() {
+          exports$1.unstable_now = function() {
             return localPerformance.now();
           };
         } else {
           var localDate = Date;
           var initialTime = localDate.now();
-          exports.unstable_now = function() {
+          exports$1.unstable_now = function() {
             return localDate.now() - initialTime;
           };
         }
@@ -440,7 +440,7 @@ function requireScheduler_development() {
               currentPriorityLevel = currentTask.priorityLevel;
               var didUserCallbackTimeout = currentTask.expirationTime <= currentTime;
               var continuationCallback = callback(didUserCallbackTimeout);
-              currentTime = exports.unstable_now();
+              currentTime = exports$1.unstable_now();
               if (typeof continuationCallback === "function") {
                 currentTask.callback = continuationCallback;
               } else {
@@ -516,7 +516,7 @@ function requireScheduler_development() {
           };
         }
         function unstable_scheduleCallback(priorityLevel, callback, options) {
-          var currentTime = exports.unstable_now();
+          var currentTime = exports$1.unstable_now();
           var startTime2;
           if (typeof options === "object" && options !== null) {
             var delay = options.delay;
@@ -600,7 +600,7 @@ function requireScheduler_development() {
         var frameInterval = frameYieldMs;
         var startTime = -1;
         function shouldYieldToHost() {
-          var timeElapsed = exports.unstable_now() - startTime;
+          var timeElapsed = exports$1.unstable_now() - startTime;
           if (timeElapsed < frameInterval) {
             return false;
           }
@@ -621,7 +621,7 @@ function requireScheduler_development() {
         }
         var performWorkUntilDeadline = function() {
           if (scheduledHostCallback !== null) {
-            var currentTime = exports.unstable_now();
+            var currentTime = exports$1.unstable_now();
             startTime = currentTime;
             var hasTimeRemaining = true;
             var hasMoreWork = true;
@@ -665,7 +665,7 @@ function requireScheduler_development() {
         }
         function requestHostTimeout(callback, ms) {
           taskTimeoutID = localSetTimeout(function() {
-            callback(exports.unstable_now());
+            callback(exports$1.unstable_now());
           }, ms);
         }
         function cancelHostTimeout() {
@@ -674,24 +674,24 @@ function requireScheduler_development() {
         }
         var unstable_requestPaint = requestPaint;
         var unstable_Profiling = null;
-        exports.unstable_IdlePriority = IdlePriority;
-        exports.unstable_ImmediatePriority = ImmediatePriority;
-        exports.unstable_LowPriority = LowPriority;
-        exports.unstable_NormalPriority = NormalPriority;
-        exports.unstable_Profiling = unstable_Profiling;
-        exports.unstable_UserBlockingPriority = UserBlockingPriority;
-        exports.unstable_cancelCallback = unstable_cancelCallback;
-        exports.unstable_continueExecution = unstable_continueExecution;
-        exports.unstable_forceFrameRate = forceFrameRate;
-        exports.unstable_getCurrentPriorityLevel = unstable_getCurrentPriorityLevel;
-        exports.unstable_getFirstCallbackNode = unstable_getFirstCallbackNode;
-        exports.unstable_next = unstable_next;
-        exports.unstable_pauseExecution = unstable_pauseExecution;
-        exports.unstable_requestPaint = unstable_requestPaint;
-        exports.unstable_runWithPriority = unstable_runWithPriority;
-        exports.unstable_scheduleCallback = unstable_scheduleCallback;
-        exports.unstable_shouldYield = shouldYieldToHost;
-        exports.unstable_wrapCallback = unstable_wrapCallback;
+        exports$1.unstable_IdlePriority = IdlePriority;
+        exports$1.unstable_ImmediatePriority = ImmediatePriority;
+        exports$1.unstable_LowPriority = LowPriority;
+        exports$1.unstable_NormalPriority = NormalPriority;
+        exports$1.unstable_Profiling = unstable_Profiling;
+        exports$1.unstable_UserBlockingPriority = UserBlockingPriority;
+        exports$1.unstable_cancelCallback = unstable_cancelCallback;
+        exports$1.unstable_continueExecution = unstable_continueExecution;
+        exports$1.unstable_forceFrameRate = forceFrameRate;
+        exports$1.unstable_getCurrentPriorityLevel = unstable_getCurrentPriorityLevel;
+        exports$1.unstable_getFirstCallbackNode = unstable_getFirstCallbackNode;
+        exports$1.unstable_next = unstable_next;
+        exports$1.unstable_pauseExecution = unstable_pauseExecution;
+        exports$1.unstable_requestPaint = unstable_requestPaint;
+        exports$1.unstable_runWithPriority = unstable_runWithPriority;
+        exports$1.unstable_scheduleCallback = unstable_scheduleCallback;
+        exports$1.unstable_shouldYield = shouldYieldToHost;
+        exports$1.unstable_wrapCallback = unstable_wrapCallback;
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
         }

package/dist/index.js

@@ -5,7 +5,7 @@ import { Button, ButtonGroup } from "./components/button/button.js";
 import { Checkbox } from "./components/checkbox/checkbox.js";
 import { ComponentToggle } from "./components/component-toggle/component-toggle.js";
 import { ContainerPanel } from "./components/container-panel/container-panel.js";
-import { C } from "./color-swatch-DtaLObbd.js";
+import { C } from "./color-swatch-bUFkK7ox.js";
 import { ColorPicker } from "./components/color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./components/slider/column-config-slider.js";
 import { Container, ContainerGroup } from "./components/base-control/container.js";

package/dist/{proxy-CgLBbUpw.js → proxy-DFlYXk07.js}

@@ -1949,7 +1949,7 @@ function makeAnimationInstant(options) {
   options.duration = 0;
   options.type = "keyframes";
 }
-const acceleratedValues = /* @__PURE__ */ new Set([
+const acceleratedValues$1 = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -1965,7 +1965,7 @@ function supportsBrowserAnimation(options) {
     return false;
   }
   const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
-  return supportsWaapi() && name && acceleratedValues.has(name) && (name !== "transform" || !transformTemplate) && /**
+  return supportsWaapi() && name && acceleratedValues$1.has(name) && (name !== "transform" || !transformTemplate) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
@@ -2165,8 +2165,19 @@ function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyf
   const index = repeat && repeatType !== "loop" && repeat % 2 === 1 ? 0 : resolvedKeyframes.length - 1;
   return resolvedKeyframes[index];
 }
+function resolveTransition(transition, parentTransition) {
+  if (transition?.inherit && parentTransition) {
+    const { inherit: _, ...rest } = transition;
+    return { ...parentTransition, ...rest };
+  }
+  return transition;
+}
 function getValueTransition(transition, key) {
-  return transition?.[key] ?? transition?.["default"] ?? transition;
+  const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
+  if (valueTransition !== transition) {
+    return resolveTransition(valueTransition, transition);
+  }
+  return valueTransition;
 }
 function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
   return !!Object.keys(transition).length;
@@ -2589,7 +2600,9 @@ function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   return shouldBlock;
 }
 function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0, transitionOverride, type } = {}) {
-  let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = targetAndTransition;
+  let { transition, transitionEnd, ...target } = targetAndTransition;
+  const defaultTransition = visualElement.getDefaultTransition();
+  transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
   const reduceMotion = transition?.reduceMotion;
   if (transitionOverride)
     transition = transitionOverride;
@@ -2629,11 +2642,14 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
     }
   }
   if (transitionEnd) {
-    Promise.all(animations2).then(() => {
-      frame.update(() => {
-        transitionEnd && setTarget(visualElement, transitionEnd);
-      });
+    const applyTransitionEnd = () => frame.update(() => {
+      transitionEnd && setTarget(visualElement, transitionEnd);
     });
+    if (animations2.length) {
+      Promise.all(animations2).then(applyTransitionEnd);
+    } else {
+      applyTransitionEnd();
+    }
   }
   return animations2;
 }
@@ -2951,6 +2967,15 @@ class DOMKeyframesResolver extends KeyframeResolver {
     this.resolveNoneKeyframes();
   }
 }
+const acceleratedValues = /* @__PURE__ */ new Set([
+  "opacity",
+  "clipPath",
+  "filter",
+  "transform"
+  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
+  // or until we implement support for linear() easing.
+  // "background-color"
+]);
 function resolveElements(elementOrSelector, scope, selectorCache) {
   if (elementOrSelector == null) {
     return [];
@@ -3129,13 +3154,19 @@ const enableKeyboardPress = (focusEvent, eventOptions) => {
 function isValidPressEvent(event) {
   return isPrimaryPointer(event) && !isDragActive();
 }
+const claimedPointerDownEvents = /* @__PURE__ */ new WeakSet();
 function press(targetOrSelector, onPressStart, options = {}) {
   const [targets, eventOptions, cancelEvents] = setupGesture(targetOrSelector, options);
   const startPress = (startEvent) => {
     const target = startEvent.currentTarget;
     if (!isValidPressEvent(startEvent))
       return;
+    if (claimedPointerDownEvents.has(startEvent))
+      return;
     isPressing.add(target);
+    if (options.stopPropagation) {
+      claimedPointerDownEvents.add(startEvent);
+    }
     const onPressEnd = onPressStart(target, startEvent);
     const onPointerEnd = (endEvent, success) => {
       window.removeEventListener("pointerup", onPointerUp);
@@ -3281,22 +3312,6 @@ const createBox = () => ({
   x: createAxis(),
   y: createAxis()
 });
-const prefersReducedMotion = { current: null };
-const hasReducedMotionListener = { current: false };
-const isBrowser = typeof window !== "undefined";
-function initPrefersReducedMotion() {
-  hasReducedMotionListener.current = true;
-  if (!isBrowser)
-    return;
-  if (window.matchMedia) {
-    const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
-    const setReducedMotionPreferences = () => prefersReducedMotion.current = motionMediaQuery.matches;
-    motionMediaQuery.addEventListener("change", setReducedMotionPreferences);
-    setReducedMotionPreferences();
-  } else {
-    prefersReducedMotion.current = false;
-  }
-}
 const visualElementStore = /* @__PURE__ */ new WeakMap();
 function isAnimationControls(v) {
   return v !== null && typeof v === "object" && typeof v.start === "function";
@@ -3348,6 +3363,22 @@ function updateMotionValuesFromProps(element, next, prev) {
   }
   return next;
 }
+const prefersReducedMotion = { current: null };
+const hasReducedMotionListener = { current: false };
+const isBrowser = typeof window !== "undefined";
+function initPrefersReducedMotion() {
+  hasReducedMotionListener.current = true;
+  if (!isBrowser)
+    return;
+  if (window.matchMedia) {
+    const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
+    const setReducedMotionPreferences = () => prefersReducedMotion.current = motionMediaQuery.matches;
+    motionMediaQuery.addEventListener("change", setReducedMotionPreferences);
+    setReducedMotionPreferences();
+  } else {
+    prefersReducedMotion.current = false;
+  }
+}
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",
@@ -3387,6 +3418,7 @@ class VisualElement {
     this.features = {};
     this.valueSubscriptions = /* @__PURE__ */ new Map();
     this.prevMotionValues = {};
+    this.hasBeenMounted = false;
     this.events = {};
     this.propEventSubscriptions = {};
     this.notifyUpdate = () => this.notify("Update", this.latestValues);
@@ -3432,6 +3464,12 @@ class VisualElement {
     }
   }
   mount(instance) {
+    if (this.hasBeenMounted) {
+      for (const key in this.initialValues) {
+        this.values.get(key)?.jump(this.initialValues[key]);
+        this.latestValues[key] = this.initialValues[key];
+      }
+    }
     this.current = instance;
     visualElementStore.set(instance, this);
     if (this.projection && !this.projection.instance) {
@@ -3457,6 +3495,7 @@ class VisualElement {
     this.shouldSkipAnimations = this.skipAnimationsConfig ?? false;
     this.parent?.addChild(this);
     this.update(this.props, this.presenceContext);
+    this.hasBeenMounted = true;
   }
   unmount() {
     this.projection && this.projection.unmount();
@@ -3491,6 +3530,23 @@ class VisualElement {
     if (this.valueSubscriptions.has(key)) {
       this.valueSubscriptions.get(key)();
     }
+    if (value.accelerate && acceleratedValues.has(key) && this.current instanceof HTMLElement) {
+      const { factory, keyframes: keyframes2, times, ease: ease2, duration } = value.accelerate;
+      const animation = new NativeAnimation({
+        element: this.current,
+        name: key,
+        keyframes: keyframes2,
+        times,
+        ease: ease2,
+        duration: /* @__PURE__ */ secondsToMilliseconds(duration)
+      });
+      const cleanup = factory(animation);
+      this.valueSubscriptions.set(key, () => {
+        cleanup();
+        animation.cancel();
+      });
+      return;
+    }
     const valueIsTransform = transformProps.has(key);
     if (valueIsTransform && this.onBindTransform) {
       this.onBindTransform();
@@ -4291,6 +4347,15 @@ function createAnimationState(visualElement) {
       ) {
         continue;
       }
+      if (type === "exit" && typeState.isActive && activeDelta !== true) {
+        if (typeState.prevResolvedValues) {
+          encounteredKeys = {
+            ...encounteredKeys,
+            ...typeState.prevResolvedValues
+          };
+        }
+        continue;
+      }
       const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);
       let shouldAnimateType = variantDidChange || // If we're making this variant active, we want to always make it active
       type === changedActiveType && typeState.isActive && !isInherited && propIsVariant || // If we removed a higher-priority variant (i is in reverse order)
@@ -4685,6 +4750,15 @@ class NodeStack {
   }
   add(node) {
     addUniqueItem(this.members, node);
+    for (let i = this.members.length - 1; i >= 0; i--) {
+      const m = this.members[i];
+      if (m === node || m === this.lead || m === this.prevLead)
+        continue;
+      const inst = m.instance;
+      if (inst && inst.isConnected === false && m.isPresent !== false && !m.snapshot) {
+        removeItem(this.members, m);
+      }
+    }
     node.scheduleRender();
   }
   remove(node) {
@@ -4706,7 +4780,8 @@ class NodeStack {
     let prevLead;
     for (let i = indexOfNode; i >= 0; i--) {
       const member = this.members[i];
-      if (member.isPresent !== false) {
+      const inst = member.instance;
+      if (member.isPresent !== false && (!inst || inst.isConnected !== false)) {
         prevLead = member;
         break;
       }
@@ -4732,16 +4807,20 @@ class NodeStack {
       const nextDep = node.options.layoutDependency;
       const dependencyMatches = prevDep !== void 0 && nextDep !== void 0 && prevDep === nextDep;
       if (!dependencyMatches) {
-        node.resumeFrom = prevLead;
-        if (preserveFollowOpacity) {
-          node.resumeFrom.preserveOpacity = true;
-        }
-        if (prevLead.snapshot) {
-          node.snapshot = prevLead.snapshot;
-          node.snapshot.latestValues = prevLead.animationValues || prevLead.latestValues;
-        }
-        if (node.root && node.root.isUpdating) {
-          node.isLayoutDirty = true;
+        const prevInstance = prevLead.instance;
+        const isStale = prevInstance && prevInstance.isConnected === false && !prevLead.snapshot;
+        if (!isStale) {
+          node.resumeFrom = prevLead;
+          if (preserveFollowOpacity) {
+            node.resumeFrom.preserveOpacity = true;
+          }
+          if (prevLead.snapshot) {
+            node.snapshot = prevLead.snapshot;
+            node.snapshot.latestValues = prevLead.animationValues || prevLead.latestValues;
+          }
+          if (node.root && node.root.isUpdating) {
+            node.isLayoutDirty = true;
+          }
         }
       }
       const { crossfade } = node.options;
@@ -6188,6 +6267,7 @@ const validMotionProps = /* @__PURE__ */ new Set([
   "onViewportEnter",
   "onViewportLeave",
   "globalTapTarget",
+  "propagate",
   "ignoreStrict",
   "viewport"
 ]);
@@ -6918,6 +6998,9 @@ function getVelocity(history, timeDelta) {
   if (!timestampedPoint) {
     return { x: 0, y: 0 };
   }
+  if (timestampedPoint === history[0] && history.length > 2 && lastPoint.timestamp - timestampedPoint.timestamp > /* @__PURE__ */ secondsToMilliseconds(timeDelta) * 2) {
+    timestampedPoint = history[1];
+  }
   const time2 = /* @__PURE__ */ millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);
   if (time2 === 0) {
     return { x: 0, y: 0 };
@@ -7030,14 +7113,11 @@ class VisualElementDragControls {
       return;
     const onSessionStart = (event) => {
       if (snapToCursor) {
-        this.stopAnimation();
         this.snapToCursor(extractEventInfo(event).point);
-      } else {
-        this.pauseAnimation();
       }
+      this.stopAnimation();
     };
     const onStart = (event, info) => {
-      this.stopAnimation();
       const { drag: drag2, dragPropagation, onDragStart } = this.getProps();
       if (drag2 && !dragPropagation) {
         if (this.openDragLock)
@@ -7104,7 +7184,12 @@ class VisualElementDragControls {
       this.latestPointerEvent = null;
       this.latestPanInfo = null;
     };
-    const resumeAnimation = () => eachAxis((axis) => this.getAnimationState(axis) === "paused" && this.getAxisMotionValue(axis).animation?.play());
+    const resumeAnimation = () => {
+      const { dragSnapToOrigin: snap } = this.getProps();
+      if (snap || this.constraints) {
+        this.startAnimation({ x: 0, y: 0 });
+      }
+    };
     const { dragSnapToOrigin } = this.getProps();
     this.panSession = new PanSession(originEvent, {
       onSessionStart,
@@ -7254,12 +7339,6 @@ class VisualElementDragControls {
   stopAnimation() {
     eachAxis((axis) => this.getAxisMotionValue(axis).stop());
   }
-  pauseAnimation() {
-    eachAxis((axis) => this.getAxisMotionValue(axis).animation?.pause());
-  }
-  getAnimationState(axis) {
-    return this.getAxisMotionValue(axis).animation?.state;
-  }
   /**
    * Drag works differently depending on which props are provided.
    *
@@ -7670,10 +7749,14 @@ class PressGesture extends Feature {
     const { current } = this.node;
     if (!current)
       return;
+    const { globalTapTarget, propagate } = this.node.props;
     this.unmount = press(current, (_element, startEvent) => {
       handlePressEvent(this.node, startEvent, "Start");
       return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
-    }, { useGlobalTarget: this.node.props.globalTapTarget });
+    }, {
+      useGlobalTarget: globalTapTarget,
+      stopPropagation: propagate?.tap === false
+    });
   }
   unmount() {
   }