@vkzstudio/muza-ui 1.0.8 → 1.0.10

package/dist/node_modules/framer-motion/dist/es/components/Reorder/Item.js

@@ -1,29 +1,34 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as I, useContext as M } from "react";
-import { ReorderContext as h } from "../../context/ReorderContext.js";
-import { motion as V } from "../../render/components/motion/proxy.js";
-import { useConstant as O } from "../../utils/use-constant.js";
-import { useMotionValue as S } from "../../value/use-motion-value.js";
-import { useTransform as T } from "../../value/use-transform.js";
-import { isMotionValue as b } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-import { invariant as j } from "../../../../../motion-utils/dist/es/errors.js";
-function f(e, o = 0) {
-  return b(e) ? e : S(o);
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as V, useContext as O } from "react";
+import { ReorderContext as T } from "../../context/ReorderContext.js";
+import { motion as b } from "../../render/components/motion/proxy.js";
+import { useConstant as j } from "../../utils/use-constant.js";
+import { useMotionValue as w } from "../../value/use-motion-value.js";
+import { useTransform as z } from "../../value/use-transform.js";
+import { autoScrollIfNeeded as A, resetAutoScrollState as B } from "./utils/auto-scroll.js";
+import { isMotionValue as D } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { invariant as G } from "../../../../../motion-utils/dist/es/errors.js";
+function a(i, e = 0) {
+  return D(i) ? i : w(e);
 }
-function w({ children: e, style: o = {}, value: m, as: p = "li", onDrag: u, layout: c = !0, ...d }, x) {
-  const l = O(() => V[p]), s = M(h), r = {
-    x: f(o.x),
-    y: f(o.y)
-  }, y = T([r.x, r.y], ([t, i]) => t || i ? 1 : "unset");
-  j(!!s, "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
-  const { axis: n, registerItem: R, updateOrder: g } = s;
-  return C(l, { drag: n, ...d, dragSnapToOrigin: !0, style: { ...o, x: r.x, y: r.y, zIndex: y }, layout: c, onDrag: (t, i) => {
-    const { velocity: a } = i;
-    a[n] && g(m, r[n].get(), a[n]), u && u(t, i);
-  }, onLayoutMeasure: (t) => R(m, t), ref: x, ignoreStrict: !0, children: e });
+function L({ children: i, style: e = {}, value: m, as: c = "li", onDrag: u, onDragEnd: f, layout: d = !0, ...l }, x) {
+  const y = j(() => b[c]), s = O(T), n = {
+    x: a(e.x),
+    y: a(e.y)
+  }, R = z([n.x, n.y], ([o, t]) => o || t ? 1 : "unset");
+  G(!!s, "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
+  const { axis: r, registerItem: g, updateOrder: I, groupRef: C } = s;
+  return h(y, { drag: r, ...l, dragSnapToOrigin: !0, style: { ...e, x: n.x, y: n.y, zIndex: R }, layout: d, onDrag: (o, t) => {
+    const { velocity: p, point: S } = t, M = n[r].get();
+    I(m, M, p[r]), A(C.current, S[r], r, p[r]), u && u(o, t);
+  }, onDragEnd: (o, t) => {
+    B(), f && f(o, t);
+  }, onLayoutMeasure: (o) => {
+    g(m, o);
+  }, ref: x, ignoreStrict: !0, children: i });
 }
-const E = /* @__PURE__ */ I(w);
+const Q = /* @__PURE__ */ V(L);
 export {
-  E as ReorderItem,
-  w as ReorderItemComponent
+  Q as ReorderItem,
+  L as ReorderItemComponent
 };

package/dist/node_modules/framer-motion/dist/es/components/Reorder/utils/auto-scroll.js

@@ -0,0 +1,64 @@
+const g = /* @__PURE__ */ new Set(["auto", "scroll"]), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
+let i = null;
+function p() {
+  if (i) {
+    const o = f(i, "y");
+    o && (d.delete(o), u.delete(o));
+    const l = f(i, "x");
+    l && l !== o && (d.delete(l), u.delete(l)), i = null;
+  }
+}
+function m(o, l) {
+  const t = getComputedStyle(o), n = l === "x" ? t.overflowX : t.overflowY;
+  return g.has(n);
+}
+function f(o, l) {
+  let t = o == null ? void 0 : o.parentElement;
+  for (; t; ) {
+    if (m(t, l))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function w(o, l, t) {
+  const n = l.getBoundingClientRect(), e = t === "x" ? n.left : n.top, a = t === "x" ? n.right : n.bottom, c = o - e, r = a - o;
+  if (c < 50) {
+    const s = 1 - c / 50;
+    return { amount: -25 * s * s, edge: "start" };
+  } else if (r < 50) {
+    const s = 1 - r / 50;
+    return { amount: 25 * s * s, edge: "end" };
+  }
+  return { amount: 0, edge: null };
+}
+function A(o, l, t, n) {
+  if (!o)
+    return;
+  i = o;
+  const e = f(o, t);
+  if (!e)
+    return;
+  const a = l - (t === "x" ? window.scrollX : window.scrollY), { amount: c, edge: r } = w(a, e, t);
+  if (r === null) {
+    d.delete(e), u.delete(e);
+    return;
+  }
+  if (d.get(e) !== r) {
+    if (!(r === "start" && n < 0 || r === "end" && n > 0))
+      return;
+    d.set(e, r);
+    const h = t === "x" ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight;
+    u.set(e, h);
+  }
+  if (c > 0) {
+    const S = u.get(e);
+    if ((t === "x" ? e.scrollLeft : e.scrollTop) >= S)
+      return;
+  }
+  t === "x" ? e.scrollLeft += c : e.scrollTop += c;
+}
+export {
+  A as autoScrollIfNeeded,
+  p as resetAutoScrollState
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js

@@ -1,5 +1,5 @@
-import { isControllingVariants as r } from "../../render/utils/is-controlling-variants.js";
-import { isVariantLabel as e } from "../../render/utils/is-variant-label.js";
+import { isControllingVariants as r } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isVariantLabel as e } from "../../../../../motion-dom/dist/es/render/utils/is-variant-label.js";
 function o(i, a) {
   if (r(i)) {
     const { initial: n, animate: t } = i;

package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js

@@ -1,7 +1,7 @@
-import { addDomEvent as d } from "./add-dom-event.js";
-import { addPointerInfo as e } from "./event-info.js";
+import { addPointerInfo as d } from "./event-info.js";
+import { addDomEvent as e } from "../../../../motion-dom/dist/es/events/add-dom-event.js";
 function f(o, r, t, n) {
-  return d(o, r, e(t), n);
+  return e(o, r, d(t), n);
 }
 export {
   f as addPointerEvent

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) {