@vkzstudio/muza-ui 1.0.8 → 1.0.9

package/dist/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js

@@ -1,79 +1,81 @@
-import { animateMotionValue as M } from "../../animation/interfaces/motion-value.js";
-import { addDomEvent as S } from "../../events/add-dom-event.js";
-import { addPointerEvent as B } from "../../events/add-pointer-event.js";
-import { extractEventInfo as k } from "../../events/event-info.js";
-import { convertBoxToBoundingBox as j, convertBoundingBoxToBox as T } from "../../projection/geometry/conversion.js";
-import { calcLength as w } from "../../projection/geometry/delta-calc.js";
-import { createBox as b } from "../../projection/geometry/models.js";
-import { eachAxis as h } from "../../projection/utils/each-axis.js";
-import { measurePageBox as I } from "../../projection/utils/measure.js";
-import { getContextWindow as R } from "../../utils/get-context-window.js";
+import { addPointerEvent as M } from "../../events/add-pointer-event.js";
+import { extractEventInfo as S } from "../../events/event-info.js";
+import { getContextWindow as k } from "../../utils/get-context-window.js";
 import { isRefObject as D } from "../../utils/is-ref-object.js";
-import { addValueToWillChange as x } from "../../value/use-will-change/add-will-change.js";
-import { PanSession as W } from "../pan/PanSession.js";
-import { applyConstraints as O, calcRelativeConstraints as U, resolveDragElastic as z, calcViewportConstraints as _, defaultElastic as F, rebaseAxisConstraints as K, calcOrigin as N } from "./utils/constraints.js";
+import { PanSession as B } from "../pan/PanSession.js";
+import { applyConstraints as j, calcRelativeConstraints as b, resolveDragElastic as T, calcViewportConstraints as w, defaultElastic as I, rebaseAxisConstraints as R, calcOrigin as W } from "./utils/constraints.js";
+import { createBox as O } from "../../../../../motion-dom/dist/es/projection/geometry/models.js";
+import { eachAxis as h } from "../../../../../motion-dom/dist/es/projection/utils/each-axis.js";
 import { frame as y } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { invariant as $ } from "../../../../../motion-utils/dist/es/errors.js";
-import { setDragLock as q } from "../../../../../motion-dom/dist/es/gestures/drag/state/set-active.js";
-import { percent as G } from "../../../../../motion-dom/dist/es/value/types/numbers/units.js";
+import { invariant as K } from "../../../../../motion-utils/dist/es/errors.js";
+import { measurePageBox as U } from "../../../../../motion-dom/dist/es/projection/utils/measure.js";
+import { convertBoxToBoundingBox as z, convertBoundingBoxToBox as _ } from "../../../../../motion-dom/dist/es/projection/geometry/conversion.js";
+import { addValueToWillChange as x } from "../../../../../motion-dom/dist/es/value/will-change/add-will-change.js";
+import { animateMotionValue as F } from "../../../../../motion-dom/dist/es/animation/interfaces/motion-value.js";
+import { addDomEvent as N } from "../../../../../motion-dom/dist/es/events/add-dom-event.js";
+import { setDragLock as $ } from "../../../../../motion-dom/dist/es/gestures/drag/state/set-active.js";
+import { percent as q } from "../../../../../motion-dom/dist/es/value/types/numbers/units.js";
+import { calcLength as G } from "../../../../../motion-dom/dist/es/projection/geometry/delta-calc.js";
 import { mixNumber as L } from "../../../../../motion-dom/dist/es/utils/mix/number.js";
-const H = /* @__PURE__ */ new WeakMap();
-class dt {
+import { isElementKeyboardAccessible as H } from "../../../../../motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.js";
+const J = /* @__PURE__ */ new WeakMap();
+class Et {
   constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = b(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = O(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
   }
   start(t, { snapToCursor: s = !1, distanceThreshold: n } = {}) {
     const { presenceContext: i } = this.visualElement;
     if (i && i.isPresent === !1)
       return;
-    const r = (a) => {
-      const { dragSnapToOrigin: l } = this.getProps();
-      l ? this.pauseAnimation() : this.stopAnimation(), s && this.snapToCursor(k(a).point);
-    }, e = (a, l) => {
+    const r = (o) => {
+      s ? (this.stopAnimation(), this.snapToCursor(S(o).point)) : this.pauseAnimation();
+    }, e = (o, c) => {
+      this.stopAnimation();
       const { drag: f, dragPropagation: d, onDragStart: v } = this.getProps();
-      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = q(f), !this.openDragLock))
+      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = $(f), !this.openDragLock))
         return;
-      this.latestPointerEvent = a, this.latestPanInfo = l, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), h((m) => {
-        let P = this.getAxisMotionValue(m).get() || 0;
-        if (G.test(P)) {
+      this.latestPointerEvent = o, this.latestPanInfo = c, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), h((g) => {
+        let P = this.getAxisMotionValue(g).get() || 0;
+        if (q.test(P)) {
           const { projection: C } = this.visualElement;
           if (C && C.layout) {
-            const V = C.layout.layoutBox[m];
-            V && (P = w(V) * (parseFloat(P) / 100));
+            const V = C.layout.layoutBox[g];
+            V && (P = G(V) * (parseFloat(P) / 100));
           }
         }
-        this.originPoint[m] = P;
-      }), v && y.postRender(() => v(a, l)), x(this.visualElement, "transform");
+        this.originPoint[g] = P;
+      }), v && y.postRender(() => v(o, c)), x(this.visualElement, "transform");
       const { animationState: E } = this.visualElement;
       E && E.setActive("whileDrag", !0);
-    }, o = (a, l) => {
-      this.latestPointerEvent = a, this.latestPanInfo = l;
+    }, a = (o, c) => {
+      this.latestPointerEvent = o, this.latestPanInfo = c;
       const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: v, onDrag: E } = this.getProps();
       if (!f && !this.openDragLock)
         return;
-      const { offset: m } = l;
+      const { offset: g } = c;
       if (d && this.currentDirection === null) {
-        this.currentDirection = J(m), this.currentDirection !== null && v && v(this.currentDirection);
+        this.currentDirection = Q(g), this.currentDirection !== null && v && v(this.currentDirection);
         return;
       }
-      this.updateAxis("x", l.point, m), this.updateAxis("y", l.point, m), this.visualElement.render(), E && E(a, l);
-    }, c = (a, l) => {
-      this.latestPointerEvent = a, this.latestPanInfo = l, this.stop(a, l), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, g = () => h((a) => {
-      var l;
-      return this.getAnimationState(a) === "paused" && ((l = this.getAxisMotionValue(a).animation) == null ? void 0 : l.play());
+      this.updateAxis("x", c.point, g), this.updateAxis("y", c.point, g), this.visualElement.render(), E && E(o, c);
+    }, l = (o, c) => {
+      this.latestPointerEvent = o, this.latestPanInfo = c, this.stop(o, c), this.latestPointerEvent = null, this.latestPanInfo = null;
+    }, m = () => h((o) => {
+      var c;
+      return this.getAnimationState(o) === "paused" && ((c = this.getAxisMotionValue(o).animation) == null ? void 0 : c.play());
     }), { dragSnapToOrigin: u } = this.getProps();
-    this.panSession = new W(t, {
+    this.panSession = new B(t, {
       onSessionStart: r,
       onStart: e,
-      onMove: o,
-      onSessionEnd: c,
-      resumeAnimation: g
+      onMove: a,
+      onSessionEnd: l,
+      resumeAnimation: m
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
       distanceThreshold: n,
-      contextWindow: R(this.visualElement)
+      contextWindow: k(this.visualElement),
+      element: this.visualElement.current
     });
   }
   /**
@@ -85,8 +87,8 @@ class dt {
       return;
     const { velocity: e } = i;
     this.startAnimation(e);
-    const { onDragEnd: o } = this.getProps();
-    o && y.postRender(() => o(n, i));
+    const { onDragEnd: a } = this.getProps();
+    a && y.postRender(() => a(n, i));
   }
   /**
    * @internal
@@ -94,23 +96,32 @@ class dt {
   cancel() {
     this.isDragging = !1;
     const { projection: t, animationState: s } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    t && (t.isAnimationBlocked = !1), this.endPanSession();
     const { dragPropagation: n } = this.getProps();
     !n && this.openDragLock && (this.openDragLock(), this.openDragLock = null), s && s.setActive("whileDrag", !1);
   }
+  /**
+   * Clean up the pan session without modifying other drag state.
+   * This is used during unmount to ensure event listeners are removed
+   * without affecting projection animations or drag locks.
+   * @internal
+   */
+  endPanSession() {
+    this.panSession && this.panSession.end(), this.panSession = void 0;
+  }
   updateAxis(t, s, n) {
     const { drag: i } = this.getProps();
     if (!n || !A(t, i, this.currentDirection))
       return;
     const r = this.getAxisMotionValue(t);
     let e = this.originPoint[t] + n[t];
-    this.constraints && this.constraints[t] && (e = O(e, this.constraints[t], this.elastic[t])), r.set(e);
+    this.constraints && this.constraints[t] && (e = j(e, this.constraints[t], this.elastic[t])), r.set(e);
   }
   resolveConstraints() {
     var r;
     const { dragConstraints: t, dragElastic: s } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (r = this.visualElement.projection) == null ? void 0 : r.layout, i = this.constraints;
-    t && D(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = U(n.layoutBox, t) : this.constraints = !1, this.elastic = z(s), i !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && h((e) => {
-      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = K(n.layoutBox[e], this.constraints[e]));
+    t && D(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = b(n.layoutBox, t) : this.constraints = !1, this.elastic = T(s), i !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && h((e) => {
+      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = R(n.layoutBox[e], this.constraints[e]));
     });
   }
   resolveRefConstraints() {
@@ -118,42 +129,42 @@ class dt {
     if (!t || !D(t))
       return !1;
     const n = t.current;
-    $(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    K(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const r = I(n, i.root, this.visualElement.getTransformPagePoint());
-    let e = _(i.layout.layoutBox, r);
+    const r = U(n, i.root, this.visualElement.getTransformPagePoint());
+    let e = w(i.layout.layoutBox, r);
     if (s) {
-      const o = s(j(e));
-      this.hasMutatedConstraints = !!o, o && (e = T(o));
+      const a = s(z(e));
+      this.hasMutatedConstraints = !!a, a && (e = _(a));
     }
     return e;
   }
   startAnimation(t) {
-    const { drag: s, dragMomentum: n, dragElastic: i, dragTransition: r, dragSnapToOrigin: e, onDragTransitionEnd: o } = this.getProps(), c = this.constraints || {}, g = h((u) => {
+    const { drag: s, dragMomentum: n, dragElastic: i, dragTransition: r, dragSnapToOrigin: e, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, m = h((u) => {
       if (!A(u, s, this.currentDirection))
         return;
-      let a = c && c[u] || {};
-      e && (a = { min: 0, max: 0 });
-      const l = i ? 200 : 1e6, f = i ? 40 : 1e7, d = {
+      let o = l && l[u] || {};
+      e && (o = { min: 0, max: 0 });
+      const c = i ? 200 : 1e6, f = i ? 40 : 1e7, d = {
         type: "inertia",
         velocity: n ? t[u] : 0,
-        bounceStiffness: l,
+        bounceStiffness: c,
         bounceDamping: f,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...r,
-        ...a
+        ...o
       };
       return this.startAxisValueAnimation(u, d);
     });
-    return Promise.all(g).then(o);
+    return Promise.all(m).then(a);
   }
   startAxisValueAnimation(t, s) {
     const n = this.getAxisMotionValue(t);
-    return x(this.visualElement, t), n.start(M(t, n, 0, s, this.visualElement, !1));
+    return x(this.visualElement, t), n.start(F(t, n, 0, s, this.visualElement, !1));
   }
   stopAnimation() {
     h((t) => this.getAxisMotionValue(t).stop());
@@ -185,8 +196,8 @@ class dt {
         return;
       const { projection: i } = this.visualElement, r = this.getAxisMotionValue(s);
       if (i && i.layout) {
-        const { min: e, max: o } = i.layout.layoutBox[s];
-        r.set(t[s] - L(e, o, 0.5));
+        const { min: e, max: a } = i.layout.layoutBox[s], l = r.get() || 0;
+        r.set(t[s] - L(e, a, 0.5) + l);
       }
     });
   }
@@ -204,44 +215,44 @@ class dt {
     this.stopAnimation();
     const i = { x: 0, y: 0 };
     h((e) => {
-      const o = this.getAxisMotionValue(e);
-      if (o && this.constraints !== !1) {
-        const c = o.get();
-        i[e] = N({ min: c, max: c }, this.constraints[e]);
+      const a = this.getAxisMotionValue(e);
+      if (a && this.constraints !== !1) {
+        const l = a.get();
+        i[e] = W({ min: l, max: l }, this.constraints[e]);
       }
     });
     const { transformTemplate: r } = this.visualElement.getProps();
     this.visualElement.current.style.transform = r ? r({}, "") : "none", n.root && n.root.updateScroll(), n.updateLayout(), this.resolveConstraints(), h((e) => {
       if (!A(e, t, null))
         return;
-      const o = this.getAxisMotionValue(e), { min: c, max: g } = this.constraints[e];
-      o.set(L(c, g, i[e]));
+      const a = this.getAxisMotionValue(e), { min: l, max: m } = this.constraints[e];
+      a.set(L(l, m, i[e]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
-    H.set(this.visualElement, this);
-    const t = this.visualElement.current, s = B(t, "pointerdown", (c) => {
-      const { drag: g, dragListener: u = !0 } = this.getProps();
-      g && u && this.start(c);
+    J.set(this.visualElement, this);
+    const t = this.visualElement.current, s = M(t, "pointerdown", (l) => {
+      const { drag: m, dragListener: u = !0 } = this.getProps(), o = l.target, c = o !== t && H(o);
+      m && u && !c && this.start(l);
     }), n = () => {
-      const { dragConstraints: c } = this.getProps();
-      D(c) && c.current && (this.constraints = this.resolveRefConstraints());
+      const { dragConstraints: l } = this.getProps();
+      D(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", n);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), y.read(n);
-    const e = S(window, "resize", () => this.scalePositionWithinConstraints()), o = i.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: g }) => {
-      this.isDragging && g && (h((u) => {
-        const a = this.getAxisMotionValue(u);
-        a && (this.originPoint[u] += c[u].translate, a.set(a.get() + c[u].translate));
+    const e = N(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: m }) => {
+      this.isDragging && m && (h((u) => {
+        const o = this.getAxisMotionValue(u);
+        o && (this.originPoint[u] += l[u].translate, o.set(o.get() + l[u].translate));
       }), this.visualElement.render());
     }));
     return () => {
-      e(), s(), r(), o && o();
+      e(), s(), r(), a && a();
     };
   }
   getProps() {
-    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: n = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: e = F, dragMomentum: o = !0 } = t;
+    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: n = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: e = I, dragMomentum: a = !0 } = t;
     return {
       ...t,
       drag: s,
@@ -249,18 +260,18 @@ class dt {
       dragPropagation: i,
       dragConstraints: r,
       dragElastic: e,
-      dragMomentum: o
+      dragMomentum: a
     };
   }
 }
 function A(p, t, s) {
   return (t === !0 || t === p) && (s === null || s === p);
 }
-function J(p, t = 10) {
+function Q(p, t = 10) {
   let s = null;
   return Math.abs(p.y) > t ? s = "y" : Math.abs(p.x) > t && (s = "x"), s;
 }
 export {
-  dt as VisualElementDragControls,
-  H as elementDragControls
+  Et as VisualElementDragControls,
+  J as elementDragControls
 };

package/dist/node_modules/framer-motion/dist/es/gestures/drag/index.js

@@ -1,18 +1,22 @@
-import { Feature as s } from "../../motion/features/Feature.js";
 import { VisualElementDragControls as t } from "./VisualElementDragControls.js";
-import { noop as r } from "../../../../../motion-utils/dist/es/noop.js";
-class u extends s {
+import { Feature as e } from "../../../../../motion-dom/dist/es/render/Feature.js";
+import { noop as s } from "../../../../../motion-utils/dist/es/noop.js";
+class m extends e {
   constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
+    super(o), this.removeGroupControls = s, this.removeListeners = s, this.controls = new t(o);
   }
   mount() {
     const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || s;
+  }
+  update() {
+    const { dragControls: o } = this.node.getProps(), { dragControls: r } = this.node.prevProps || {};
+    o !== r && (this.removeGroupControls(), o && (this.removeGroupControls = o.subscribe(this.controls)));
   }
   unmount() {
-    this.removeGroupControls(), this.removeListeners();
+    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
   }
 }
 export {
-  u as DragGesture
+  m as DragGesture
 };

package/dist/node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js

@@ -1,9 +1,9 @@
-import { calcLength as r } from "../../../projection/geometry/delta-calc.js";
-import { mixNumber as t } from "../../../../../../motion-dom/dist/es/utils/mix/number.js";
+import { mixNumber as r } from "../../../../../../motion-dom/dist/es/utils/mix/number.js";
+import { calcLength as t } from "../../../../../../motion-dom/dist/es/projection/geometry/delta-calc.js";
 import { progress as u } from "../../../../../../motion-utils/dist/es/progress.js";
 import { clamp as C } from "../../../../../../motion-utils/dist/es/clamp.js";
 function a(n, { min: e, max: m }, i) {
-  return e !== void 0 && n < e ? n = i ? t(e, n, i.min) : Math.max(n, e) : m !== void 0 && n > m && (n = i ? t(m, n, i.max) : Math.min(n, m)), n;
+  return e !== void 0 && n < e ? n = i ? r(e, n, i.min) : Math.max(n, e) : m !== void 0 && n > m && (n = i ? r(m, n, i.max) : Math.min(n, m)), n;
 }
 function o(n, e, m) {
   return {
@@ -29,7 +29,7 @@ function w(n, e) {
 }
 function y(n, e) {
   let m = 0.5;
-  const i = r(n), f = r(e);
+  const i = t(n), f = t(e);
   return f > i ? m = u(e.min, e.max - i, n.min) : i > f && (m = u(n.min, n.max - f, e.min)), C(0, 1, m);
 }
 function M(n, e) {

package/dist/node_modules/framer-motion/dist/es/gestures/focus.js

@@ -1,6 +1,6 @@
-import { addDomEvent as e } from "../events/add-dom-event.js";
-import { Feature as i } from "../motion/features/Feature.js";
+import { Feature as i } from "../../../../motion-dom/dist/es/render/Feature.js";
 import { pipe as s } from "../../../../motion-utils/dist/es/pipe.js";
+import { addDomEvent as e } from "../../../../motion-dom/dist/es/events/add-dom-event.js";
 class a extends i {
   constructor() {
     super(...arguments), this.isActive = !1;

package/dist/node_modules/framer-motion/dist/es/gestures/hover.js

@@ -1,5 +1,5 @@
 import { extractEventInfo as m } from "../events/event-info.js";
-import { Feature as s } from "../motion/features/Feature.js";
+import { Feature as s } from "../../../../motion-dom/dist/es/render/Feature.js";
 import { hover as u } from "../../../../motion-dom/dist/es/gestures/hover.js";
 import { frame as c } from "../../../../motion-dom/dist/es/frameloop/frame.js";
 function a(e, t, r) {

package/dist/node_modules/framer-motion/dist/es/gestures/pan/PanSession.js

@@ -1,84 +1,131 @@
-import { addPointerEvent as m } from "../../events/add-pointer-event.js";
-import { extractEventInfo as S } from "../../events/event-info.js";
-import { distance2D as T } from "../../utils/distance.js";
-import { frameData as x, frame as D, cancelFrame as W } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { isPrimaryPointer as L } from "../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
-import { pipe as U } from "../../../../../motion-utils/dist/es/pipe.js";
-import { secondsToMilliseconds as O, millisecondsToSeconds as V } from "../../../../../motion-utils/dist/es/time-conversion.js";
-class C {
-  constructor(n, o, { transformPagePoint: e, contextWindow: r = window, dragSnapToOrigin: h = !1, distanceThreshold: s = 3 } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+import { addPointerEvent as v } from "../../events/add-pointer-event.js";
+import { extractEventInfo as W } from "../../events/event-info.js";
+import { distance2D as D } from "../../utils/distance.js";
+import { frameData as P, frame as x, cancelFrame as k } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { isPrimaryPointer as U } from "../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
+import { pipe as X } from "../../../../../motion-utils/dist/es/pipe.js";
+import { secondsToMilliseconds as Y, millisecondsToSeconds as O } from "../../../../../motion-utils/dist/es/time-conversion.js";
+const S = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class B {
+  constructor(t, i, { transformPagePoint: s, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: l = 3, element: p } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (e) => {
+      this.handleScroll(e.target);
+    }, this.onWindowScroll = () => {
+      this.handleScroll(window);
+    }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = T(i.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!a && !c)
+      const e = u(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, c = D(e.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!h && !c)
         return;
-      const { point: f } = i, { timestamp: d } = x;
-      this.history.push({ ...f, timestamp: d });
-      const { onStart: l, onMove: E } = this.handlers;
-      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
-    }, this.handlePointerMove = (i, a) => {
-      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), D.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (i, a) => {
+      const { point: d } = e, { timestamp: f } = P;
+      this.history.push({ ...d, timestamp: f });
+      const { onStart: a, onMove: E } = this.handlers;
+      h || (a && a(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, e);
+    }, this.handlePointerMove = (e, h) => {
+      this.lastMoveEvent = e, this.lastMoveEventInfo = m(h, this.transformPagePoint), x.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (e, h) => {
       this.end();
-      const { onEnd: c, onSessionEnd: f, resumeAnimation: d } = this.handlers;
-      if (this.dragSnapToOrigin && d && d(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: c, onSessionEnd: d, resumeAnimation: f } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && f && f(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
-      this.startEvent && c && c(i, l), f && f(i, l);
-    }, !L(n))
+      const a = u(e.type === "pointercancel" ? this.lastMoveEventInfo : m(h, this.transformPagePoint), this.history);
+      this.startEvent && c && c(e, a), d && d(e, a);
+    }, !U(t))
       return;
-    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.distanceThreshold = s, this.contextWindow = r || window;
-    const g = S(n), u = v(g, this.transformPagePoint), { point: w } = u, { timestamp: I } = x;
-    this.history = [{ ...w, timestamp: I }];
-    const { onSessionStart: P } = o;
-    P && P(n, p(u, this.history)), this.removeListeners = U(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp));
+    this.dragSnapToOrigin = o, this.handlers = i, this.transformPagePoint = s, this.distanceThreshold = l, this.contextWindow = r || window;
+    const g = W(t), w = m(g, this.transformPagePoint), { point: L } = w, { timestamp: T } = P;
+    this.history = [{ ...L, timestamp: T }];
+    const { onSessionStart: y } = i;
+    y && y(t, u(w, this.history)), this.removeListeners = X(v(this.contextWindow, "pointermove", this.handlePointerMove), v(this.contextWindow, "pointerup", this.handlePointerUp), v(this.contextWindow, "pointercancel", this.handlePointerUp)), p && this.startScrollTracking(p);
   }
-  updateHandlers(n) {
-    this.handlers = n;
+  /**
+   * Start tracking scroll on ancestors and window.
+   */
+  startScrollTracking(t) {
+    let i = t.parentElement;
+    for (; i; ) {
+      const s = getComputedStyle(i);
+      (S.has(s.overflowX) || S.has(s.overflowY)) && this.scrollPositions.set(i, {
+        x: i.scrollLeft,
+        y: i.scrollTop
+      }), i = i.parentElement;
+    }
+    this.scrollPositions.set(window, {
+      x: window.scrollX,
+      y: window.scrollY
+    }), window.addEventListener("scroll", this.onElementScroll, {
+      capture: !0,
+      passive: !0
+    }), window.addEventListener("scroll", this.onWindowScroll, {
+      passive: !0
+    }), this.removeScrollListeners = () => {
+      window.removeEventListener("scroll", this.onElementScroll, {
+        capture: !0
+      }), window.removeEventListener("scroll", this.onWindowScroll);
+    };
+  }
+  /**
+   * Handle scroll compensation during drag.
+   *
+   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
+   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
+   */
+  handleScroll(t) {
+    const i = this.scrollPositions.get(t);
+    if (!i)
+      return;
+    const s = t === window, r = s ? { x: window.scrollX, y: window.scrollY } : {
+      x: t.scrollLeft,
+      y: t.scrollTop
+    }, o = { x: r.x - i.x, y: r.y - i.y };
+    o.x === 0 && o.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(t, r), x.update(this.updatePoint, !0));
+  }
+  updateHandlers(t) {
+    this.handlers = t;
   }
   end() {
-    this.removeListeners && this.removeListeners(), W(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
   }
 }
-function v(t, n) {
-  return n ? { point: n(t.point) } : t;
+function m(n, t) {
+  return t ? { point: t(n.point) } : n;
 }
-function y(t, n) {
-  return { x: t.x - n.x, y: t.y - n.y };
+function M(n, t) {
+  return { x: n.x - t.x, y: n.y - t.y };
 }
-function p({ point: t }, n) {
+function u({ point: n }, t) {
   return {
-    point: t,
-    delta: y(t, M(n)),
-    offset: y(t, b(n)),
-    velocity: k(n, 0.1)
+    point: n,
+    delta: M(n, I(t)),
+    offset: M(n, V(t)),
+    velocity: b(t, 0.1)
   };
 }
-function b(t) {
-  return t[0];
+function V(n) {
+  return n[0];
 }
-function M(t) {
-  return t[t.length - 1];
+function I(n) {
+  return n[n.length - 1];
 }
-function k(t, n) {
-  if (t.length < 2)
+function b(n, t) {
+  if (n.length < 2)
     return { x: 0, y: 0 };
-  let o = t.length - 1, e = null;
-  const r = M(t);
-  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > O(n))); )
-    o--;
-  if (!e)
+  let i = n.length - 1, s = null;
+  const r = I(n);
+  for (; i >= 0 && (s = n[i], !(r.timestamp - s.timestamp > Y(t))); )
+    i--;
+  if (!s)
     return { x: 0, y: 0 };
-  const h = V(r.timestamp - e.timestamp);
-  if (h === 0)
+  const o = O(r.timestamp - s.timestamp);
+  if (o === 0)
     return { x: 0, y: 0 };
-  const s = {
-    x: (r.x - e.x) / h,
-    y: (r.y - e.y) / h
+  const l = {
+    x: (r.x - s.x) / o,
+    y: (r.y - s.y) / o
   };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+  return l.x === 1 / 0 && (l.x = 0), l.y === 1 / 0 && (l.y = 0), l;
 }
 export {
-  C as PanSession
+  B as PanSession
 };

package/dist/node_modules/framer-motion/dist/es/gestures/pan/index.js

@@ -1,20 +1,20 @@
 import { addPointerEvent as m } from "../../events/add-pointer-event.js";
-import { Feature as P } from "../../motion/features/Feature.js";
-import { getContextWindow as h } from "../../utils/get-context-window.js";
-import { PanSession as p } from "./PanSession.js";
+import { getContextWindow as P } from "../../utils/get-context-window.js";
+import { PanSession as h } from "./PanSession.js";
+import { Feature as p } from "../../../../../motion-dom/dist/es/render/Feature.js";
 import { noop as u } from "../../../../../motion-utils/dist/es/noop.js";
 import { frame as r } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
 const s = (e) => (n, o) => {
   e && r.postRender(() => e(n, o));
 };
-class v extends P {
+class v extends p {
   constructor() {
     super(...arguments), this.removePointerDownListener = u;
   }
   onPointerDown(n) {
-    this.session = new p(n, this.createPanHandlers(), {
+    this.session = new h(n, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: h(this.node)
+      contextWindow: P(this.node)
     });
   }
   createPanHandlers() {