@eightshift/ui-components 6.0.13 → 6.1.1

package/dist/components/draggable/draggable.js

@@ -1,37 +1,37 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useLayoutEffect, useMemo, useState, useCallback, createContext, memo, useInsertionEffect, forwardRef, startTransition, useImperativeHandle, useContext } from "react";
+import { useEffect, useRef, useLayoutEffect, useMemo, useState, useCallback, useInsertionEffect, createContext, memo, forwardRef, startTransition, useImperativeHandle, useContext } from "react";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { DraggableContext } from "./draggable-context.js";
-import { r as reactDomExports } from "../../index-sSixe2j_.js";
+import { r as reactDomExports } from "../../index-BL5gdWX4.js";
 var i = /* @__PURE__ */ Symbol.for("preact-signals");
 function t() {
   if (!(s > 1)) {
     var i2, t2 = false;
     while (void 0 !== h) {
-      var r2 = h;
+      var n2 = h;
       h = void 0;
-      f++;
-      while (void 0 !== r2) {
-        var o2 = r2.o;
-        r2.o = void 0;
-        r2.f &= -3;
-        if (!(8 & r2.f) && c(r2)) try {
-          r2.c();
-        } catch (r3) {
+      v++;
+      while (void 0 !== n2) {
+        var r2 = n2.o;
+        n2.o = void 0;
+        n2.f &= -3;
+        if (!(8 & n2.f) && a(n2)) try {
+          n2.c();
+        } catch (n3) {
           if (!t2) {
-            i2 = r3;
+            i2 = n3;
             t2 = true;
           }
         }
-        r2 = o2;
+        n2 = r2;
       }
     }
-    f = 0;
+    v = 0;
     s--;
     if (t2) throw i2;
   } else s--;
 }
-function r(i2) {
+function n(i2) {
   if (s > 0) return i2();
   s++;
   try {
@@ -40,42 +40,42 @@ function r(i2) {
     t();
   }
 }
-var o = void 0;
-function n(i2) {
-  var t2 = o;
-  o = void 0;
+var r = void 0;
+function o(i2) {
+  var t2 = r;
+  r = void 0;
   try {
     return i2();
   } finally {
-    o = t2;
+    r = t2;
   }
 }
-var h = void 0, s = 0, f = 0, v = 0;
+var h = void 0, s = 0, v = 0, u = 0;
 function e(i2) {
-  if (void 0 !== o) {
+  if (void 0 !== r) {
     var t2 = i2.n;
-    if (void 0 === t2 || t2.t !== o) {
-      t2 = { i: 0, S: i2, p: o.s, n: void 0, t: o, e: void 0, x: void 0, r: t2 };
-      if (void 0 !== o.s) o.s.n = t2;
-      o.s = t2;
+    if (void 0 === t2 || t2.t !== r) {
+      t2 = { i: 0, S: i2, p: r.s, n: void 0, t: r, e: void 0, x: void 0, r: t2 };
+      if (void 0 !== r.s) r.s.n = t2;
+      r.s = t2;
       i2.n = t2;
-      if (32 & o.f) i2.S(t2);
+      if (32 & r.f) i2.S(t2);
       return t2;
     } else if (-1 === t2.i) {
       t2.i = 0;
       if (void 0 !== t2.n) {
         t2.n.p = t2.p;
         if (void 0 !== t2.p) t2.p.n = t2.n;
-        t2.p = o.s;
+        t2.p = r.s;
         t2.n = void 0;
-        o.s.n = t2;
-        o.s = t2;
+        r.s.n = t2;
+        r.s = t2;
       }
       return t2;
     }
   }
 }
-function u(i2, t2) {
+function d(i2, t2) {
   this.v = i2;
   this.i = 0;
   this.n = void 0;
@@ -84,102 +84,102 @@ function u(i2, t2) {
   this.Z = null == t2 ? void 0 : t2.unwatched;
   this.name = null == t2 ? void 0 : t2.name;
 }
-u.prototype.brand = i;
-u.prototype.h = function() {
+d.prototype.brand = i;
+d.prototype.h = function() {
   return true;
 };
-u.prototype.S = function(i2) {
-  var t2 = this, r2 = this.t;
-  if (r2 !== i2 && void 0 === i2.e) {
-    i2.x = r2;
+d.prototype.S = function(i2) {
+  var t2 = this, n2 = this.t;
+  if (n2 !== i2 && void 0 === i2.e) {
+    i2.x = n2;
     this.t = i2;
-    if (void 0 !== r2) r2.e = i2;
-    else n(function() {
+    if (void 0 !== n2) n2.e = i2;
+    else o(function() {
       var i3;
       null == (i3 = t2.W) || i3.call(t2);
     });
   }
 };
-u.prototype.U = function(i2) {
+d.prototype.U = function(i2) {
   var t2 = this;
   if (void 0 !== this.t) {
-    var r2 = i2.e, o2 = i2.x;
-    if (void 0 !== r2) {
-      r2.x = o2;
+    var n2 = i2.e, r2 = i2.x;
+    if (void 0 !== n2) {
+      n2.x = r2;
       i2.e = void 0;
     }
-    if (void 0 !== o2) {
-      o2.e = r2;
+    if (void 0 !== r2) {
+      r2.e = n2;
       i2.x = void 0;
     }
     if (i2 === this.t) {
-      this.t = o2;
-      if (void 0 === o2) n(function() {
+      this.t = r2;
+      if (void 0 === r2) o(function() {
         var i3;
         null == (i3 = t2.Z) || i3.call(t2);
       });
     }
   }
 };
-u.prototype.subscribe = function(i2) {
+d.prototype.subscribe = function(i2) {
   var t2 = this;
-  return E(function() {
-    var r2 = t2.value, n2 = o;
-    o = void 0;
+  return m(function() {
+    var n2 = t2.value, o2 = r;
+    r = void 0;
     try {
-      i2(r2);
+      i2(n2);
     } finally {
-      o = n2;
+      r = o2;
     }
   }, { name: "sub" });
 };
-u.prototype.valueOf = function() {
+d.prototype.valueOf = function() {
   return this.value;
 };
-u.prototype.toString = function() {
+d.prototype.toString = function() {
   return this.value + "";
 };
-u.prototype.toJSON = function() {
+d.prototype.toJSON = function() {
   return this.value;
 };
-u.prototype.peek = function() {
-  var i2 = o;
-  o = void 0;
+d.prototype.peek = function() {
+  var i2 = r;
+  r = void 0;
   try {
     return this.value;
   } finally {
-    o = i2;
+    r = i2;
   }
 };
-Object.defineProperty(u.prototype, "value", { get: function() {
+Object.defineProperty(d.prototype, "value", { get: function() {
   var i2 = e(this);
   if (void 0 !== i2) i2.i = this.i;
   return this.v;
 }, set: function(i2) {
   if (i2 !== this.v) {
-    if (f > 100) throw new Error("Cycle detected");
+    if (v > 100) throw new Error("Cycle detected");
     this.v = i2;
     this.i++;
-    v++;
+    u++;
     s++;
     try {
-      for (var r2 = this.t; void 0 !== r2; r2 = r2.x) r2.t.N();
+      for (var n2 = this.t; void 0 !== n2; n2 = n2.x) n2.t.N();
     } finally {
       t();
     }
   }
 } });
-function d(i2, t2) {
-  return new u(i2, t2);
+function c(i2, t2) {
+  return new d(i2, t2);
 }
-function c(i2) {
+function a(i2) {
   for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) if (t2.S.i !== t2.i || !t2.S.h() || t2.S.i !== t2.i) return true;
   return false;
 }
-function a(i2) {
+function l(i2) {
   for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) {
-    var r2 = t2.S.n;
-    if (void 0 !== r2) t2.r = r2;
+    var n2 = t2.S.n;
+    if (void 0 !== n2) t2.r = n2;
     t2.S.n = t2;
     t2.i = -1;
     if (void 0 === t2.n) {
@@ -188,48 +188,48 @@ function a(i2) {
     }
   }
 }
-function l(i2) {
-  var t2 = i2.s, r2 = void 0;
+function y(i2) {
+  var t2 = i2.s, n2 = void 0;
   while (void 0 !== t2) {
-    var o2 = t2.p;
+    var r2 = t2.p;
     if (-1 === t2.i) {
       t2.S.U(t2);
-      if (void 0 !== o2) o2.n = t2.n;
-      if (void 0 !== t2.n) t2.n.p = o2;
-    } else r2 = t2;
+      if (void 0 !== r2) r2.n = t2.n;
+      if (void 0 !== t2.n) t2.n.p = r2;
+    } else n2 = t2;
     t2.S.n = t2.r;
     if (void 0 !== t2.r) t2.r = void 0;
-    t2 = o2;
+    t2 = r2;
   }
-  i2.s = r2;
+  i2.s = n2;
 }
-function y(i2, t2) {
-  u.call(this, void 0);
+function w(i2, t2) {
+  d.call(this, void 0);
   this.x = i2;
   this.s = void 0;
-  this.g = v - 1;
+  this.g = u - 1;
   this.f = 4;
   this.W = null == t2 ? void 0 : t2.watched;
   this.Z = null == t2 ? void 0 : t2.unwatched;
   this.name = null == t2 ? void 0 : t2.name;
 }
-y.prototype = new u();
-y.prototype.h = function() {
+w.prototype = new d();
+w.prototype.h = function() {
   this.f &= -3;
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
   this.f &= -5;
-  if (this.g === v) return true;
-  this.g = v;
+  if (this.g === u) return true;
+  this.g = u;
   this.f |= 1;
-  if (this.i > 0 && !c(this)) {
+  if (this.i > 0 && !a(this)) {
     this.f &= -2;
     return true;
   }
-  var i2 = o;
+  var i2 = r;
   try {
-    a(this);
-    o = this;
+    l(this);
+    r = this;
     var t2 = this.x();
     if (16 & this.f || this.v !== t2 || 0 === this.i) {
       this.v = t2;
@@ -241,34 +241,34 @@ y.prototype.h = function() {
     this.f |= 16;
     this.i++;
   }
-  o = i2;
-  l(this);
+  r = i2;
+  y(this);
   this.f &= -2;
   return true;
 };
-y.prototype.S = function(i2) {
+w.prototype.S = function(i2) {
   if (void 0 === this.t) {
     this.f |= 36;
     for (var t2 = this.s; void 0 !== t2; t2 = t2.n) t2.S.S(t2);
   }
-  u.prototype.S.call(this, i2);
+  d.prototype.S.call(this, i2);
 };
-y.prototype.U = function(i2) {
+w.prototype.U = function(i2) {
   if (void 0 !== this.t) {
-    u.prototype.U.call(this, i2);
+    d.prototype.U.call(this, i2);
     if (void 0 === this.t) {
       this.f &= -33;
       for (var t2 = this.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
     }
   }
 };
-y.prototype.N = function() {
+w.prototype.N = function() {
   if (!(2 & this.f)) {
     this.f |= 6;
     for (var i2 = this.t; void 0 !== i2; i2 = i2.x) i2.t.N();
   }
 };
-Object.defineProperty(y.prototype, "value", { get: function() {
+Object.defineProperty(w.prototype, "value", { get: function() {
   if (1 & this.f) throw new Error("Cycle detected");
   var i2 = e(this);
   this.h();
@@ -276,44 +276,44 @@ Object.defineProperty(y.prototype, "value", { get: function() {
   if (16 & this.f) throw this.v;
   return this.v;
 } });
-function w(i2, t2) {
-  return new y(i2, t2);
+function b(i2, t2) {
+  return new w(i2, t2);
 }
 function _(i2) {
-  var r2 = i2.u;
+  var n2 = i2.u;
   i2.u = void 0;
-  if ("function" == typeof r2) {
+  if ("function" == typeof n2) {
     s++;
-    var n2 = o;
-    o = void 0;
+    var o2 = r;
+    r = void 0;
     try {
-      r2();
+      n2();
     } catch (t2) {
       i2.f &= -2;
       i2.f |= 8;
-      b(i2);
+      p(i2);
       throw t2;
     } finally {
-      o = n2;
+      r = o2;
       t();
     }
   }
 }
-function b(i2) {
+function p(i2) {
   for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
   i2.x = void 0;
   i2.s = void 0;
   _(i2);
 }
 function g(i2) {
-  if (o !== this) throw new Error("Out-of-order effect");
-  l(this);
-  o = i2;
+  if (r !== this) throw new Error("Out-of-order effect");
+  y(this);
+  r = i2;
   this.f &= -2;
-  if (8 & this.f) b(this);
+  if (8 & this.f) p(this);
   t();
 }
-function p(i2, t2) {
+function S(i2, t2) {
   this.x = i2;
   this.u = void 0;
   this.s = void 0;
@@ -321,7 +321,7 @@ function p(i2, t2) {
   this.f = 32;
   this.name = null == t2 ? void 0 : t2.name;
 }
-p.prototype.c = function() {
+S.prototype.c = function() {
   var i2 = this.S();
   try {
     if (8 & this.f) return;
@@ -332,42 +332,42 @@ p.prototype.c = function() {
     i2();
   }
 };
-p.prototype.S = function() {
+S.prototype.S = function() {
   if (1 & this.f) throw new Error("Cycle detected");
   this.f |= 1;
   this.f &= -9;
   _(this);
-  a(this);
+  l(this);
   s++;
-  var i2 = o;
-  o = this;
+  var i2 = r;
+  r = this;
   return g.bind(this, i2);
 };
-p.prototype.N = function() {
+S.prototype.N = function() {
   if (!(2 & this.f)) {
     this.f |= 2;
     this.o = h;
     h = this;
   }
 };
-p.prototype.d = function() {
+S.prototype.d = function() {
   this.f |= 8;
-  if (!(1 & this.f)) b(this);
+  if (!(1 & this.f)) p(this);
 };
-p.prototype.dispose = function() {
+S.prototype.dispose = function() {
   this.d();
 };
-function E(i2, t2) {
-  var r2 = new p(i2, t2);
+function m(i2, t2) {
+  var n2 = new S(i2, t2);
   try {
-    r2.c();
+    n2.c();
   } catch (i3) {
-    r2.d();
+    n2.d();
     throw i3;
   }
-  var o2 = r2.d.bind(r2);
-  o2[Symbol.dispose] = o2;
-  return o2;
+  var r2 = n2.d.bind(n2);
+  r2[Symbol.dispose] = r2;
+  return r2;
 }
 var __create$5 = Object.create;
 var __defProp$6 = Object.defineProperty;
@@ -440,7 +440,7 @@ var __privateMethod$3 = (obj, member, method) => (__accessCheck$6(obj, member, "
 function computed(compute, comparator) {
   if (comparator) {
     let previousValue;
-    return w(() => {
+    return b(() => {
       const value = compute();
       if (value && previousValue && comparator(previousValue, value)) {
         return previousValue;
@@ -449,7 +449,7 @@ function computed(compute, comparator) {
       return value;
     });
   }
-  return w(compute);
+  return b(compute);
 }
 function deepEqual(a2, b2) {
   if (Object.is(a2, b2)) {
@@ -493,7 +493,7 @@ function deepEqual(a2, b2) {
 function reactive({ get }, _2) {
   return {
     init(value) {
-      return d(value);
+      return c(value);
     },
     get() {
       const current = get.call(this);
@@ -531,7 +531,7 @@ function enumerable(enumerable2 = true) {
   };
 }
 function effects(...entries) {
-  const effects2 = entries.map((fn) => E(fn));
+  const effects2 = entries.map((fn) => m(fn));
   return () => effects2.forEach((cleanup) => cleanup());
 }
 var _previous_dec, _initial_dec, _current_dec$1, _current_dec2, _previous_dec2, _initial_dec2, _init$5, _initial, _a$3, initial_get, initial_set, _ValueHistory_instances, _previous, _b$1, previous_get, previous_set, _current, _c$2, current_get, current_set;
@@ -559,11 +559,11 @@ var ValueHistory = class {
   }
   /** Set the current value */
   set current(value) {
-    const current = n(() => __privateGet$6(this, _ValueHistory_instances, current_get));
+    const current = o(() => __privateGet$6(this, _ValueHistory_instances, current_get));
     if (value && current && this.equals(current, value)) {
       return;
     }
-    r(() => {
+    n(() => {
       if (!__privateGet$6(this, _ValueHistory_instances, initial_get)) {
         __privateSet$6(this, _ValueHistory_instances, value, initial_set);
       }
@@ -573,7 +573,7 @@ var ValueHistory = class {
   }
   /** Reset the state to the initial value */
   reset(value = this.defaultValue) {
-    r(() => {
+    n(() => {
       __privateSet$6(this, _ValueHistory_instances, void 0, previous_set);
       __privateSet$6(this, _ValueHistory_instances, value, initial_set);
       __privateSet$6(this, _ValueHistory_instances, value, current_set);
@@ -593,7 +593,7 @@ __decorateElement$5(_init$5, 2, "initial", _initial_dec, ValueHistory);
 __decorateElement$5(_init$5, 2, "previous", _previous_dec, ValueHistory);
 __decoratorMetadata$5(_init$5, ValueHistory);
 function snapshot(value) {
-  return n(() => {
+  return o(() => {
     const output = {};
     for (const key in value) {
       output[key] = value[key];
@@ -869,7 +869,7 @@ var Position$1 = class Position extends (_a$2 = ValueHistory, _delta_dec$1 = [de
     const timestamp = Date.now();
     const timeDelta = timestamp - __privateGet$5(this, _timestamp$1);
     const velocity = (delta2) => Math.round(delta2 / timeDelta * 100);
-    r(() => {
+    n(() => {
       __privateSet$5(this, _timestamp$1, timestamp);
       this.velocity = {
         x: velocity(delta.x),
@@ -950,8 +950,8 @@ var __objRest$3 = (source, exclude) => {
   return target;
 };
 var __decoratorStart$3 = (base) => {
-  var _a4;
-  return [, , , __create$3((_a4 = base == null ? void 0 : base[__knownSymbol$3("metadata")]) != null ? _a4 : null)];
+  var _a5;
+  return [, , , __create$3((_a5 = base == null ? void 0 : base[__knownSymbol$3("metadata")]) != null ? _a5 : null)];
 };
 var __decoratorStrings$3 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
 var __expectFn$3 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$4("Function expected") : fn;
@@ -1052,7 +1052,7 @@ var Plugin = class {
    * This method does not trigger effects when accessed.
    */
   isDisabled() {
-    return n(() => {
+    return o(() => {
       return this.disabled;
     });
   }
@@ -1071,7 +1071,7 @@ var Plugin = class {
    * @returns A function to dispose of the effect
    */
   registerEffect(callback) {
-    const dispose = E(callback.bind(this));
+    const dispose = m(callback.bind(this));
     __privateGet$4(this, _cleanupFunctions$1).add(dispose);
     return dispose;
   }
@@ -1244,11 +1244,11 @@ var CollisionObserver = class extends Plugin {
     __privateAdd$4(this, _previousCoordinates);
     __privateAdd$4(this, _collisions);
     this.computeCollisions = this.computeCollisions.bind(this);
-    __privateSet$4(this, _collisions, d(DEFAULT_VALUE));
+    __privateSet$4(this, _collisions, c(DEFAULT_VALUE));
     this.destroy = effects(
       () => {
         const collisions = this.computeCollisions();
-        const coordinates = n(
+        const coordinates = o(
           () => this.manager.dragOperation.position.current
         );
         if (collisions !== DEFAULT_VALUE) {
@@ -1276,7 +1276,7 @@ var CollisionObserver = class extends Plugin {
    * @param immediate - If true, updates collisions immediately. If false, resets previous coordinates.
    */
   forceUpdate(immediate = true) {
-    n(() => {
+    o(() => {
       if (immediate) {
         __privateGet$4(this, _collisions).value = this.computeCollisions();
       } else {
@@ -1312,7 +1312,7 @@ var CollisionObserver = class extends Plugin {
       }
       potentialTargets.push(entry);
       void entry.shape;
-      const collision = n(
+      const collision = o(
         () => detectCollision({
           droppable: entry,
           dragOperation
@@ -1455,9 +1455,9 @@ var CollisionNotifier = class extends CorePlugin {
           previousCollisions = collisions;
         }
         const [firstCollision] = collisions;
-        n(() => {
-          var _a4;
-          if ((firstCollision == null ? void 0 : firstCollision.id) !== ((_a4 = manager.dragOperation.target) == null ? void 0 : _a4.id)) {
+        o(() => {
+          var _a5;
+          if ((firstCollision == null ? void 0 : firstCollision.id) !== ((_a5 = manager.dragOperation.target) == null ? void 0 : _a5.id)) {
             collisionObserver.disable();
             manager.actions.setDropTarget(firstCollision == null ? void 0 : firstCollision.id).then(() => {
               collisionObserver.enable();
@@ -1558,7 +1558,7 @@ var DragActions = class {
    * @returns A promise that resolves to true if the drop was prevented
    */
   setDropTarget(identifier) {
-    return n(() => {
+    return o(() => {
       const { dragOperation } = this.manager;
       const id = identifier != null ? identifier : null;
       if (dragOperation.targetIdentifier === id) {
@@ -1585,7 +1585,7 @@ var DragActions = class {
    * @throws {Error} If there is no drag source or another operation is active
    */
   start(args) {
-    return n(() => {
+    return o(() => {
       const { dragOperation } = this.manager;
       if (args.source != null) {
         this.setDragSource(args.source);
@@ -1601,7 +1601,7 @@ var DragActions = class {
       }
       const controller = new AbortController();
       const { event: nativeEvent, coordinates } = args;
-      r(() => {
+      n(() => {
         dragOperation.status.set(
           "initialization-pending"
           /* InitializationPending */
@@ -1653,8 +1653,8 @@ var DragActions = class {
    * @param args.propagate - Whether to dispatch dragmove events
    */
   move(args) {
-    return n(() => {
-      var _a4, _b2;
+    return o(() => {
+      var _a5, _b2;
       const { dragOperation } = this.manager;
       const { status, controller } = dragOperation;
       if (!status.dragging || !controller || controller.signal.aborted) {
@@ -1667,7 +1667,7 @@ var DragActions = class {
           by: args.by,
           to: args.to
         },
-        (_a4 = args.cancelable) != null ? _a4 : true
+        (_a5 = args.cancelable) != null ? _a5 : true
       );
       if ((_b2 = args.propagate) != null ? _b2 : true) {
         this.manager.monitor.dispatch("dragmove", event);
@@ -1698,8 +1698,8 @@ var DragActions = class {
    * - Handles cleanup of the operation state
    */
   stop(args = {}) {
-    return n(() => {
-      var _a4, _b2;
+    return o(() => {
+      var _a5, _b2;
       const { dragOperation } = this.manager;
       const { controller } = dragOperation;
       if (!controller || controller.signal.aborted) return;
@@ -1724,7 +1724,7 @@ var DragActions = class {
             "dropped"
             /* Dropped */
           );
-          const dropping = n(
+          const dropping = o(
             () => {
               var _a22;
               return ((_a22 = dragOperation.source) == null ? void 0 : _a22.status) === "dropping";
@@ -1738,7 +1738,7 @@ var DragActions = class {
           };
           if (dropping) {
             const { source } = dragOperation;
-            const dispose = E(() => {
+            const dispose = m(() => {
               if ((source == null ? void 0 : source.status) === "idle") {
                 dispose();
                 cleanup();
@@ -1749,7 +1749,7 @@ var DragActions = class {
           }
         });
       };
-      dragOperation.canceled = (_a4 = args.canceled) != null ? _a4 : false;
+      dragOperation.canceled = (_a5 = args.canceled) != null ? _a5 : false;
       this.manager.monitor.dispatch("dragend", {
         nativeEvent: args.event,
         operation: dragOperation.snapshot(),
@@ -1785,7 +1785,7 @@ var Entity = class {
     this.data = data;
     this.disabled = disabled;
     this.effects = () => {
-      var _a4;
+      var _a5;
       return [
         () => {
           const { id: id2, manager: manager2 } = this;
@@ -1795,7 +1795,7 @@ var Entity = class {
           manager2 == null ? void 0 : manager2.registry.register(this);
           return () => manager2 == null ? void 0 : manager2.registry.unregister(this);
         },
-        ...(_a4 = effects6 == null ? void 0 : effects6()) != null ? _a4 : []
+        ...(_a5 = effects6 == null ? void 0 : effects6()) != null ? _a5 : []
       ];
     };
     this.register = this.register.bind(this);
@@ -1810,24 +1810,24 @@ var Entity = class {
    * @returns CleanupFunction | void
    */
   register() {
-    var _a4;
-    return (_a4 = this.manager) == null ? void 0 : _a4.registry.register(this);
+    var _a5;
+    return (_a5 = this.manager) == null ? void 0 : _a5.registry.register(this);
   }
   /**
    * A method that unregisters the entity from the manager.
    * @returns void
    */
   unregister() {
-    var _a4;
-    (_a4 = this.manager) == null ? void 0 : _a4.registry.unregister(this);
+    var _a5;
+    (_a5 = this.manager) == null ? void 0 : _a5.registry.unregister(this);
   }
   /**
    * A method that cleans up the entity when it is no longer needed.
    * @returns void
    */
   destroy() {
-    var _a4;
-    (_a4 = this.manager) == null ? void 0 : _a4.registry.unregister(this);
+    var _a5;
+    (_a5 = this.manager) == null ? void 0 : _a5.registry.unregister(this);
   }
 };
 _init3$1 = __decoratorStart$3(null);
@@ -1842,7 +1842,7 @@ __decorateElement$3(_init3$1, 4, "disabled", _disabled_dec2, Entity, _disabled2)
 __decoratorMetadata$3(_init3$1, Entity);
 var EntityRegistry = class {
   constructor() {
-    this.map = d(/* @__PURE__ */ new Map());
+    this.map = c(/* @__PURE__ */ new Map());
     this.cleanupFunctions = /* @__PURE__ */ new WeakMap();
     this.register = (key, value) => {
       const current = this.map.peek();
@@ -1914,8 +1914,8 @@ var EntityRegistry = class {
 };
 var _isDragSource_dec, _isDragging_dec, _isDropping_dec, _status_dec, _modifiers_dec, _type_dec, _c$1, _init4$1, _type, _modifiers, _status;
 var Draggable$2 = class Draggable extends (_c$1 = Entity, _type_dec = [reactive], _modifiers_dec = [reactive], _status_dec = [reactive], _isDropping_dec = [derived], _isDragging_dec = [derived], _isDragSource_dec = [derived], _c$1) {
-  constructor(_a4, manager) {
-    var _b2 = _a4, { modifiers, type, sensors } = _b2, input = __objRest$3(_b2, ["modifiers", "type", "sensors"]);
+  constructor(_a5, manager) {
+    var _b2 = _a5, { modifiers, type, sensors } = _b2, input = __objRest$3(_b2, ["modifiers", "type", "sensors"]);
     super(input, manager);
     __runInitializers$3(_init4$1, 5, this);
     __privateAdd$4(this, _type, __runInitializers$3(_init4$1, 8, this)), __runInitializers$3(_init4$1, 11, this);
@@ -1933,8 +1933,8 @@ var Draggable$2 = class Draggable extends (_c$1 = Entity, _type_dec = [reactive]
     return this.status === "dragging" && this.isDragSource;
   }
   get isDragSource() {
-    var _a4, _b2;
-    return ((_b2 = (_a4 = this.manager) == null ? void 0 : _a4.dragOperation.source) == null ? void 0 : _b2.id) === this.id;
+    var _a5, _b2;
+    return ((_b2 = (_a5 = this.manager) == null ? void 0 : _a5.dragOperation.source) == null ? void 0 : _b2.id) === this.id;
   }
 };
 _init4$1 = __decoratorStart$3(_c$1);
@@ -1950,8 +1950,8 @@ __decorateElement$3(_init4$1, 2, "isDragSource", _isDragSource_dec, Draggable$2)
 __decoratorMetadata$3(_init4$1, Draggable$2);
 var _isDropTarget_dec, _shape_dec, _collisionPriority_dec, _collisionDetector_dec, _type_dec2, _accept_dec, _c2$1, _init5$1, _accept, _type2, _collisionDetector, _collisionPriority, _shape;
 var Droppable$1 = class Droppable extends (_c2$1 = Entity, _accept_dec = [reactive], _type_dec2 = [reactive], _collisionDetector_dec = [reactive], _collisionPriority_dec = [reactive], _shape_dec = [reactive], _isDropTarget_dec = [derived], _c2$1) {
-  constructor(_a4, manager) {
-    var _b2 = _a4, { accept, collisionDetector, collisionPriority, type } = _b2, input = __objRest$3(_b2, ["accept", "collisionDetector", "collisionPriority", "type"]);
+  constructor(_a5, manager) {
+    var _b2 = _a5, { accept, collisionDetector, collisionPriority, type } = _b2, input = __objRest$3(_b2, ["accept", "collisionDetector", "collisionPriority", "type"]);
     super(input, manager);
     __runInitializers$3(_init5$1, 5, this);
     __privateAdd$4(this, _accept, __runInitializers$3(_init5$1, 8, this)), __runInitializers$3(_init5$1, 11, this);
@@ -1987,8 +1987,8 @@ var Droppable$1 = class Droppable extends (_c2$1 = Entity, _accept_dec = [reacti
     return draggable.type === accept;
   }
   get isDropTarget() {
-    var _a4, _b2;
-    return ((_b2 = (_a4 = this.manager) == null ? void 0 : _a4.dragOperation.target) == null ? void 0 : _b2.id) === this.id;
+    var _a5, _b2;
+    return ((_b2 = (_a5 = this.manager) == null ? void 0 : _a5.dragOperation.target) == null ? void 0 : _b2.id) === this.id;
   }
 };
 _init5$1 = __decoratorStart$3(_c2$1);
@@ -2028,9 +2028,9 @@ var ActivationController = class extends AbortController {
     }
   }
   onEvent(event) {
-    var _a4;
+    var _a5;
     if (this.activated) return;
-    if ((_a4 = this.constraints) == null ? void 0 : _a4.length) {
+    if ((_a5 = this.constraints) == null ? void 0 : _a5.length) {
       for (const constraint of this.constraints) {
         constraint.onEvent(event);
       }
@@ -2062,8 +2062,8 @@ var ActivationConstraint = class {
    * Called when the activation is triggered.
    */
   activate(event) {
-    var _a4;
-    (_a4 = __privateGet$4(this, _controller)) == null ? void 0 : _a4.activate(event);
+    var _a5;
+    (_a5 = __privateGet$4(this, _controller)) == null ? void 0 : _a5.activate(event);
   }
 };
 _controller = /* @__PURE__ */ new WeakMap();
@@ -2163,7 +2163,7 @@ var DragDropRegistry = class {
     this.modifiers.destroy();
   }
 };
-var _transform_dec, _target_dec, _source_dec, _modifiers_dec2, _targetIdentifier_dec, _sourceIdentifier_dec, _activatorEvent_dec, _canceled_dec, _shape_dec2, _manager2, _previousSource, _shape2, _init6, _canceled, _activatorEvent, _sourceIdentifier, _targetIdentifier, _modifiers2, _transform;
+var _transform_dec, _target_dec, _source_dec, _modifiers_dec2, _targetIdentifier_dec, _sourceIdentifier_dec, _activatorEvent_dec, _canceled_dec, _shape_dec2, _manager2, _previousSource, _shape2, _init6$1, _canceled, _activatorEvent, _sourceIdentifier, _targetIdentifier, _modifiers2, _transform;
 _shape_dec2 = [derived], _canceled_dec = [reactive], _activatorEvent_dec = [reactive], _sourceIdentifier_dec = [reactive], _targetIdentifier_dec = [reactive], _modifiers_dec2 = [reactive], _source_dec = [derived], _target_dec = [derived], _transform_dec = [derived];
 var DragOperation = class {
   /**
@@ -2172,7 +2172,7 @@ var DragOperation = class {
    * @param manager - The drag and drop manager that owns this operation
    */
   constructor(manager) {
-    __runInitializers$3(_init6, 5, this);
+    __runInitializers$3(_init6$1, 5, this);
     __privateAdd$4(this, _manager2);
     __privateAdd$4(this, _previousSource);
     __privateAdd$4(this, _shape2, new ValueHistory(
@@ -2180,11 +2180,11 @@ var DragOperation = class {
       (a2, b2) => a2 && b2 ? a2.equals(b2) : a2 === b2
     ));
     this.status = new Status();
-    __privateAdd$4(this, _canceled, __runInitializers$3(_init6, 8, this, false)), __runInitializers$3(_init6, 11, this);
-    __privateAdd$4(this, _activatorEvent, __runInitializers$3(_init6, 12, this, null)), __runInitializers$3(_init6, 15, this);
-    __privateAdd$4(this, _sourceIdentifier, __runInitializers$3(_init6, 16, this, null)), __runInitializers$3(_init6, 19, this);
-    __privateAdd$4(this, _targetIdentifier, __runInitializers$3(_init6, 20, this, null)), __runInitializers$3(_init6, 23, this);
-    __privateAdd$4(this, _modifiers2, __runInitializers$3(_init6, 24, this, [])), __runInitializers$3(_init6, 27, this);
+    __privateAdd$4(this, _canceled, __runInitializers$3(_init6$1, 8, this, false)), __runInitializers$3(_init6$1, 11, this);
+    __privateAdd$4(this, _activatorEvent, __runInitializers$3(_init6$1, 12, this, null)), __runInitializers$3(_init6$1, 15, this);
+    __privateAdd$4(this, _sourceIdentifier, __runInitializers$3(_init6$1, 16, this, null)), __runInitializers$3(_init6$1, 19, this);
+    __privateAdd$4(this, _targetIdentifier, __runInitializers$3(_init6$1, 20, this, null)), __runInitializers$3(_init6$1, 23, this);
+    __privateAdd$4(this, _modifiers2, __runInitializers$3(_init6$1, 24, this, [])), __runInitializers$3(_init6$1, 27, this);
     this.position = new Position$1({ x: 0, y: 0 });
     __privateAdd$4(this, _transform, { x: 0, y: 0 });
     __privateSet$4(this, _manager2, manager);
@@ -2209,19 +2209,19 @@ var DragOperation = class {
     }
   }
   get source() {
-    var _a4;
+    var _a5;
     const identifier = this.sourceIdentifier;
     if (identifier == null) return null;
     const value = __privateGet$4(this, _manager2).registry.draggables.get(identifier);
     if (value) {
       __privateSet$4(this, _previousSource, value);
     }
-    return (_a4 = value != null ? value : __privateGet$4(this, _previousSource)) != null ? _a4 : null;
+    return (_a5 = value != null ? value : __privateGet$4(this, _previousSource)) != null ? _a5 : null;
   }
   get target() {
-    var _a4;
+    var _a5;
     const identifier = this.targetIdentifier;
-    return identifier != null ? (_a4 = __privateGet$4(this, _manager2).registry.droppables.get(identifier)) != null ? _a4 : null : null;
+    return identifier != null ? (_a5 = __privateGet$4(this, _manager2).registry.droppables.get(identifier)) != null ? _a5 : null : null;
   }
   get transform() {
     const { x, y: y2 } = this.position.delta;
@@ -2240,7 +2240,7 @@ var DragOperation = class {
    * @returns An immutable snapshot of the current operation state
    */
   snapshot() {
-    return n(() => ({
+    return o(() => ({
       source: this.source,
       target: this.target,
       activatorEvent: this.activatorEvent,
@@ -2263,7 +2263,7 @@ var DragOperation = class {
    * - Clears modifiers
    */
   reset() {
-    r(() => {
+    n(() => {
       this.status.set(
         "idle"
         /* Idle */
@@ -2277,7 +2277,7 @@ var DragOperation = class {
     });
   }
 };
-_init6 = __decoratorStart$3(null);
+_init6$1 = __decoratorStart$3(null);
 _manager2 = /* @__PURE__ */ new WeakMap();
 _previousSource = /* @__PURE__ */ new WeakMap();
 _shape2 = /* @__PURE__ */ new WeakMap();
@@ -2287,16 +2287,16 @@ _sourceIdentifier = /* @__PURE__ */ new WeakMap();
 _targetIdentifier = /* @__PURE__ */ new WeakMap();
 _modifiers2 = /* @__PURE__ */ new WeakMap();
 _transform = /* @__PURE__ */ new WeakMap();
-__decorateElement$3(_init6, 2, "shape", _shape_dec2, DragOperation);
-__decorateElement$3(_init6, 4, "canceled", _canceled_dec, DragOperation, _canceled);
-__decorateElement$3(_init6, 4, "activatorEvent", _activatorEvent_dec, DragOperation, _activatorEvent);
-__decorateElement$3(_init6, 4, "sourceIdentifier", _sourceIdentifier_dec, DragOperation, _sourceIdentifier);
-__decorateElement$3(_init6, 4, "targetIdentifier", _targetIdentifier_dec, DragOperation, _targetIdentifier);
-__decorateElement$3(_init6, 4, "modifiers", _modifiers_dec2, DragOperation, _modifiers2);
-__decorateElement$3(_init6, 2, "source", _source_dec, DragOperation);
-__decorateElement$3(_init6, 2, "target", _target_dec, DragOperation);
-__decorateElement$3(_init6, 2, "transform", _transform_dec, DragOperation);
-__decoratorMetadata$3(_init6, DragOperation);
+__decorateElement$3(_init6$1, 2, "shape", _shape_dec2, DragOperation);
+__decorateElement$3(_init6$1, 4, "canceled", _canceled_dec, DragOperation, _canceled);
+__decorateElement$3(_init6$1, 4, "activatorEvent", _activatorEvent_dec, DragOperation, _activatorEvent);
+__decorateElement$3(_init6$1, 4, "sourceIdentifier", _sourceIdentifier_dec, DragOperation, _sourceIdentifier);
+__decorateElement$3(_init6$1, 4, "targetIdentifier", _targetIdentifier_dec, DragOperation, _targetIdentifier);
+__decorateElement$3(_init6$1, 4, "modifiers", _modifiers_dec2, DragOperation, _modifiers2);
+__decorateElement$3(_init6$1, 2, "source", _source_dec, DragOperation);
+__decorateElement$3(_init6$1, 2, "target", _target_dec, DragOperation);
+__decorateElement$3(_init6$1, 2, "transform", _transform_dec, DragOperation);
+__decoratorMetadata$3(_init6$1, DragOperation);
 var defaultRenderer = {
   get rendering() {
     return Promise.resolve();
@@ -2336,13 +2336,13 @@ var DragDropManager$1 = class DragDropManager {
     this.sensors = sensors;
     const { destroy } = this;
     const cleanup = effects(() => {
-      var _a4, _b2, _c3;
-      const currentModifiers = n(() => this.dragOperation.modifiers);
+      var _a5, _b2, _c3;
+      const currentModifiers = o(() => this.dragOperation.modifiers);
       const managerModifiers = this.modifiers;
       if (currentModifiers !== managerModifiers) {
         currentModifiers.forEach((modifier) => modifier.destroy());
       }
-      this.dragOperation.modifiers = (_c3 = (_b2 = (_a4 = this.dragOperation.source) == null ? void 0 : _a4.modifiers) == null ? void 0 : _b2.map((modifier) => {
+      this.dragOperation.modifiers = (_c3 = (_b2 = (_a5 = this.dragOperation.source) == null ? void 0 : _a5.modifiers) == null ? void 0 : _b2.map((modifier) => {
         const { plugin, options: options2 } = descriptor(modifier);
         return new plugin(this, options2);
       })) != null ? _c3 : managerModifiers;
@@ -2448,8 +2448,8 @@ var shapeIntersection = ({
   return null;
 };
 var defaultCollisionDetection = (args) => {
-  var _a4;
-  return (_a4 = pointerIntersection(args)) != null ? _a4 : shapeIntersection(args);
+  var _a5;
+  return (_a5 = pointerIntersection(args)) != null ? _a5 : shapeIntersection(args);
 };
 var closestCorners = (input) => {
   const { dragOperation, droppable } = input;
@@ -2462,10 +2462,10 @@ var closestCorners = (input) => {
     droppable.shape.boundingRectangle
   ).corners.reduce(
     (acc, corner, index) => {
-      var _a4;
+      var _a5;
       return acc + Point$1.distance(
         Point$1.from(corner),
-        (_a4 = shapeCorners == null ? void 0 : shapeCorners[index]) != null ? _a4 : position.current
+        (_a5 = shapeCorners == null ? void 0 : shapeCorners[index]) != null ? _a5 : position.current
       );
     },
     0
@@ -2519,7 +2519,7 @@ function isNode(node) {
   return "nodeType" in node;
 }
 function getWindow(target) {
-  var _a4, _b2, _c3;
+  var _a5, _b2, _c3;
   if (!target) {
     return window;
   }
@@ -2530,13 +2530,13 @@ function getWindow(target) {
     return window;
   }
   if ("defaultView" in target) {
-    return (_a4 = target.defaultView) != null ? _a4 : window;
+    return (_a5 = target.defaultView) != null ? _a5 : window;
   }
   return (_c3 = (_b2 = target.ownerDocument) == null ? void 0 : _b2.defaultView) != null ? _c3 : window;
 }
 function isDocument(node) {
-  const { Document } = getWindow(node);
-  return node instanceof Document || "nodeType" in node && node.nodeType === Node.DOCUMENT_NODE;
+  const { Document: Document2 } = getWindow(node);
+  return node instanceof Document2 || "nodeType" in node && node.nodeType === Node.DOCUMENT_NODE;
 }
 function isHTMLElement(node) {
   if (!node || isWindow(node)) return false;
@@ -2587,10 +2587,10 @@ function isDetailsElement(element) {
   return element.tagName === "DETAILS";
 }
 function getVisibleBoundingRectangle(element, boundingClientRect = element.getBoundingClientRect(), margin = 0) {
-  var _a4;
+  var _a5;
   let rect = boundingClientRect;
   const { ownerDocument } = element;
-  const ownerWindow = (_a4 = ownerDocument.defaultView) != null ? _a4 : window;
+  const ownerWindow = (_a5 = ownerDocument.defaultView) != null ? _a5 : window;
   let ancestor = element.parentElement;
   while (ancestor && ancestor !== ownerDocument.documentElement) {
     if (!isOverflowVisible(ancestor)) {
@@ -2675,6 +2675,24 @@ function getDocuments(rootDoc = document, seen = /* @__PURE__ */ new Set()) {
 function isSafari() {
   return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
+function isShadowRoot(target) {
+  if (!target || !isNode(target)) return false;
+  return target instanceof getWindow(target).ShadowRoot;
+}
+function getRoot(target) {
+  if (target && isNode(target)) {
+    let root = target.getRootNode();
+    if (isShadowRoot(root)) {
+      return root;
+    } else if (root instanceof Document) {
+      return root;
+    }
+  }
+  return getDocument(target);
+}
+function prefersReducedMotion(window2) {
+  return window2.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function cloneElement(element) {
   const selector = "input, textarea, select, canvas, [contenteditable]";
   const clonedElement = element.cloneNode(true);
@@ -2703,8 +2721,8 @@ function isField(element) {
 function isCanvasElement(element) {
   return element.tagName === "CANVAS";
 }
-function getElementFromPoint(document2, { x, y: y2 }) {
-  const element = document2.elementFromPoint(x, y2);
+function getElementFromPoint(root, { x, y: y2 }) {
+  const element = root.elementFromPoint(x, y2);
   if (isIFrameElement(element)) {
     const { contentDocument } = element;
     if (contentDocument) {
@@ -2850,9 +2868,9 @@ var PositionObserver = class {
     this.callback = callback;
     __privateAdd$3(this, _PositionObserver_instances);
     this.disconnect = () => {
-      var _a4, _b2, _c3;
+      var _a5, _b2, _c3;
       __privateSet$3(this, _disconnected, true);
-      (_a4 = __privateGet$3(this, _resizeObserver)) == null ? void 0 : _a4.disconnect();
+      (_a5 = __privateGet$3(this, _resizeObserver)) == null ? void 0 : _a5.disconnect();
       (_b2 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _b2.disconnect();
       __privateGet$3(this, _visibilityObserver).disconnect();
       (_c3 = __privateGet$3(this, _debug)) == null ? void 0 : _c3.remove();
@@ -2865,9 +2883,9 @@ var PositionObserver = class {
     __privateAdd$3(this, _debug);
     __privateAdd$3(this, _disconnected, false);
     __privateAdd$3(this, _observePosition, throttle(() => {
-      var _a4, _b2, _c3;
+      var _a5, _b2, _c3;
       const { element: element2 } = this;
-      (_a4 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
+      (_a5 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a5.disconnect();
       if (__privateGet$3(this, _disconnected) || !__privateGet$3(this, _visible) || !element2.isConnected) {
         return;
       }
@@ -2923,7 +2941,7 @@ var PositionObserver = class {
     }
     __privateSet$3(this, _visibilityObserver, new IntersectionObserver(
       (entries) => {
-        var _a4, _b2;
+        var _a5, _b2;
         const entry = entries[entries.length - 1];
         const { boundingClientRect, isIntersecting: visible } = entry;
         const { width, height } = boundingClientRect;
@@ -2931,7 +2949,7 @@ var PositionObserver = class {
         __privateSet$3(this, _visible, visible);
         if (!width && !height) return;
         if (previousVisible && !visible) {
-          (_a4 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
+          (_a5 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a5.disconnect();
           this.callback(null);
           (_b2 = __privateGet$3(this, _resizeObserver)) == null ? void 0 : _b2.disconnect();
           __privateSet$3(this, _resizeObserver, void 0);
@@ -3020,7 +3038,7 @@ function observeParentFrames(frames, callback) {
   return () => cleanup.forEach((remove) => remove());
 }
 function addScrollListener(element, callback) {
-  var _a4;
+  var _a5;
   const doc = element.ownerDocument;
   if (!scrollListeners.has(doc)) {
     const controller = new AbortController();
@@ -3036,7 +3054,7 @@ function addScrollListener(element, callback) {
     );
     scrollListeners.set(doc, { disconnect: () => controller.abort(), listeners: listeners2 });
   }
-  const { listeners, disconnect } = (_a4 = scrollListeners.get(doc)) != null ? _a4 : {};
+  const { listeners, disconnect } = (_a5 = scrollListeners.get(doc)) != null ? _a5 : {};
   if (!listeners || !disconnect) return () => {
   };
   listeners.add(callback);
@@ -3214,10 +3232,11 @@ function isScrollable(element, computedStyle = getComputedStyles(element, true))
   });
 }
 var defaultOptions = {
-  excludeElement: true
+  excludeElement: true,
+  escapeShadowDOM: true
 };
 function getScrollableAncestors(element, options2 = defaultOptions) {
-  const { limit, excludeElement } = options2;
+  const { limit, excludeElement, escapeShadowDOM } = options2;
   const scrollParents = /* @__PURE__ */ new Set();
   function findScrollableAncestors(node) {
     if (limit != null && scrollParents.size >= limit) {
@@ -3230,6 +3249,9 @@ function getScrollableAncestors(element, options2 = defaultOptions) {
       scrollParents.add(node.scrollingElement);
       return scrollParents;
     }
+    if (escapeShadowDOM && isShadowRoot(node)) {
+      return findScrollableAncestors(node.host);
+    }
     if (!isHTMLElement(node)) {
       if (isSVGElement(node)) {
         return findScrollableAncestors(node.parentElement);
@@ -3329,7 +3351,7 @@ function parseTranslate(translate) {
   };
 }
 function parseTransform(computedStyles) {
-  var _a4, _b2, _c3, _d2, _e, _f, _g, _h, _i;
+  var _a5, _b2, _c3, _d2, _e, _f, _g, _h, _i;
   const { scale, transform, translate } = computedStyles;
   const parsedScale = parseScale(scale);
   const parsedTranslate = parseTranslate(translate);
@@ -3338,7 +3360,7 @@ function parseTransform(computedStyles) {
     return null;
   }
   const normalizedScale = {
-    x: (_a4 = parsedScale == null ? void 0 : parsedScale.x) != null ? _a4 : 1,
+    x: (_a5 = parsedScale == null ? void 0 : parsedScale.x) != null ? _a5 : 1,
     y: (_b2 = parsedScale == null ? void 0 : parsedScale.y) != null ? _b2 : 1
   };
   const normalizedTranslate = {
@@ -3552,10 +3574,10 @@ function getDocumentAnimations(element) {
 }
 function forceFinishAnimations(element, options2) {
   const animations2 = getDocumentAnimations(element).filter((animation) => {
-    var _a4, _b2;
+    var _a5, _b2;
     if (isKeyframeEffect(animation.effect)) {
       const { target } = animation.effect;
-      const isValidTarget = (_b2 = target && ((_a4 = options2.isValidTarget) == null ? void 0 : _a4.call(options2, target))) != null ? _b2 : true;
+      const isValidTarget = (_b2 = target && ((_a5 = options2.isValidTarget) == null ? void 0 : _a5.call(options2, target))) != null ? _b2 : true;
       if (isValidTarget) {
         return animation.effect.getKeyframes().some((keyframe) => {
           for (const property of options2.properties) {
@@ -3581,7 +3603,7 @@ function forceFinishAnimations(element, options2) {
 }
 var DOMRectangle = class extends Rectangle {
   constructor(element, options2 = {}) {
-    var _a4, _b2, _c3, _d2;
+    var _a5, _b2, _c3, _d2;
     const {
       frameTransform = getFrameTransform(element),
       ignoreTransforms,
@@ -3597,7 +3619,7 @@ var DOMRectangle = class extends Rectangle {
     const computedStyles = getComputedStyles(element);
     const parsedTransform = parseTransform(computedStyles);
     const scale = {
-      x: (_a4 = parsedTransform == null ? void 0 : parsedTransform.scaleX) != null ? _a4 : 1,
+      x: (_a5 = parsedTransform == null ? void 0 : parsedTransform.scaleX) != null ? _a5 : 1,
       y: (_b2 = parsedTransform == null ? void 0 : parsedTransform.scaleY) != null ? _b2 : 1
     };
     const projectedTransform = getProjectedTransform(element, computedStyles);
@@ -3649,7 +3671,7 @@ var DOMRectangle = class extends Rectangle {
   }
 };
 function getProjectedTransform(element, computedStyles) {
-  var _a4;
+  var _a5;
   const animations2 = element.getAnimations();
   let projectedTransform = null;
   if (!animations2.length) return null;
@@ -3669,7 +3691,7 @@ function getProjectedTransform(element, computedStyles) {
         projectedTransform = projectedTransform ? {
           x: projectedTransform.x + parsedTransform.x,
           y: projectedTransform.y + parsedTransform.y,
-          z: (_a4 = projectedTransform.z) != null ? _a4 : parsedTransform.z,
+          z: (_a5 = projectedTransform.z) != null ? _a5 : parsedTransform.z,
           scaleX: projectedTransform.scaleX * parsedTransform.scaleX,
           scaleY: projectedTransform.scaleY * parsedTransform.scaleY
         } : parsedTransform;
@@ -3792,8 +3814,8 @@ var __objRest$2 = (source, exclude) => {
   return target;
 };
 var __decoratorStart$2 = (base) => {
-  var _a4;
-  return [, , , __create$2((_a4 = base == null ? void 0 : base[__knownSymbol$2("metadata")]) != null ? _a4 : null)];
+  var _a5;
+  return [, , , __create$2((_a5 = base == null ? void 0 : base[__knownSymbol$2("metadata")]) != null ? _a5 : null)];
 };
 var __decoratorStrings$2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
 var __expectFn$2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$2("Function expected") : fn;
@@ -3972,10 +3994,10 @@ var Accessibility = class extends Plugin {
       }
     }
     this.registerEffect(() => {
-      var _a4;
+      var _a5;
       mutations.clear();
       for (const draggable of this.manager.registry.draggables.value) {
-        const activator = (_a4 = draggable.handle) != null ? _a4 : draggable.element;
+        const activator = (_a5 = draggable.handle) != null ? _a5 : draggable.element;
         if (activator) {
           if (!hiddenTextElement || !liveRegionElement) {
             mutations.add(initialize);
@@ -4042,14 +4064,14 @@ var Cursor = class extends Plugin {
     this.manager = manager;
     const doc = computed(
       () => {
-        var _a4;
-        return getDocument((_a4 = this.manager.dragOperation.source) == null ? void 0 : _a4.element);
+        var _a5;
+        return getDocument((_a5 = this.manager.dragOperation.source) == null ? void 0 : _a5.element);
       }
     );
-    this.destroy = E(() => {
-      var _a4;
+    this.destroy = m(() => {
+      var _a5;
       const { dragOperation } = this.manager;
-      const { cursor = "grabbing", nonce } = (_a4 = this.options) != null ? _a4 : {};
+      const { cursor = "grabbing", nonce } = (_a5 = this.options) != null ? _a5 : {};
       if (dragOperation.status.initialized) {
         const document2 = doc.value;
         const style = document2.createElement("style");
@@ -4063,6 +4085,149 @@ var Cursor = class extends Plugin {
     });
   }
 };
+var sheetRegistry = /* @__PURE__ */ new Map();
+var _roots_dec, _targetRoot_dec, _sourceRoot_dec, _additionalRoots_dec, _a$1, _registeredRules, _init$2, _additionalRoots, _StyleSheetManager_instances, syncStyles_fn, inject_fn;
+var StyleSheetManager = class extends (_a$1 = CorePlugin, _additionalRoots_dec = [reactive], _sourceRoot_dec = [derived], _targetRoot_dec = [derived], _roots_dec = [derived], _a$1) {
+  constructor(manager) {
+    super(manager);
+    __runInitializers$2(_init$2, 5, this);
+    __privateAdd$2(this, _StyleSheetManager_instances);
+    __privateAdd$2(this, _registeredRules, /* @__PURE__ */ new Set());
+    __privateAdd$2(this, _additionalRoots, __runInitializers$2(_init$2, 8, this, /* @__PURE__ */ new Set())), __runInitializers$2(_init$2, 11, this);
+    this.registerEffect(__privateMethod(this, _StyleSheetManager_instances, syncStyles_fn));
+  }
+  /**
+   * Registers CSS rules to be injected into the active drag operation's
+   * document and shadow roots. The StyleSheetManager handles tracking
+   * which roots need the styles and cleaning up when they're no longer needed.
+   *
+   * Returns a cleanup function that unregisters the rules.
+   */
+  register(cssRules) {
+    __privateGet$2(this, _registeredRules).add(cssRules);
+    return () => {
+      __privateGet$2(this, _registeredRules).delete(cssRules);
+    };
+  }
+  /**
+   * Adds an additional root to track for style injection.
+   * Returns a cleanup function that removes the root.
+   */
+  addRoot(root) {
+    o(() => {
+      const roots = new Set(this.additionalRoots);
+      roots.add(root);
+      this.additionalRoots = roots;
+    });
+    return () => {
+      o(() => {
+        const roots = new Set(this.additionalRoots);
+        roots.delete(root);
+        this.additionalRoots = roots;
+      });
+    };
+  }
+  get sourceRoot() {
+    var _a5;
+    const { source } = this.manager.dragOperation;
+    return getRoot((_a5 = source == null ? void 0 : source.element) != null ? _a5 : null);
+  }
+  get targetRoot() {
+    var _a5;
+    const { target } = this.manager.dragOperation;
+    return getRoot((_a5 = target == null ? void 0 : target.element) != null ? _a5 : null);
+  }
+  get roots() {
+    const { status } = this.manager.dragOperation;
+    if (status.initializing || status.initialized) {
+      const roots = [this.sourceRoot, this.targetRoot].filter(
+        (root) => root != null
+      );
+      return /* @__PURE__ */ new Set([...roots, ...this.additionalRoots]);
+    }
+    return /* @__PURE__ */ new Set();
+  }
+};
+_init$2 = __decoratorStart$2(_a$1);
+_registeredRules = /* @__PURE__ */ new WeakMap();
+_additionalRoots = /* @__PURE__ */ new WeakMap();
+_StyleSheetManager_instances = /* @__PURE__ */ new WeakSet();
+syncStyles_fn = function() {
+  const { roots } = this;
+  const cleanups = [];
+  for (const root of roots) {
+    for (const cssRules of __privateGet$2(this, _registeredRules)) {
+      cleanups.push(__privateMethod(this, _StyleSheetManager_instances, inject_fn).call(this, root, cssRules));
+    }
+  }
+  return () => {
+    for (const cleanup of cleanups) {
+      cleanup();
+    }
+  };
+};
+inject_fn = function(root, cssRules) {
+  let rootSheets = sheetRegistry.get(root);
+  if (!rootSheets) {
+    rootSheets = /* @__PURE__ */ new Map();
+    sheetRegistry.set(root, rootSheets);
+  }
+  let registration = rootSheets.get(cssRules);
+  if (!registration) {
+    if (!("adoptedStyleSheets" in root && Array.isArray(root.adoptedStyleSheets)) && process.env.NODE_ENV !== "production") {
+      console.error(
+        "Cannot inject styles: This browser doesn't support adoptedStyleSheets"
+      );
+    }
+    const targetWindow = isDocument(root) ? root.defaultView : root.ownerDocument.defaultView;
+    const { CSSStyleSheet } = targetWindow != null ? targetWindow : {};
+    if (!CSSStyleSheet) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error(
+          "Cannot inject styles: CSSStyleSheet constructor not available"
+        );
+      }
+      return () => {
+      };
+    }
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(cssRules);
+    root.adoptedStyleSheets.push(sheet);
+    registration = {
+      sheet,
+      refCount: 0,
+      cleanup: () => {
+        var _a5;
+        if (isDocument(root) || isShadowRoot(root) && ((_a5 = root.host) == null ? void 0 : _a5.isConnected)) {
+          const index = root.adoptedStyleSheets.indexOf(sheet);
+          if (index !== -1) {
+            root.adoptedStyleSheets.splice(index, 1);
+          }
+        }
+        rootSheets.delete(cssRules);
+        if (rootSheets.size === 0) {
+          sheetRegistry.delete(root);
+        }
+      }
+    };
+    rootSheets.set(cssRules, registration);
+  }
+  registration.refCount++;
+  let disposed = false;
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    registration.refCount--;
+    if (registration.refCount === 0) {
+      registration.cleanup();
+    }
+  };
+};
+__decorateElement$2(_init$2, 4, "additionalRoots", _additionalRoots_dec, StyleSheetManager, _additionalRoots);
+__decorateElement$2(_init$2, 2, "sourceRoot", _sourceRoot_dec, StyleSheetManager);
+__decorateElement$2(_init$2, 2, "targetRoot", _targetRoot_dec, StyleSheetManager);
+__decorateElement$2(_init$2, 2, "roots", _roots_dec, StyleSheetManager);
+__decoratorMetadata$2(_init$2, StyleSheetManager);
 var ATTR_PREFIX = "data-dnd-";
 var DROPPING_ATTRIBUTE = `${ATTR_PREFIX}dropping`;
 var CSS_PREFIX = "--dnd-";
@@ -4077,7 +4242,7 @@ var IGNORED_ATTRIBUTES = [
 ];
 var IGNORED_STYLES = ["view-transition-name"];
 var CSS_RULES = `
-  :root [${ATTRIBUTE}] {
+  :is(:root,:host) [${ATTRIBUTE}] {
     position: fixed !important;
     pointer-events: none !important;
     touch-action: none;
@@ -4094,11 +4259,11 @@ var CSS_RULES = `
     transition: var(${CSS_PREFIX}transition) !important;
   }
 
-  :root [${PLACEHOLDER_ATTRIBUTE}] {
+  :is(:root,:host) [${PLACEHOLDER_ATTRIBUTE}] {
     transition: none;
   }
 
-  :root [${PLACEHOLDER_ATTRIBUTE}='hidden'] {
+  :is(:root,:host) [${PLACEHOLDER_ATTRIBUTE}='hidden'] {
     visibility: hidden;
   }
 
@@ -4136,7 +4301,7 @@ var CSS_RULES = `
   }
 `.replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
 function createPlaceholder(source, type = "hidden") {
-  return n(() => {
+  return o(() => {
     const { element, manager } = source;
     if (!element || !manager) return;
     const containedDroppables = findContainedDroppables(
@@ -4203,38 +4368,233 @@ function preventPopoverClose(event) {
 function isTableRow(element) {
   return element.tagName === "TR";
 }
-var styleSheetRegistry = /* @__PURE__ */ new Map();
-var _overlay_dec, _a$1, _init$2, _overlay, _Feedback_instances, render_fn, injectStyles_fn;
-var _Feedback = class _Feedback2 extends (_a$1 = Plugin, _overlay_dec = [reactive], _a$1) {
+function createElementMutationObserver(element, placeholder, clone) {
+  const observer = new MutationObserver((mutations) => {
+    let hasChildrenMutations = false;
+    for (const mutation of mutations) {
+      if (mutation.target !== element) {
+        hasChildrenMutations = true;
+        continue;
+      }
+      if (mutation.type !== "attributes") {
+        continue;
+      }
+      const attributeName = mutation.attributeName;
+      if (attributeName.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attributeName)) {
+        continue;
+      }
+      const attributeValue = element.getAttribute(attributeName);
+      if (attributeName === "style") {
+        if (supportsStyle(element) && supportsStyle(placeholder)) {
+          const styles = element.style;
+          for (const key of Array.from(placeholder.style)) {
+            if (styles.getPropertyValue(key) === "") {
+              placeholder.style.removeProperty(key);
+            }
+          }
+          for (const key of Array.from(styles)) {
+            if (IGNORED_STYLES.includes(key) || key.startsWith(CSS_PREFIX)) {
+              continue;
+            }
+            const value = styles.getPropertyValue(key);
+            placeholder.style.setProperty(key, value);
+          }
+        }
+      } else if (attributeValue !== null) {
+        placeholder.setAttribute(attributeName, attributeValue);
+      } else {
+        placeholder.removeAttribute(attributeName);
+      }
+    }
+    if (hasChildrenMutations && clone) {
+      placeholder.innerHTML = element.innerHTML;
+    }
+  });
+  observer.observe(element, {
+    attributes: true,
+    subtree: true,
+    childList: true
+  });
+  return observer;
+}
+function createDocumentMutationObserver(element, placeholder, feedbackElement) {
+  const observer = new MutationObserver((entries) => {
+    for (const entry of entries) {
+      if (entry.addedNodes.length === 0) continue;
+      for (const node of Array.from(entry.addedNodes)) {
+        if (node.contains(element) && element.nextElementSibling !== placeholder) {
+          element.insertAdjacentElement("afterend", placeholder);
+          showPopover(feedbackElement);
+          return;
+        }
+        if (node.contains(placeholder) && placeholder.previousElementSibling !== element) {
+          placeholder.insertAdjacentElement("beforebegin", element);
+          showPopover(feedbackElement);
+          return;
+        }
+      }
+    }
+  });
+  observer.observe(element.ownerDocument.body, {
+    childList: true,
+    subtree: true
+  });
+  return observer;
+}
+function createResizeObserver(ctx) {
+  return new ResizeObserver(() => {
+    var _a5, _b2;
+    const placeholderShape = new DOMRectangle(ctx.placeholder, {
+      frameTransform: ctx.frameTransform,
+      ignoreTransforms: true
+    });
+    const origin = (_a5 = ctx.transformOrigin) != null ? _a5 : { x: 1, y: 1 };
+    const dX = (ctx.width - placeholderShape.width) * origin.x + ctx.delta.x;
+    const dY = (ctx.height - placeholderShape.height) * origin.y + ctx.delta.y;
+    ctx.styles.set(
+      {
+        width: placeholderShape.width - ctx.widthOffset,
+        height: placeholderShape.height - ctx.heightOffset,
+        top: ctx.top + dY,
+        left: ctx.left + dX
+      },
+      CSS_PREFIX
+    );
+    (_b2 = ctx.getElementMutationObserver()) == null ? void 0 : _b2.takeRecords();
+    if (isTableRow(ctx.element) && isTableRow(ctx.placeholder)) {
+      const cells = Array.from(ctx.element.cells);
+      const placeholderCells = Array.from(ctx.placeholder.cells);
+      if (!ctx.getSavedCellWidths()) {
+        ctx.setSavedCellWidths(cells.map((cell) => cell.style.width));
+      }
+      for (const [index, cell] of cells.entries()) {
+        const placeholderCell = placeholderCells[index];
+        cell.style.width = `${placeholderCell.getBoundingClientRect().width}px`;
+      }
+    }
+    ctx.dragOperation.shape = new DOMRectangle(ctx.feedbackElement);
+  });
+}
+var DEFAULT_DURATION = 250;
+var DEFAULT_EASING = "ease";
+function runDropAnimation(ctx) {
+  var _a5, _b2, _c3, _d2;
+  const { animation } = ctx;
+  if (typeof animation === "function") {
+    const result = animation({
+      element: ctx.element,
+      feedbackElement: ctx.feedbackElement,
+      placeholder: ctx.placeholder,
+      translate: ctx.translate,
+      moved: ctx.moved
+    });
+    Promise.resolve(result).then(() => {
+      ctx.cleanup();
+      requestAnimationFrame(ctx.restoreFocus);
+    });
+    return;
+  }
+  const {
+    duration = DEFAULT_DURATION,
+    easing = DEFAULT_EASING
+  } = animation != null ? animation : {};
+  showPopover(ctx.feedbackElement);
+  const [, runningAnimation] = (_a5 = getFinalKeyframe(
+    ctx.feedbackElement,
+    (keyframe) => "translate" in keyframe
+  )) != null ? _a5 : [];
+  runningAnimation == null ? void 0 : runningAnimation.pause();
+  const target = (_b2 = ctx.placeholder) != null ? _b2 : ctx.element;
+  const options2 = {
+    frameTransform: isSameFrame(ctx.feedbackElement, target) ? null : void 0
+  };
+  const current = new DOMRectangle(ctx.feedbackElement, options2);
+  const currentTranslate = (_c3 = parseTranslate(getComputedStyles(ctx.feedbackElement).translate)) != null ? _c3 : ctx.translate;
+  const final = new DOMRectangle(target, options2);
+  const delta = Rectangle.delta(current, final, ctx.alignment);
+  const finalTranslate = {
+    x: currentTranslate.x - delta.x,
+    y: currentTranslate.y - delta.y
+  };
+  const heightKeyframes = Math.round(current.intrinsicHeight) !== Math.round(final.intrinsicHeight) ? {
+    minHeight: [
+      `${current.intrinsicHeight}px`,
+      `${final.intrinsicHeight}px`
+    ],
+    maxHeight: [
+      `${current.intrinsicHeight}px`,
+      `${final.intrinsicHeight}px`
+    ]
+  } : {};
+  const widthKeyframes = Math.round(current.intrinsicWidth) !== Math.round(final.intrinsicWidth) ? {
+    minWidth: [
+      `${current.intrinsicWidth}px`,
+      `${final.intrinsicWidth}px`
+    ],
+    maxWidth: [
+      `${current.intrinsicWidth}px`,
+      `${final.intrinsicWidth}px`
+    ]
+  } : {};
+  ctx.styles.set({ transition: ctx.transition }, CSS_PREFIX);
+  ctx.feedbackElement.setAttribute(DROPPING_ATTRIBUTE, "");
+  (_d2 = ctx.getElementMutationObserver()) == null ? void 0 : _d2.takeRecords();
+  animateTransform({
+    element: ctx.feedbackElement,
+    keyframes: __spreadProps$3(__spreadValues$3(__spreadValues$3({}, heightKeyframes), widthKeyframes), {
+      translate: [
+        `${currentTranslate.x}px ${currentTranslate.y}px 0`,
+        `${finalTranslate.x}px ${finalTranslate.y}px 0`
+      ]
+    }),
+    options: {
+      duration: prefersReducedMotion(getWindow(ctx.feedbackElement)) ? 0 : ctx.moved || ctx.feedbackElement !== ctx.element ? duration : 0,
+      easing
+    }
+  }).then(() => {
+    ctx.feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
+    runningAnimation == null ? void 0 : runningAnimation.finish();
+    ctx.cleanup();
+    requestAnimationFrame(ctx.restoreFocus);
+  });
+}
+var _overlay_dec, _a2, _init2, _overlay, _Feedback_instances, trackOverlayRoot_fn, render_fn;
+var _Feedback = class _Feedback2 extends (_a2 = Plugin, _overlay_dec = [reactive], _a2) {
   constructor(manager, options2) {
     super(manager, options2);
     __privateAdd$2(this, _Feedback_instances);
-    __privateAdd$2(this, _overlay, __runInitializers$2(_init$2, 8, this)), __runInitializers$2(_init$2, 11, this);
+    __privateAdd$2(this, _overlay, __runInitializers$2(_init2, 8, this)), __runInitializers$2(_init2, 11, this);
     this.state = {
       initial: {},
       current: {}
     };
-    this.registerEffect(__privateMethod(this, _Feedback_instances, injectStyles_fn));
-    this.registerEffect(__privateMethod(this, _Feedback_instances, render_fn));
-  }
-  destroy() {
-    super.destroy();
-    for (const [doc, registration] of styleSheetRegistry.entries()) {
-      if (registration.instances.has(this)) {
-        registration.instances.delete(this);
-        if (registration.instances.size === 0) {
-          registration.cleanup();
-          styleSheetRegistry.delete(doc);
-        }
-      }
+    const styleSheetManager = manager.registry.plugins.get(
+      StyleSheetManager
+    );
+    const unregisterStyles = styleSheetManager == null ? void 0 : styleSheetManager.register(CSS_RULES);
+    if (unregisterStyles) {
+      const originalDestroy = this.destroy.bind(this);
+      this.destroy = () => {
+        unregisterStyles();
+        originalDestroy();
+      };
     }
+    this.registerEffect(__privateMethod(this, _Feedback_instances, trackOverlayRoot_fn).bind(this, styleSheetManager));
+    this.registerEffect(__privateMethod(this, _Feedback_instances, render_fn));
   }
 };
-_init$2 = __decoratorStart$2(_a$1);
+_init2 = __decoratorStart$2(_a2);
 _overlay = /* @__PURE__ */ new WeakMap();
 _Feedback_instances = /* @__PURE__ */ new WeakSet();
+trackOverlayRoot_fn = function(styleSheetManager) {
+  const { overlay } = this;
+  if (!overlay || !styleSheetManager) return;
+  const root = getRoot(overlay);
+  if (!root) return;
+  return styleSheetManager.addRoot(root);
+};
 render_fn = function() {
-  var _a4, _b2, _c3;
+  var _a5, _b2, _c3;
   const { state, manager, options: options2 } = this;
   const { dragOperation } = manager;
   const { position, source, status } = dragOperation;
@@ -4249,7 +4609,7 @@ render_fn = function() {
     return;
   }
   const { initial } = state;
-  const feedbackElement = (_a4 = this.overlay) != null ? _a4 : element;
+  const feedbackElement = (_a5 = this.overlay) != null ? _a5 : element;
   const frameTransform = getFrameTransform(feedbackElement);
   const elementFrameTransform = getFrameTransform(element);
   const crossFrame = !isSameFrame(element, feedbackElement);
@@ -4266,8 +4626,6 @@ render_fn = function() {
     width = width / scaleDelta.x;
     height = height / scaleDelta.y;
   }
-  let elementMutationObserver;
-  let documentMutationObserver;
   const styles = new Styles(feedbackElement);
   const {
     transition,
@@ -4287,7 +4645,7 @@ render_fn = function() {
   const widthOffset = contentBox ? parseInt(paddingInlineStart) + parseInt(paddingInlineEnd) + parseInt(borderInlineStartWidth) + parseInt(borderInlineEndWidth) : 0;
   const heightOffset = contentBox ? parseInt(paddingBlockStart) + parseInt(paddingBlockEnd) + parseInt(borderBlockStartWidth) + parseInt(borderBlockEndWidth) : 0;
   const placeholder = feedback !== "move" && !this.overlay ? createPlaceholder(source, clone ? "clone" : "hidden") : null;
-  const isKeyboardOperation = n(
+  const isKeyboardOperation = o(
     () => isKeyboardEvent(manager.dragOperation.activatorEvent)
   );
   if (translate !== "none") {
@@ -4297,7 +4655,7 @@ render_fn = function() {
     }
   }
   if (!initial.transformOrigin) {
-    const current = n(() => position.current);
+    const current = o(() => position.current);
     initial.transformOrigin = {
       x: (current.x - left * frameTransform.scaleX - frameTransform.x) / (width * frameTransform.scaleX),
       y: (current.y - top * frameTransform.scaleY - frameTransform.y) / (height * frameTransform.scaleY)
@@ -4341,20 +4699,18 @@ render_fn = function() {
     top: top + delta.y
   };
   feedbackElement.setAttribute(ATTRIBUTE, "true");
-  const transform = n(() => dragOperation.transform);
+  const transform = o(() => dragOperation.transform);
   const initialTranslate = (_b2 = initial.translate) != null ? _b2 : { x: 0, y: 0 };
   const tX = transform.x * frameTransform.scaleX + initialTranslate.x;
   const tY = transform.y * frameTransform.scaleY + initialTranslate.y;
-  const translateString = `${tX}px ${tY}px 0`;
-  const transitionString = transition ? `${transition}, translate 0ms linear` : "";
   styles.set(
     {
       width: width - widthOffset,
       height: height - heightOffset,
       top: projected.top,
       left: projected.left,
-      translate: translateString,
-      transition: transitionString,
+      translate: `${tX}px ${tY}px 0`,
+      transition: transition ? `${transition}, translate 0ms linear` : "",
       scale: crossFrame ? `${scaleDelta.x} ${scaleDelta.y}` : "",
       "transform-origin": `${transformOrigin.x * 100}% ${transformOrigin.y * 100}%`
     },
@@ -4374,130 +4730,68 @@ render_fn = function() {
     showPopover(feedbackElement);
     feedbackElement.addEventListener("beforetoggle", preventPopoverClose);
   }
-  const resizeObserver = new ResizeObserver(() => {
-    if (!placeholder) return;
-    const placeholderShape = new DOMRectangle(placeholder, {
-      frameTransform,
-      ignoreTransforms: true
-    });
-    const origin = transformOrigin != null ? transformOrigin : { x: 1, y: 1 };
-    const dX = (width - placeholderShape.width) * origin.x + delta.x;
-    const dY = (height - placeholderShape.height) * origin.y + delta.y;
-    styles.set(
-      {
-        width: placeholderShape.width - widthOffset,
-        height: placeholderShape.height - heightOffset,
-        top: top + dY,
-        left: left + dX
-      },
-      CSS_PREFIX
-    );
-    elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-    if (isTableRow(element) && isTableRow(placeholder)) {
-      const cells = Array.from(element.cells);
-      const placeholderCells = Array.from(placeholder.cells);
-      for (const [index, cell] of cells.entries()) {
-        const placeholderCell = placeholderCells[index];
-        cell.style.width = `${placeholderCell.offsetWidth}px`;
-      }
+  let elementMutationObserver;
+  let documentMutationObserver;
+  let savedCellWidths;
+  const resizeObserver = createResizeObserver({
+    placeholder,
+    element,
+    feedbackElement,
+    frameTransform,
+    transformOrigin,
+    width,
+    height,
+    top,
+    left,
+    widthOffset,
+    heightOffset,
+    delta,
+    styles,
+    dragOperation,
+    getElementMutationObserver: () => elementMutationObserver,
+    getSavedCellWidths: () => savedCellWidths,
+    setSavedCellWidths: (widths) => {
+      savedCellWidths = widths;
     }
-    dragOperation.shape = new DOMRectangle(feedbackElement);
   });
   const initialShape = new DOMRectangle(feedbackElement);
-  n(() => dragOperation.shape = initialShape);
+  o(() => dragOperation.shape = initialShape);
   const feedbackWindow = getWindow(feedbackElement);
   const handleWindowResize = (event) => {
     this.manager.actions.stop({ event });
   };
+  const reducedMotion = prefersReducedMotion(feedbackWindow);
   if (isKeyboardOperation) {
     feedbackWindow.addEventListener("resize", handleWindowResize);
   }
-  if (n(() => source.status) === "idle") {
+  if (o(() => source.status) === "idle") {
     requestAnimationFrame(() => source.status = "dragging");
   }
   if (placeholder) {
     resizeObserver.observe(placeholder);
-    elementMutationObserver = new MutationObserver((mutations) => {
-      let hasChildrenMutations = false;
-      for (const mutation of mutations) {
-        if (mutation.target !== element) {
-          hasChildrenMutations = true;
-          continue;
-        }
-        if (mutation.type !== "attributes") {
-          continue;
-        }
-        const attributeName = mutation.attributeName;
-        if (attributeName.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attributeName)) {
-          continue;
-        }
-        const attributeValue = element.getAttribute(attributeName);
-        if (attributeName === "style") {
-          if (supportsStyle(element) && supportsStyle(placeholder)) {
-            const styles2 = element.style;
-            for (const key of Array.from(placeholder.style)) {
-              if (styles2.getPropertyValue(key) === "") {
-                placeholder.style.removeProperty(key);
-              }
-            }
-            for (const key of Array.from(styles2)) {
-              if (IGNORED_STYLES.includes(key) || key.startsWith(CSS_PREFIX)) {
-                continue;
-              }
-              const value = styles2.getPropertyValue(key);
-              placeholder.style.setProperty(key, value);
-            }
-          }
-        } else if (attributeValue !== null) {
-          placeholder.setAttribute(attributeName, attributeValue);
-        } else {
-          placeholder.removeAttribute(attributeName);
-        }
-      }
-      if (hasChildrenMutations && clone) {
-        placeholder.innerHTML = element.innerHTML;
-      }
-    });
-    elementMutationObserver.observe(element, {
-      attributes: true,
-      subtree: true,
-      childList: true
-    });
-    documentMutationObserver = new MutationObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.addedNodes.length === 0) continue;
-        for (const node of Array.from(entry.addedNodes)) {
-          if (node.contains(element) && element.nextElementSibling !== placeholder) {
-            element.insertAdjacentElement("afterend", placeholder);
-            showPopover(feedbackElement);
-            return;
-          }
-          if (node.contains(placeholder) && placeholder.previousElementSibling !== element) {
-            placeholder.insertAdjacentElement("beforebegin", element);
-            showPopover(feedbackElement);
-            return;
-          }
-        }
-      }
-    });
-    documentMutationObserver.observe(element.ownerDocument.body, {
-      childList: true,
-      subtree: true
-    });
+    elementMutationObserver = createElementMutationObserver(
+      element,
+      placeholder,
+      clone
+    );
+    documentMutationObserver = createDocumentMutationObserver(
+      element,
+      placeholder,
+      feedbackElement
+    );
   }
   const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;
   const restoreFocus = () => {
-    var _a5;
-    if (!isKeyboardOperation || id == null) {
-      return;
-    }
+    var _a6;
+    if (!isKeyboardOperation || id == null) return;
     const draggable = manager.registry.draggables.get(id);
-    const element2 = (_a5 = draggable == null ? void 0 : draggable.handle) != null ? _a5 : draggable == null ? void 0 : draggable.element;
-    if (isHTMLElement(element2)) {
-      element2.focus();
+    const focusTarget = (_a6 = draggable == null ? void 0 : draggable.handle) != null ? _a6 : draggable == null ? void 0 : draggable.element;
+    if (isHTMLElement(focusTarget)) {
+      focusTarget.focus();
     }
   };
   const cleanup = () => {
+    var _a6;
     elementMutationObserver == null ? void 0 : elementMutationObserver.disconnect();
     documentMutationObserver == null ? void 0 : documentMutationObserver.disconnect();
     resizeObserver.disconnect();
@@ -4511,6 +4805,12 @@ render_fn = function() {
     }
     feedbackElement.removeAttribute(ATTRIBUTE);
     styles.reset();
+    if (savedCellWidths && isTableRow(element)) {
+      const cells = Array.from(element.cells);
+      for (const [index, cell] of cells.entries()) {
+        cell.style.width = (_a6 = savedCellWidths[index]) != null ? _a6 : "";
+      }
+    }
     source.status = "idle";
     const moved = state.current.translate != null;
     if (placeholder && (moved || placeholder.parentElement !== feedbackElement.parentElement) && feedbackElement.isConnected) {
@@ -4518,27 +4818,28 @@ render_fn = function() {
     }
     placeholder == null ? void 0 : placeholder.remove();
   };
+  const dropAnimationConfig = options2 == null ? void 0 : options2.dropAnimation;
   const cleanupEffects = effects(
     // Update transform on move
     () => {
-      var _a5;
+      var _a6;
       const { transform: transform2, status: status2 } = dragOperation;
       if (!transform2.x && !transform2.y && !state.current.translate) {
         return;
       }
       if (status2.dragging) {
-        const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
+        const initialTranslate2 = (_a6 = initial.translate) != null ? _a6 : { x: 0, y: 0 };
         const translate2 = {
           x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
           y: transform2.y / frameTransform.scaleY + initialTranslate2.y
         };
         const previousTranslate = state.current.translate;
-        const modifiers = n(() => dragOperation.modifiers);
-        const currentShape = n(() => {
-          var _a6;
-          return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
+        const modifiers = o(() => dragOperation.modifiers);
+        const currentShape = o(() => {
+          var _a7;
+          return (_a7 = dragOperation.shape) == null ? void 0 : _a7.current;
         });
-        const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
+        const translateTransition = isKeyboardOperation && !reducedMotion ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
         styles.set(
           {
             transition: `${transition}, translate ${translateTransition}`,
@@ -4552,7 +4853,6 @@ render_fn = function() {
           dragOperation.shape = Rectangle.from(
             currentShape.boundingRectangle
           ).translate(
-            // Need to take into account frame transform when optimistically updating shape
             delta2.x * frameTransform.scaleX,
             delta2.y * frameTransform.scaleY
           );
@@ -4570,80 +4870,28 @@ render_fn = function() {
         let translate2 = state.current.translate;
         const moved = translate2 != null;
         if (!translate2 && element !== feedbackElement) {
-          translate2 = {
-            x: 0,
-            y: 0
-          };
+          translate2 = { x: 0, y: 0 };
         }
-        if (!translate2) {
+        if (!translate2 || dropAnimationConfig === null) {
           cleanup();
           return;
         }
-        const dropAnimation = () => {
-          var _a5, _b3;
-          {
-            showPopover(feedbackElement);
-            const [, animation] = (_a5 = getFinalKeyframe(
-              feedbackElement,
-              (keyframe) => "translate" in keyframe
-            )) != null ? _a5 : [];
-            animation == null ? void 0 : animation.pause();
-            const target = placeholder != null ? placeholder : element;
-            const options22 = {
-              frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
-            };
-            const current = new DOMRectangle(feedbackElement, options22);
-            const currentTranslate = (_b3 = parseTranslate(getComputedStyles(feedbackElement).translate)) != null ? _b3 : translate2;
-            const final = new DOMRectangle(target, options22);
-            const delta2 = Rectangle.delta(current, final, source.alignment);
-            const finalTranslate = {
-              x: currentTranslate.x - delta2.x,
-              y: currentTranslate.y - delta2.y
-            };
-            const heightKeyframes = Math.round(current.intrinsicHeight) !== Math.round(final.intrinsicHeight) ? {
-              minHeight: [
-                `${current.intrinsicHeight}px`,
-                `${final.intrinsicHeight}px`
-              ],
-              maxHeight: [
-                `${current.intrinsicHeight}px`,
-                `${final.intrinsicHeight}px`
-              ]
-            } : {};
-            const widthKeyframes = Math.round(current.intrinsicWidth) !== Math.round(final.intrinsicWidth) ? {
-              minWidth: [
-                `${current.intrinsicWidth}px`,
-                `${final.intrinsicWidth}px`
-              ],
-              maxWidth: [
-                `${current.intrinsicWidth}px`,
-                `${final.intrinsicWidth}px`
-              ]
-            } : {};
-            styles.set({ transition }, CSS_PREFIX);
-            feedbackElement.setAttribute(DROPPING_ATTRIBUTE, "");
-            elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-            animateTransform({
-              element: feedbackElement,
-              keyframes: __spreadProps$3(__spreadValues$3(__spreadValues$3({}, heightKeyframes), widthKeyframes), {
-                translate: [
-                  `${currentTranslate.x}px ${currentTranslate.y}px 0`,
-                  `${finalTranslate.x}px ${finalTranslate.y}px 0`
-                ]
-              }),
-              options: {
-                duration: moved || feedbackElement !== element ? 250 : 0,
-                easing: "ease"
-              }
-            }).then(() => {
-              feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
-              animation == null ? void 0 : animation.finish();
-              cleanup();
-              requestAnimationFrame(restoreFocus);
-            });
-          }
-        };
-        manager.renderer.rendering.then(dropAnimation);
+        manager.renderer.rendering.then(() => {
+          runDropAnimation({
+            element,
+            feedbackElement,
+            placeholder,
+            translate: translate2,
+            moved,
+            transition,
+            alignment: source.alignment,
+            styles,
+            animation: dropAnimationConfig != null ? dropAnimationConfig : void 0,
+            getElementMutationObserver: () => elementMutationObserver,
+            cleanup,
+            restoreFocus
+          });
+        });
       }
     }
   );
@@ -4652,59 +4900,18 @@ render_fn = function() {
     cleanupEffects();
   };
 };
-injectStyles_fn = function() {
-  var _a4, _b2, _c3;
-  const { status, source, target } = this.manager.dragOperation;
-  const { nonce } = (_a4 = this.options) != null ? _a4 : {};
-  if (status.initializing) {
-    const sourceDocument = getDocument((_b2 = source == null ? void 0 : source.element) != null ? _b2 : null);
-    const targetDocument = getDocument((_c3 = target == null ? void 0 : target.element) != null ? _c3 : null);
-    const documents = /* @__PURE__ */ new Set([sourceDocument, targetDocument]);
-    for (const doc of documents) {
-      let registration = styleSheetRegistry.get(doc);
-      if (!registration) {
-        const style = document.createElement("style");
-        style.textContent = CSS_RULES;
-        if (nonce) {
-          style.setAttribute("nonce", nonce);
-        }
-        doc.head.prepend(style);
-        const mutationObserver = new MutationObserver((entries) => {
-          for (const entry of entries) {
-            if (entry.type === "childList") {
-              const removedNodes = Array.from(entry.removedNodes);
-              if (removedNodes.length > 0 && removedNodes.includes(style)) {
-                doc.head.prepend(style);
-              }
-            }
-          }
-        });
-        mutationObserver.observe(doc.head, { childList: true });
-        registration = {
-          cleanup: () => {
-            mutationObserver.disconnect();
-            style.remove();
-          },
-          instances: /* @__PURE__ */ new Set()
-        };
-        styleSheetRegistry.set(doc, registration);
-      }
-      registration.instances.add(this);
-    }
-  }
-};
-__decorateElement$2(_init$2, 4, "overlay", _overlay_dec, _Feedback, _overlay);
-__decoratorMetadata$2(_init$2, _Feedback);
+__decorateElement$2(_init2, 4, "overlay", _overlay_dec, _Feedback, _overlay);
+__decoratorMetadata$2(_init2, _Feedback);
 _Feedback.configure = configurator(_Feedback);
 var Feedback = _Feedback;
 var LOCKED = true;
 var UNLOCKED = false;
-var _dec, _a2, _dec2, _b, _init2, __b, __a;
-_b = (_dec2 = [reactive], ScrollDirection.Forward), _a2 = (_dec = [reactive], ScrollDirection.Reverse);
+var _dec, _a3, _dec2, _b, _init3, __b, __a;
+_b = (_dec2 = [reactive], ScrollDirection.Forward), _a3 = (_dec = [reactive], ScrollDirection.Reverse);
 var ScrollLock = class {
   constructor() {
-    __privateAdd$2(this, __b, __runInitializers$2(_init2, 8, this, LOCKED)), __runInitializers$2(_init2, 11, this);
-    __privateAdd$2(this, __a, __runInitializers$2(_init2, 12, this, LOCKED)), __runInitializers$2(_init2, 15, this);
+    __privateAdd$2(this, __b, __runInitializers$2(_init3, 8, this, LOCKED)), __runInitializers$2(_init3, 11, this);
+    __privateAdd$2(this, __a, __runInitializers$2(_init3, 12, this, LOCKED)), __runInitializers$2(_init3, 15, this);
   }
   isLocked(direction) {
     if (direction === ScrollDirection.Idle) {
@@ -4722,12 +4929,12 @@ var ScrollLock = class {
     this[direction] = UNLOCKED;
   }
 };
-_init2 = __decoratorStart$2(null);
+_init3 = __decoratorStart$2(null);
 __b = /* @__PURE__ */ new WeakMap();
 __a = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init2, 4, _b, _dec2, ScrollLock, __b);
-__decorateElement$2(_init2, 4, _a2, _dec, ScrollLock, __a);
-__decoratorMetadata$2(_init2, ScrollLock);
+__decorateElement$2(_init3, 4, _b, _dec2, ScrollLock, __b);
+__decorateElement$2(_init3, 4, _a3, _dec, ScrollLock, __a);
+__decoratorMetadata$2(_init3, ScrollLock);
 var DIRECTIONS = [ScrollDirection.Forward, ScrollDirection.Reverse];
 var ScrollIntent = class {
   constructor() {
@@ -4741,10 +4948,10 @@ var ScrollIntent = class {
 var ScrollIntentTracker = class extends Plugin {
   constructor(manager) {
     super(manager);
-    const scrollIntent = d(new ScrollIntent());
+    const scrollIntent = c(new ScrollIntent());
     let previousDelta = null;
     this.signal = scrollIntent;
-    E(() => {
+    m(() => {
       const { status } = manager.dragOperation;
       if (!status.initialized) {
         previousDelta = null;
@@ -4758,7 +4965,7 @@ var ScrollIntentTracker = class extends Plugin {
           y: getDirection$1(delta.y, previousDelta.y)
         };
         const intent = scrollIntent.peek();
-        r(() => {
+        n(() => {
           for (const axis of Axes) {
             for (const direction of DIRECTIONS) {
               if (directions[axis] === direction) {
@@ -4779,11 +4986,11 @@ var ScrollIntentTracker = class extends Plugin {
 function getDirection$1(a2, b2) {
   return Math.sign(a2 - b2);
 }
-var _autoScrolling_dec, _a3, _init3, _autoScrolling, _meta, _scroll;
-var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive], _a3) {
+var _autoScrolling_dec, _a4, _init4, _autoScrolling, _meta, _scroll;
+var Scroller = class extends (_a4 = CorePlugin, _autoScrolling_dec = [reactive], _a4) {
   constructor(manager) {
     super(manager);
-    __privateAdd$2(this, _autoScrolling, __runInitializers$2(_init3, 8, this, false)), __runInitializers$2(_init3, 11, this);
+    __privateAdd$2(this, _autoScrolling, __runInitializers$2(_init4, 8, this, false)), __runInitializers$2(_init4, 11, this);
     __privateAdd$2(this, _meta);
     __privateAdd$2(this, _scroll, () => {
       if (!__privateGet$2(this, _meta)) {
@@ -4794,7 +5001,7 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
       if (by.x) element.scrollLeft += by.x;
     });
     this.scroll = (options2) => {
-      var _a4;
+      var _a5;
       if (this.disabled) {
         return false;
       }
@@ -4836,7 +5043,7 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
               const scrollLeftBy = x * speed.x;
               const scrollTopBy = y2 * speed.y;
               if (scrollLeftBy || scrollTopBy) {
-                const previousScrollBy = (_a4 = __privateGet$2(this, _meta)) == null ? void 0 : _a4.by;
+                const previousScrollBy = (_a5 = __privateGet$2(this, _meta)) == null ? void 0 : _a5.by;
                 if (this.autoScrolling && previousScrollBy) {
                   const scrollIntentMismatch = previousScrollBy.x && !scrollLeftBy || previousScrollBy.y && !scrollTopBy;
                   if (scrollIntentMismatch) continue;
@@ -4866,7 +5073,7 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
         return null;
       }
       const element = getElementFromPoint(
-        getDocument(source == null ? void 0 : source.element),
+        getRoot(source == null ? void 0 : source.element),
         position.current
       );
       if (element) {
@@ -4915,12 +5122,12 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
     });
   }
 };
-_init3 = __decoratorStart$2(_a3);
+_init4 = __decoratorStart$2(_a4);
 _autoScrolling = /* @__PURE__ */ new WeakMap();
 _meta = /* @__PURE__ */ new WeakMap();
 _scroll = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init3, 4, "autoScrolling", _autoScrolling_dec, Scroller, _autoScrolling);
-__decoratorMetadata$2(_init3, Scroller);
+__decorateElement$2(_init4, 4, "autoScrolling", _autoScrolling_dec, Scroller, _autoScrolling);
+__decoratorMetadata$2(_init4, Scroller);
 function getScrollIntent(value) {
   if (value > 0) {
     return ScrollDirection.Forward;
@@ -4973,7 +5180,7 @@ var AutoScroller = class extends Plugin {
     if (!scroller) {
       throw new Error("AutoScroller plugin depends on Scroller plugin");
     }
-    this.destroy = E(() => {
+    this.destroy = m(() => {
       if (this.disabled) {
         return;
       }
@@ -5014,11 +5221,11 @@ var ScrollListener = class extends CorePlugin {
       }
     };
     const { dragOperation } = this.manager;
-    this.destroy = E(() => {
-      var _a4, _b2, _c3;
+    this.destroy = m(() => {
+      var _a5, _b2, _c3;
       const enabled = dragOperation.status.dragging;
       if (enabled) {
-        const root = (_c3 = (_b2 = (_a4 = dragOperation.source) == null ? void 0 : _a4.element) == null ? void 0 : _b2.ownerDocument) != null ? _c3 : document;
+        const root = (_c3 = (_b2 = (_a5 = dragOperation.source) == null ? void 0 : _a5.element) == null ? void 0 : _b2.ownerDocument) != null ? _c3 : document;
         root.addEventListener("scroll", this.handleScroll, listenerOptions);
         return () => {
           root.removeEventListener(
@@ -5036,10 +5243,10 @@ var PreventSelection = class extends Plugin {
   constructor(manager, options2) {
     super(manager, options2);
     this.manager = manager;
-    this.destroy = E(() => {
-      var _a4;
+    this.destroy = m(() => {
+      var _a5;
       const { dragOperation } = this.manager;
-      const { nonce } = (_a4 = this.options) != null ? _a4 : {};
+      const { nonce } = (_a5 = this.options) != null ? _a5 : {};
       if (dragOperation.status.initialized) {
         const style = document.createElement("style");
         if (nonce) {
@@ -5062,8 +5269,8 @@ var PreventSelection = class extends Plugin {
   }
 };
 function removeSelection() {
-  var _a4;
-  (_a4 = document.getSelection()) == null ? void 0 : _a4.removeAllRanges();
+  var _a5;
+  (_a5 = document.getSelection()) == null ? void 0 : _a5.removeAllRanges();
 }
 var defaults = Object.freeze({
   offset: 10,
@@ -5077,8 +5284,8 @@ var defaults = Object.freeze({
     right: ["ArrowRight"]
   },
   preventActivation(event, source) {
-    var _a4;
-    const target = (_a4 = source.handle) != null ? _a4 : source.element;
+    var _a5;
+    const target = (_a5 = source.handle) != null ? _a5 : source.element;
     return event.target !== target;
   }
 });
@@ -5115,9 +5322,9 @@ var _KeyboardSensor = class _KeyboardSensor2 extends Sensor {
     };
   }
   bind(source, options2 = this.options) {
-    const unbind = E(() => {
-      var _a4;
-      const target = (_a4 = source.handle) != null ? _a4 : source.element;
+    const unbind = m(() => {
+      var _a5;
+      const target = (_a5 = source.handle) != null ? _a5 : source.element;
       const listener = (event) => {
         if (isKeyboardEvent(event)) {
           this.handleSourceKeyDown(event, source, options2);
@@ -5190,14 +5397,14 @@ var _KeyboardSensor = class _KeyboardSensor2 extends Sensor {
     this.cleanup();
   }
   handleMove(direction, event) {
-    var _a4, _b2;
+    var _a5, _b2;
     const { shape } = this.manager.dragOperation;
     const factor = event.shiftKey ? 5 : 1;
     let by = {
       x: 0,
       y: 0
     };
-    let offset = (_b2 = (_a4 = this.options) == null ? void 0 : _a4.offset) != null ? _b2 : defaults.offset;
+    let offset = (_b2 = (_a5 = this.options) == null ? void 0 : _a5.offset) != null ? _b2 : defaults.offset;
     if (typeof offset === "number") {
       offset = { x: offset, y: offset };
     }
@@ -5336,9 +5543,9 @@ PointerActivationConstraints.Delay = DelayConstraint;
 PointerActivationConstraints.Distance = DistanceConstraint;
 var defaults2 = Object.freeze({
   activationConstraints(event, source) {
-    var _a4;
+    var _a5;
     const { pointerType, target } = event;
-    if (pointerType === "mouse" && isElement(target) && (source.handle === target || ((_a4 = source.handle) == null ? void 0 : _a4.contains(target)))) {
+    if (pointerType === "mouse" && isElement(target) && (source.handle === target || ((_a5 = source.handle) == null ? void 0 : _a5.contains(target)))) {
       return void 0;
     }
     if (pointerType === "touch") {
@@ -5357,12 +5564,12 @@ var defaults2 = Object.freeze({
     ];
   },
   preventActivation(event, source) {
-    var _a4;
+    var _a5;
     const { target } = event;
     if (target === source.element) return false;
     if (target === source.handle) return false;
     if (!isElement(target)) return false;
-    if ((_a4 = source.handle) == null ? void 0 : _a4.contains(target)) return false;
+    if ((_a5 = source.handle) == null ? void 0 : _a5.contains(target)) return false;
     return isInteractiveElement(target);
   }
 });
@@ -5395,8 +5602,8 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     return constraints;
   }
   bind(source, options2 = this.options) {
-    const unbind = E(() => {
-      var _a4;
+    const unbind = m(() => {
+      var _a5;
       const controller = new AbortController();
       const { signal: signal3 } = controller;
       const listener = (event) => {
@@ -5404,7 +5611,7 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
           this.handlePointerDown(event, source, options2);
         }
       };
-      let targets = [(_a4 = source.handle) != null ? _a4 : source.element];
+      let targets = [(_a5 = source.handle) != null ? _a5 : source.element];
       if (options2 == null ? void 0 : options2.activatorElements) {
         if (Array.isArray(options2.activatorElements)) {
           targets = options2.activatorElements;
@@ -5475,8 +5682,8 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     __privateGet$2(this, _cleanup).add(cleanup);
   }
   handlePointerMove(event, source) {
-    var _a4, _b2;
-    if (((_a4 = this.controller) == null ? void 0 : _a4.activated) === false) {
+    var _a5, _b2;
+    if (((_a5 = this.controller) == null ? void 0 : _a5.activated) === false) {
       (_b2 = this.controller) == null ? void 0 : _b2.onEvent(event);
       return;
     }
@@ -5526,7 +5733,7 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     const ownerDocument = getDocument(event.target);
     const pointerCaptureTarget = ownerDocument.body;
     pointerCaptureTarget.setPointerCapture(event.pointerId);
-    const listenerTargets = isElement(event.target) ? [event.target, ownerDocument.body] : ownerDocument.body;
+    const listenerTargets = isElement(event.target) ? [event.target, pointerCaptureTarget] : pointerCaptureTarget;
     const unbind = this.listeners.bind(listenerTargets, [
       {
         // Prevent scrolling on touch devices
@@ -5608,16 +5815,16 @@ var DragDropManager2 = class extends DragDropManager$1 {
       modifiers = []
     } = input;
     super(__spreadProps$3(__spreadValues$3({}, input), {
-      plugins: [ScrollListener, Scroller, ...plugins],
+      plugins: [ScrollListener, Scroller, StyleSheetManager, ...plugins],
       sensors,
       modifiers
     }));
   }
 };
-var _feedback_dec, _element_dec, _handle_dec, _c, _init4, _handle, _element$1, _feedback;
+var _feedback_dec, _element_dec, _handle_dec, _c, _init5, _handle, _element$1, _feedback;
 var Draggable$1 = class Draggable2 extends (_c = Draggable$2, _handle_dec = [reactive], _element_dec = [reactive], _feedback_dec = [reactive], _c) {
-  constructor(_a4, manager) {
-    var _b2 = _a4, {
+  constructor(_a5, manager) {
+    var _b2 = _a5, {
       element,
       effects: effects2 = () => [],
       handle,
@@ -5633,10 +5840,10 @@ var Draggable$1 = class Draggable2 extends (_c = Draggable$2, _handle_dec = [rea
         effects: () => [
           ...effects2(),
           () => {
-            var _a5, _b3;
+            var _a6, _b3;
             const { manager: manager2 } = this;
             if (!manager2) return;
-            const sensors = (_b3 = (_a5 = this.sensors) == null ? void 0 : _a5.map(descriptor)) != null ? _b3 : [
+            const sensors = (_b3 = (_a6 = this.sensors) == null ? void 0 : _a6.map(descriptor)) != null ? _b3 : [
               ...manager2.sensors
             ];
             const unbindFunctions = sensors.map((entry) => {
@@ -5653,26 +5860,26 @@ var Draggable$1 = class Draggable2 extends (_c = Draggable$2, _handle_dec = [rea
       }, input),
       manager
     );
-    __privateAdd$2(this, _handle, __runInitializers$2(_init4, 8, this)), __runInitializers$2(_init4, 11, this);
-    __privateAdd$2(this, _element$1, __runInitializers$2(_init4, 12, this)), __runInitializers$2(_init4, 15, this);
-    __privateAdd$2(this, _feedback, __runInitializers$2(_init4, 16, this)), __runInitializers$2(_init4, 19, this);
+    __privateAdd$2(this, _handle, __runInitializers$2(_init5, 8, this)), __runInitializers$2(_init5, 11, this);
+    __privateAdd$2(this, _element$1, __runInitializers$2(_init5, 12, this)), __runInitializers$2(_init5, 15, this);
+    __privateAdd$2(this, _feedback, __runInitializers$2(_init5, 16, this)), __runInitializers$2(_init5, 19, this);
     this.element = element;
     this.handle = handle;
     this.feedback = feedback;
   }
 };
-_init4 = __decoratorStart$2(_c);
+_init5 = __decoratorStart$2(_c);
 _handle = /* @__PURE__ */ new WeakMap();
 _element$1 = /* @__PURE__ */ new WeakMap();
 _feedback = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init4, 4, "handle", _handle_dec, Draggable$1, _handle);
-__decorateElement$2(_init4, 4, "element", _element_dec, Draggable$1, _element$1);
-__decorateElement$2(_init4, 4, "feedback", _feedback_dec, Draggable$1, _feedback);
-__decoratorMetadata$2(_init4, Draggable$1);
-var _proxy_dec, _element_dec2, _c2, _init5, _element2, _d, element_get, element_set, _Droppable_instances, _proxy;
+__decorateElement$2(_init5, 4, "handle", _handle_dec, Draggable$1, _handle);
+__decorateElement$2(_init5, 4, "element", _element_dec, Draggable$1, _element$1);
+__decorateElement$2(_init5, 4, "feedback", _feedback_dec, Draggable$1, _feedback);
+__decoratorMetadata$2(_init5, Draggable$1);
+var _proxy_dec, _element_dec2, _c2, _init6, _element2, _d, element_get, element_set, _Droppable_instances, _proxy;
 var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _proxy_dec = [reactive], _c2) {
-  constructor(_a4, manager) {
-    var _b2 = _a4, { element, effects: effects2 = () => [] } = _b2, input = __objRest$2(_b2, ["element", "effects"]);
+  constructor(_a5, manager) {
+    var _b2 = _a5, { element, effects: effects2 = () => [] } = _b2, input = __objRest$2(_b2, ["element", "effects"]);
     const { collisionDetector = defaultCollisionDetection } = input;
     const updateShape = (boundingClientRect) => {
       const { manager: manager2, element: element2 } = this;
@@ -5682,14 +5889,14 @@ var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _
       }
       if (!manager2) return;
       const updatedShape = new DOMRectangle(element2);
-      const shape = n(() => this.shape);
+      const shape = o(() => this.shape);
       if (updatedShape && (shape == null ? void 0 : shape.equals(updatedShape))) {
         return shape;
       }
       this.shape = updatedShape;
       return updatedShape;
     };
-    const observePosition = d(false);
+    const observePosition = c(false);
     super(
       __spreadProps$3(__spreadValues$3({}, input), {
         collisionDetector,
@@ -5718,8 +5925,8 @@ var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _
             }
           },
           () => {
-            var _a5;
-            if ((_a5 = this.manager) == null ? void 0 : _a5.dragOperation.status.initialized) {
+            var _a6;
+            if ((_a6 = this.manager) == null ? void 0 : _a6.dragOperation.status.initialized) {
               return () => {
                 this.shape = void 0;
               };
@@ -5730,8 +5937,8 @@ var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _
       manager
     );
     __privateAdd$2(this, _Droppable_instances);
-    __privateAdd$2(this, _element2, __runInitializers$2(_init5, 8, this)), __runInitializers$2(_init5, 11, this);
-    __privateAdd$2(this, _proxy, __runInitializers$2(_init5, 12, this)), __runInitializers$2(_init5, 15, this);
+    __privateAdd$2(this, _element2, __runInitializers$2(_init6, 8, this)), __runInitializers$2(_init6, 11, this);
+    __privateAdd$2(this, _proxy, __runInitializers$2(_init6, 12, this)), __runInitializers$2(_init6, 15, this);
     this.element = element;
     this.refreshShape = () => updateShape();
   }
@@ -5739,17 +5946,17 @@ var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _
     __privateSet$2(this, _Droppable_instances, element, element_set);
   }
   get element() {
-    var _a4;
-    return (_a4 = this.proxy) != null ? _a4 : __privateGet$2(this, _Droppable_instances, element_get);
+    var _a5;
+    return (_a5 = this.proxy) != null ? _a5 : __privateGet$2(this, _Droppable_instances, element_get);
   }
 };
-_init5 = __decoratorStart$2(_c2);
+_init6 = __decoratorStart$2(_c2);
 _element2 = /* @__PURE__ */ new WeakMap();
 _Droppable_instances = /* @__PURE__ */ new WeakSet();
 _proxy = /* @__PURE__ */ new WeakMap();
-_d = __decorateElement$2(_init5, 20, "#element", _element_dec2, _Droppable_instances, _element2), element_get = _d.get, element_set = _d.set;
-__decorateElement$2(_init5, 4, "proxy", _proxy_dec, Droppable2, _proxy);
-__decoratorMetadata$2(_init5, Droppable2);
+_d = __decorateElement$2(_init6, 20, "#element", _element_dec2, _Droppable_instances, _element2), element_get = _d.get, element_set = _d.set;
+__decorateElement$2(_init6, 4, "proxy", _proxy_dec, Droppable2, _proxy);
+__decoratorMetadata$2(_init6, Droppable2);
 var __create$1 = Object.create;
 var __defProp$2 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
@@ -5788,8 +5995,8 @@ var __objRest$1 = (source, exclude) => {
   return target;
 };
 var __decoratorStart$1 = (base) => {
-  var _a4;
-  return [, , , __create$1((_a4 = void 0) != null ? _a4 : null)];
+  var _a5;
+  return [, , , __create$1((_a5 = void 0) != null ? _a5 : null)];
 };
 var __decoratorStrings$1 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
 var __expectFn$1 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$1("Function expected") : fn;
@@ -5833,7 +6040,7 @@ var TOLERANCE = 10;
 var SortableKeyboardPlugin = class extends Plugin {
   constructor(manager) {
     super(manager);
-    const cleanupEffect = E(() => {
+    const cleanupEffect = m(() => {
       const { dragOperation } = manager;
       if (!isKeyboardEvent(dragOperation.activatorEvent)) {
         return;
@@ -5876,7 +6083,7 @@ var SortableKeyboardPlugin = class extends Plugin {
           const { center } = dragOperation.shape.current;
           const potentialTargets = [];
           const cleanup = [];
-          r(() => {
+          n(() => {
             for (const droppable of registry.droppables) {
               const { id: id2 } = droppable;
               if (!droppable.accepts(source) || id2 === (target == null ? void 0 : target.id) && isSortable(droppable) || !droppable.element) {
@@ -5900,7 +6107,7 @@ var SortableKeyboardPlugin = class extends Plugin {
             potentialTargets,
             closestCorners
           );
-          r(() => cleanup.forEach((clean) => clean()));
+          n(() => cleanup.forEach((clean) => clean()));
           const [firstCollision] = collisions;
           if (!firstCollision) {
             return;
@@ -5988,7 +6195,7 @@ function arrayMove$1(array, from, to) {
   return newArray;
 }
 function mutate(items, event, mutation) {
-  var _a4, _b2;
+  var _a5, _b2;
   const { source, target, canceled } = event.operation;
   if (!source || !target || canceled) {
     if ("preventDefault" in event) event.preventDefault();
@@ -6033,7 +6240,7 @@ function mutate(items, event, mutation) {
   }
   if (!source.manager) return items;
   const { dragOperation } = source.manager;
-  const position = (_b2 = (_a4 = dragOperation.shape) == null ? void 0 : _a4.current.center) != null ? _b2 : dragOperation.position.current;
+  const position = (_b2 = (_a5 = dragOperation.shape) == null ? void 0 : _a5.current.center) != null ? _b2 : dragOperation.position.current;
   if (targetParent == null) {
     if (target.id in items) {
       const insertionIndex = target.shape && position.y > target.shape.center.y ? items[target.id].length : 0;
@@ -6112,12 +6319,12 @@ var OptimisticSortingPlugin = class extends Plugin {
         queueMicrotask(() => {
           if (event.defaultPrevented) return;
           manager2.renderer.rendering.then(() => {
-            var _a4, _b2, _c3;
+            var _a5, _b2, _c3;
             const newInstances = getSortableInstances();
             for (const [group, sortableInstances] of instances.entries()) {
               const entries = Array.from(sortableInstances).entries();
               for (const [index, sortable] of entries) {
-                if (sortable.index !== index || sortable.group !== group || !((_a4 = newInstances.get(group)) == null ? void 0 : _a4.has(sortable))) {
+                if (sortable.index !== index || sortable.group !== group || !((_a5 = newInstances.get(group)) == null ? void 0 : _a5.has(sortable))) {
                   return;
                 }
               }
@@ -6144,7 +6351,7 @@ var OptimisticSortingPlugin = class extends Plugin {
             const targetIndex = newState[targetGroup].indexOf(target.sortable);
             manager2.collisionObserver.disable();
             reorder(sourceElement, sourceIndex, targetElement, targetIndex);
-            r(() => {
+            n(() => {
               for (const [index, sortable] of newState[sourceGroup].entries()) {
                 sortable.index = index;
               }
@@ -6194,7 +6401,7 @@ var OptimisticSortingPlugin = class extends Plugin {
               return;
             }
             reorder(sourceElement, target.index, targetElement, source.index);
-            r(() => {
+            n(() => {
               for (const [_2, sortableInstances] of instances.entries()) {
                 const entries = Array.from(sortableInstances).values();
                 for (const sortable of entries) {
@@ -6237,34 +6444,34 @@ var store = new WeakStore();
 var _group_dec, _index_dec, _init$1, _index, _previousGroup, _previousIndex, _group, _element;
 _index_dec = [reactive], _group_dec = [reactive];
 var Sortable2 = class {
-  constructor(_a4, manager) {
+  constructor(_a5, manager) {
     __privateAdd$1(this, _index, __runInitializers$1(_init$1, 8, this)), __runInitializers$1(_init$1, 11, this);
     __privateAdd$1(this, _previousGroup);
     __privateAdd$1(this, _previousIndex);
     __privateAdd$1(this, _group, __runInitializers$1(_init$1, 12, this)), __runInitializers$1(_init$1, 15, this);
     __privateAdd$1(this, _element);
     this.register = () => {
-      r(() => {
-        var _a5, _b3;
-        (_a5 = this.manager) == null ? void 0 : _a5.registry.register(this.droppable);
+      n(() => {
+        var _a6, _b3;
+        (_a6 = this.manager) == null ? void 0 : _a6.registry.register(this.droppable);
         (_b3 = this.manager) == null ? void 0 : _b3.registry.register(this.draggable);
       });
       return () => this.unregister();
     };
     this.unregister = () => {
-      r(() => {
-        var _a5, _b3;
-        (_a5 = this.manager) == null ? void 0 : _a5.registry.unregister(this.droppable);
+      n(() => {
+        var _a6, _b3;
+        (_a6 = this.manager) == null ? void 0 : _a6.registry.unregister(this.droppable);
         (_b3 = this.manager) == null ? void 0 : _b3.registry.unregister(this.draggable);
       });
     };
     this.destroy = () => {
-      r(() => {
+      n(() => {
         this.droppable.destroy();
         this.draggable.destroy();
       });
     };
-    var _b2 = _a4, {
+    var _b2 = _a5, {
       effects: inputEffects = () => [],
       group,
       index,
@@ -6295,7 +6502,7 @@ var Sortable2 = class {
               store.set(
                 this.manager,
                 this.id,
-                n(() => ({
+                o(() => ({
                   initialIndex: this.index,
                   initialGroup: this.group
                 }))
@@ -6343,15 +6550,15 @@ var Sortable2 = class {
     this.transition = transition;
   }
   get initialIndex() {
-    var _a4, _b2;
-    return (_b2 = (_a4 = store.get(this.manager, this.id)) == null ? void 0 : _a4.initialIndex) != null ? _b2 : this.index;
+    var _a5, _b2;
+    return (_b2 = (_a5 = store.get(this.manager, this.id)) == null ? void 0 : _a5.initialIndex) != null ? _b2 : this.index;
   }
   get initialGroup() {
-    var _a4, _b2;
-    return (_b2 = (_a4 = store.get(this.manager, this.id)) == null ? void 0 : _a4.initialGroup) != null ? _b2 : this.group;
+    var _a5, _b2;
+    return (_b2 = (_a5 = store.get(this.manager, this.id)) == null ? void 0 : _a5.initialGroup) != null ? _b2 : this.group;
   }
   animate() {
-    n(() => {
+    o(() => {
       const { manager, transition } = this;
       const { shape } = this.droppable;
       if (!manager) return;
@@ -6376,6 +6583,7 @@ var Sortable2 = class {
         const currentTranslate = computeTranslate(element, translate, false);
         const finalTranslate = computeTranslate(element, translate);
         if (delta.x || delta.y) {
+          const resolvedTransition = prefersReducedMotion(getWindow(element)) ? __spreadProps$2(__spreadValues$2({}, transition), { duration: 0 }) : transition;
           animateTransform({
             element,
             keyframes: {
@@ -6384,7 +6592,7 @@ var Sortable2 = class {
                 `${finalTranslate.x}px ${finalTranslate.y}px ${finalTranslate.z}`
               ]
             },
-            options: transition
+            options: resolvedTransition
           }).then(() => {
             if (!manager.dragOperation.status.dragging) {
               this.droppable.shape = void 0;
@@ -6398,13 +6606,13 @@ var Sortable2 = class {
     return this.draggable.manager;
   }
   set manager(manager) {
-    r(() => {
+    n(() => {
       this.draggable.manager = manager;
       this.droppable.manager = manager;
     });
   }
   set element(element) {
-    r(() => {
+    n(() => {
       const previousElement = __privateGet$1(this, _element);
       const droppableElement = this.droppable.element;
       const draggableElement = this.draggable.element;
@@ -6418,10 +6626,10 @@ var Sortable2 = class {
     });
   }
   get element() {
-    var _a4, _b2;
+    var _a5, _b2;
     const element = __privateGet$1(this, _element);
     if (!element) return;
-    return (_b2 = (_a4 = ProxiedElements.get(element)) != null ? _a4 : element) != null ? _b2 : this.droppable.element;
+    return (_b2 = (_a5 = ProxiedElements.get(element)) != null ? _a5 : element) != null ? _b2 : this.droppable.element;
   }
   set target(target) {
     this.droppable.element = target;
@@ -6442,13 +6650,13 @@ var Sortable2 = class {
     this.draggable.feedback = value;
   }
   set disabled(value) {
-    r(() => {
+    n(() => {
       this.droppable.disabled = value;
       this.draggable.disabled = value;
     });
   }
   set data(data) {
-    r(() => {
+    n(() => {
       this.droppable.data = data;
       this.draggable.data = data;
     });
@@ -6457,7 +6665,7 @@ var Sortable2 = class {
     this.draggable.handle = handle;
   }
   set id(id) {
-    r(() => {
+    n(() => {
       this.droppable.id = id;
       this.draggable.id = id;
     });
@@ -6484,7 +6692,7 @@ var Sortable2 = class {
     return this.draggable.alignment;
   }
   set type(type) {
-    r(() => {
+    n(() => {
       this.droppable.type = type;
       this.draggable.type = type;
     });
@@ -6557,12 +6765,12 @@ function isRef(value) {
   return value != null && typeof value === "object" && "current" in value;
 }
 function currentValue(value) {
-  var _a4;
+  var _a5;
   if (value == null) {
     return void 0;
   }
   if (isRef(value)) {
-    return (_a4 = value.current) != null ? _a4 : void 0;
+    return (_a5 = value.current) != null ? _a5 : void 0;
   }
   return value;
 }
@@ -6582,18 +6790,18 @@ function useDeepSignal(target, synchronous) {
       tracked.current.clear();
       return;
     }
-    return E(() => {
-      var _a4;
+    return m(() => {
+      var _a5;
       let stale = false;
       let sync = false;
       for (const entry of tracked.current) {
         const [key] = entry;
-        const value = n(() => entry[1]);
+        const value = o(() => entry[1]);
         const latestValue = target[key];
         if (value !== latestValue) {
           stale = true;
           tracked.current.set(key, latestValue);
-          sync = (_a4 = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a4 : false;
+          sync = (_a5 = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a5 : false;
         }
       }
       if (stale) {
@@ -6945,7 +7153,7 @@ var Position2 = class extends (_a = ValueHistory, _delta_dec = [derived], _direc
     const timestamp = Date.now();
     const timeDelta = timestamp - __privateGet(this, _timestamp);
     const velocity = (delta2) => Math.round(delta2 / timeDelta * 100);
-    r(() => {
+    n(() => {
       __privateSet(this, _timestamp, timestamp);
       this.velocity = {
         x: velocity(delta.x),
@@ -7024,7 +7232,7 @@ function useSortable(input) {
   const trackedSortable = useDeepSignal(sortable, shouldUpdateSynchronously);
   useOnValueChange(id, () => sortable.id = id);
   useIsomorphicLayoutEffect(() => {
-    r(() => {
+    n(() => {
       sortable.group = group;
       sortable.index = index;
     });
@@ -7040,8 +7248,8 @@ function useSortable(input) {
   useOnValueChange(
     index,
     () => {
-      var _a4;
-      if (((_a4 = sortable.manager) == null ? void 0 : _a4.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {
+      var _a5;
+      if (((_a5 = sortable.manager) == null ? void 0 : _a5.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {
         sortable.refreshShape();
       }
     },
@@ -7099,8 +7307,8 @@ function useSortable(input) {
     ),
     ref: useCallback(
       (element2) => {
-        var _a4, _b2;
-        if (!element2 && ((_a4 = sortable.element) == null ? void 0 : _a4.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
+        var _a5, _b2;
+        if (!element2 && ((_a5 = sortable.element) == null ? void 0 : _a5.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
           return;
         }
         sortable.element = element2 != null ? element2 : void 0;
@@ -7109,8 +7317,8 @@ function useSortable(input) {
     ),
     sourceRef: useCallback(
       (element2) => {
-        var _a4, _b2;
-        if (!element2 && ((_a4 = sortable.source) == null ? void 0 : _a4.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
+        var _a5, _b2;
+        if (!element2 && ((_a5 = sortable.source) == null ? void 0 : _a5.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
           return;
         }
         sortable.source = element2 != null ? element2 : void 0;
@@ -7119,8 +7327,8 @@ function useSortable(input) {
     ),
     targetRef: useCallback(
       (element2) => {
-        var _a4, _b2;
-        if (!element2 && ((_a4 = sortable.target) == null ? void 0 : _a4.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
+        var _a5, _b2;
+        if (!element2 && ((_a5 = sortable.target) == null ? void 0 : _a5.isConnected) && !((_b2 = sortable.manager) == null ? void 0 : _b2.dragOperation.status.idle)) {
           return;
         }
         sortable.target = element2 != null ? element2 : void 0;
@@ -7201,8 +7409,8 @@ var _SnapModifier = class _SnapModifier2 extends Modifier {
    * @returns The modified transform with coordinates snapped to the grid
    */
   apply({ transform }) {
-    var _a4;
-    const { size = 20 } = (_a4 = this.options) != null ? _a4 : {};
+    var _a5;
+    const { size = 20 } = (_a5 = this.options) != null ? _a5 : {};
     const x = typeof size === "number" ? size : size.x;
     const y2 = typeof size === "number" ? size : size.y;
     return __spreadProps(__spreadValues({}, transform), {
@@ -7215,8 +7423,8 @@ _SnapModifier.configure = configurator(_SnapModifier);
 var _RestrictToElement = class _RestrictToElement2 extends Modifier {
   constructor(manager, options2) {
     super(manager, options2);
-    this.boundingRectangle = d(null);
-    this.destroy = E(() => {
+    this.boundingRectangle = c(null);
+    this.destroy = m(() => {
       if (!this.options) {
         return;
       }