@eightshift/ui-components 4.0.0 → 5.0.1

package/dist/components/draggable/draggable.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useLayoutEffect, useMemo, useState, useCallback, startTransition, createContext, useTransition, useContext, useId } from "react";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 import { DraggableContext } from "./draggable-context.js";
-import { r as reactDomExports } from "../../index-BYHhzLf-.js";
+import { r as reactDomExports } from "../../index-CFozsmNS.js";
 var i = Symbol.for("preact-signals");
 function t() {
   if (!(s > 1)) {
@@ -344,6 +344,74 @@ function E(i2) {
   }
   return t2.d.bind(t2);
 }
+var __create$5 = Object.create;
+var __defProp$7 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __knownSymbol$5 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError$6 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp$8.call(b2, prop))
+      __defNormalProp$7(a2, prop, b2[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b2)) {
+      if (__propIsEnum$8.call(b2, prop))
+        __defNormalProp$7(a2, prop, b2[prop]);
+    }
+  return a2;
+};
+var __spreadProps$6 = (a2, b2) => __defProps$6(a2, __getOwnPropDescs$6(b2));
+var __name$2 = (target, value) => __defProp$7(target, "name", { value, configurable: true });
+var __decoratorStart$5 = (base) => {
+  var _a22;
+  return [, , , __create$5((_a22 = void 0) != null ? _a22 : null)];
+};
+var __decoratorStrings$5 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$5 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$6("Function expected") : fn;
+var __decoratorContext$5 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$5[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$6("Already initialized") : fns.push(__expectFn$5(fn || null)) });
+var __decoratorMetadata$5 = (array, target) => __defNormalProp$7(target, __knownSymbol$5("metadata"), array[3]);
+var __runInitializers$5 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
+  return value;
+};
+var __decorateElement$5 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$5[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$5(k < 4 ? target : { get [name]() {
+    return __privateGet$6(this, extra);
+  }, set [name](x) {
+    return __privateSet$6(this, extra, x);
+  } }, name));
+  k ? p2 && k < 4 && __name$2(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$2(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$5(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$2(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$6 : __privateMethod$3)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$6(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+    }
+    it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$5(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$6("Object expected");
+    else __expectFn$5(fn = it.get) && (desc.get = fn), __expectFn$5(fn = it.set) && (desc.set = fn), __expectFn$5(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$5(array, target), desc && __defProp$7(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$6 = (obj, member, msg) => member.has(obj) || __typeError$6("Cannot " + msg);
+var __privateIn$2 = (member, obj) => Object(obj) !== obj ? __typeError$6('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$6 = (obj, member, getter) => (__accessCheck$6(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$6 = (obj, member, value) => member.has(obj) ? __typeError$6("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$6 = (obj, member, value, setter) => (__accessCheck$6(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$3 = (obj, member, method) => (__accessCheck$6(obj, member, "access private method"), method);
 function computed(compute, comparator) {
   if (comparator) {
     let previousValue;
@@ -420,18 +488,117 @@ function derived(target, _2) {
     return result.value;
   };
 }
+function enumerable(enumerable2 = true) {
+  return function(_value2, context) {
+    context.addInitializer(function() {
+      const host = context.kind === "field" ? this : context.static ? this : Object.getPrototypeOf(this);
+      const descriptor2 = Object.getOwnPropertyDescriptor(host, context.name);
+      if (descriptor2) {
+        Object.defineProperty(host, context.name, __spreadProps$6(__spreadValues$7({}, descriptor2), { enumerable: enumerable2 }));
+      }
+    });
+  };
+}
 function effects(...entries) {
   const effects2 = entries.map(E);
   return () => effects2.forEach((cleanup) => cleanup());
 }
-var __create$3 = Object.create;
+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;
+_initial_dec2 = [reactive], _previous_dec2 = [reactive], _current_dec2 = [reactive], _current_dec$1 = [enumerable()], _initial_dec = [enumerable()], _previous_dec = [enumerable()];
+var ValueHistory = class {
+  constructor(defaultValue, equals = Object.is) {
+    this.defaultValue = defaultValue;
+    this.equals = equals;
+    __runInitializers$5(_init$5, 5, this);
+    __privateAdd$6(this, _ValueHistory_instances);
+    __privateAdd$6(this, _initial, __runInitializers$5(_init$5, 8, this)), __runInitializers$5(_init$5, 11, this);
+    __privateAdd$6(this, _previous, __runInitializers$5(_init$5, 12, this)), __runInitializers$5(_init$5, 15, this);
+    __privateAdd$6(this, _current, __runInitializers$5(_init$5, 16, this)), __runInitializers$5(_init$5, 19, this);
+    this.reset = this.reset.bind(this);
+    this.reset();
+  }
+  get current() {
+    return __privateGet$6(this, _ValueHistory_instances, current_get);
+  }
+  get initial() {
+    return __privateGet$6(this, _ValueHistory_instances, initial_get);
+  }
+  get previous() {
+    return __privateGet$6(this, _ValueHistory_instances, previous_get);
+  }
+  /** Set the current value */
+  set current(value) {
+    const current = n(() => __privateGet$6(this, _ValueHistory_instances, current_get));
+    if (value && current && this.equals(current, value)) {
+      return;
+    }
+    r(() => {
+      if (!__privateGet$6(this, _ValueHistory_instances, initial_get)) {
+        __privateSet$6(this, _ValueHistory_instances, value, initial_set);
+      }
+      __privateSet$6(this, _ValueHistory_instances, current, previous_set);
+      __privateSet$6(this, _ValueHistory_instances, value, current_set);
+    });
+  }
+  /** Reset the state to the initial value */
+  reset(value = this.defaultValue) {
+    r(() => {
+      __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);
+    });
+  }
+};
+_init$5 = __decoratorStart$5();
+_initial = /* @__PURE__ */ new WeakMap();
+_ValueHistory_instances = /* @__PURE__ */ new WeakSet();
+_previous = /* @__PURE__ */ new WeakMap();
+_current = /* @__PURE__ */ new WeakMap();
+_a$3 = __decorateElement$5(_init$5, 20, "#initial", _initial_dec2, _ValueHistory_instances, _initial), initial_get = _a$3.get, initial_set = _a$3.set;
+_b$1 = __decorateElement$5(_init$5, 20, "#previous", _previous_dec2, _ValueHistory_instances, _previous), previous_get = _b$1.get, previous_set = _b$1.set;
+_c$2 = __decorateElement$5(_init$5, 20, "#current", _current_dec2, _ValueHistory_instances, _current), current_get = _c$2.get, current_set = _c$2.set;
+__decorateElement$5(_init$5, 2, "current", _current_dec$1, ValueHistory);
+__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(() => {
+    const output = {};
+    for (const key in value) {
+      output[key] = value[key];
+    }
+    return output;
+  });
+}
+var _store;
+var WeakStore = class {
+  constructor() {
+    __privateAdd$6(this, _store, /* @__PURE__ */ new WeakMap());
+  }
+  get(key, id) {
+    var _a22;
+    return key ? (_a22 = __privateGet$6(this, _store).get(key)) == null ? void 0 : _a22.get(id) : void 0;
+  }
+  set(key, id, value) {
+    var _a22;
+    if (!key) return;
+    if (!__privateGet$6(this, _store).has(key)) __privateGet$6(this, _store).set(key, /* @__PURE__ */ new Map());
+    return (_a22 = __privateGet$6(this, _store).get(key)) == null ? void 0 : _a22.set(id, value);
+  }
+  clear(key) {
+    var _a22;
+    return key ? (_a22 = __privateGet$6(this, _store).get(key)) == null ? void 0 : _a22.clear() : void 0;
+  }
+};
+_store = /* @__PURE__ */ new WeakMap();
+var __create$4 = Object.create;
 var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
 var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
 var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
 var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __knownSymbol$3 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError$4 = (msg) => {
+var __knownSymbol$4 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError$5 = (msg) => {
   throw TypeError(msg);
 };
 var __pow = Math.pow;
@@ -447,50 +614,39 @@ var __spreadValues$6 = (a2, b2) => {
     }
   return a2;
 };
-var __name$2 = (target, value) => __defProp$6(target, "name", { value, configurable: true });
-var __decoratorStart$3 = (base) => {
-  var _a4;
-  return [, , , __create$3((_a4 = void 0) != null ? _a4 : null)];
+var __decoratorStart$4 = (base) => {
+  var _a22;
+  return [, , , __create$4((_a22 = base == null ? void 0 : base[__knownSymbol$4("metadata")]) != null ? _a22 : 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;
-var __decoratorContext$3 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$3[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$3(fn || null)) });
-var __decoratorMetadata$3 = (array, target) => __defNormalProp$6(target, __knownSymbol$3("metadata"), array[3]);
-var __runInitializers$3 = (array, flags, self, value) => {
-  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
+var __decoratorStrings$4 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$4 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$5("Function expected") : fn;
+var __decoratorContext$4 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$4[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$5("Already initialized") : fns.push(__expectFn$4(fn || null)) });
+var __decoratorMetadata$4 = (array, target) => __defNormalProp$6(target, __knownSymbol$4("metadata"), array[3]);
+var __runInitializers$4 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
   return value;
 };
-var __decorateElement$3 = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$3[k + 5];
-  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$3(k < 4 ? target : { get [name]() {
-    return __privateGet$4(this, extra);
-  }, set [name](x) {
-    return __privateSet$4(this, extra, x);
-  } }, name));
-  k ? p2 && k < 4 && __name$2(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$2(target, name);
+var __decorateElement$4 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, access, k = flags & 7, s2 = false, p2 = false;
+  var j = 2, key = __decoratorStrings$4[k + 5];
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc$4(target, name));
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext$3(k, name, done = {}, array[3], extraInitializers);
-    if (k) {
-      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$2(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$4 : __privateMethod$3)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$4(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+    ctx = __decoratorContext$4(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
     }
-    it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn$3(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
-    else __expectFn$3(fn = it.get) && (desc.get = fn), __expectFn$3(fn = it.set) && (desc.set = fn), __expectFn$3(fn = it.init) && initializers.unshift(fn);
+    it = (0, decorators[i2])(desc[key], ctx), done._ = 1;
+    __expectFn$4(it) && (desc[key] = it);
   }
-  return k || __decoratorMetadata$3(array, target), desc && __defProp$6(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
+  return desc && __defProp$6(target, name, desc), target;
 };
-var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
-var __privateIn$2 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod$3 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
-var Point = class _Point {
+var __accessCheck$5 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
+var __privateGet$5 = (obj, member, getter) => (__accessCheck$5(obj, member, "read from private field"), member.get(obj));
+var __privateAdd$5 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$5 = (obj, member, value, setter) => (__accessCheck$5(obj, member, "write to private field"), member.set(obj, value), value);
+var Point$1 = class _Point {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -559,7 +715,7 @@ var Rectangle = class _Rectangle {
   }
   get center() {
     const { left, top, right, bottom } = this;
-    return new Point((left + right) / 2, (top + bottom) / 2);
+    return new Point$1((left + right) / 2, (top + bottom) / 2);
   }
   get area() {
     const { width, height } = this;
@@ -620,7 +776,7 @@ var Rectangle = class _Rectangle {
       if (align == "end") return start + size;
       return start + size / 2;
     };
-    return Point.delta(
+    return Point$1.delta(
       { x: getCoordinate(a2, "x"), y: getCoordinate(a2, "y") },
       { x: getCoordinate(b2, "x"), y: getCoordinate(b2, "y") }
     );
@@ -642,32 +798,24 @@ function rectangleRectangleIntersection(a2, b2) {
   }
   return 0;
 }
-var SENSITIVITY = 10;
-var _direction_dec, _delta_dec, _current_dec, _previous_dec, _initial_dec, _velocity_dec, _timestamp, _init$3, _velocity, _initial, _previous, _current;
-_velocity_dec = [reactive], _initial_dec = [reactive], _previous_dec = [reactive], _current_dec = [reactive], _delta_dec = [derived], _direction_dec = [derived];
-var Position = class {
+var _direction_dec$1, _delta_dec$1, _a$2, _timestamp$1, _init$4;
+var Position$1 = class Position extends (_a$2 = ValueHistory, _delta_dec$1 = [derived], _direction_dec$1 = [derived], _a$2) {
   constructor(initialValue) {
-    __runInitializers$3(_init$3, 5, this);
-    __privateAdd$4(this, _timestamp, 0);
-    __privateAdd$4(this, _velocity, __runInitializers$3(_init$3, 8, this, {
-      x: 0,
-      y: 0
-    })), __runInitializers$3(_init$3, 11, this);
-    __privateAdd$4(this, _initial, __runInitializers$3(_init$3, 12, this)), __runInitializers$3(_init$3, 15, this);
-    __privateAdd$4(this, _previous, __runInitializers$3(_init$3, 16, this)), __runInitializers$3(_init$3, 19, this);
-    __privateAdd$4(this, _current, __runInitializers$3(_init$3, 20, this)), __runInitializers$3(_init$3, 23, this);
-    const point = Point.from(initialValue);
-    this.initial = point;
-    this.current = point;
-    this.previous = point;
+    const point = Point$1.from(initialValue);
+    super(point, (a2, b2) => Point$1.equals(a2, b2));
+    __runInitializers$4(_init$4, 5, this);
+    __privateAdd$5(this, _timestamp$1, 0);
+    this.velocity = { x: 0, y: 0 };
   }
   get delta() {
-    return Point.delta(this.current, this.initial);
+    return Point$1.delta(this.current, this.initial);
   }
   get direction() {
+    const { current, previous } = this;
+    if (!previous) return null;
     const delta = {
-      x: this.current.x - this.previous.x,
-      y: this.current.y - this.previous.y
+      x: current.x - previous.x,
+      y: current.y - previous.y
     };
     if (!delta.x && !delta.y) {
       return null;
@@ -677,53 +825,38 @@ var Position = class {
     }
     return delta.y > 0 ? "down" : "up";
   }
-  reset(coordinates) {
-    const point = Point.from(coordinates);
-    r(() => {
-      __privateSet$4(this, _timestamp, 0);
-      this.velocity = { x: 0, y: 0 };
-      this.current = point;
-      this.previous = point;
-      this.initial = point;
-    });
+  get current() {
+    return super.current;
   }
-  update(coordinates) {
+  set current(coordinates) {
     const { current } = this;
-    const point = Point.from(coordinates);
-    if (Point.equals(current, point)) {
-      return;
-    }
+    const point = Point$1.from(coordinates);
     const delta = {
       x: point.x - current.x,
       y: point.y - current.y
     };
     const timestamp = Date.now();
-    const timeDelta = timestamp - __privateGet$4(this, _timestamp);
+    const timeDelta = timestamp - __privateGet$5(this, _timestamp$1);
     const velocity = (delta2) => Math.round(delta2 / timeDelta * 100);
-    if (Math.abs(delta.x) < SENSITIVITY || Math.abs(delta.y) < SENSITIVITY) {
-      this.previous = current;
-    }
-    __privateSet$4(this, _timestamp, timestamp);
-    this.velocity = {
-      x: velocity(delta.x),
-      y: velocity(delta.y)
-    };
-    this.current = point;
+    r(() => {
+      __privateSet$5(this, _timestamp$1, timestamp);
+      this.velocity = {
+        x: velocity(delta.x),
+        y: velocity(delta.y)
+      };
+      super.current = point;
+    });
+  }
+  reset(coordinates = this.defaultValue) {
+    super.reset(Point$1.from(coordinates));
+    this.velocity = { x: 0, y: 0 };
   }
 };
-_init$3 = __decoratorStart$3();
-_timestamp = /* @__PURE__ */ new WeakMap();
-_velocity = /* @__PURE__ */ new WeakMap();
-_initial = /* @__PURE__ */ new WeakMap();
-_previous = /* @__PURE__ */ new WeakMap();
-_current = /* @__PURE__ */ new WeakMap();
-__decorateElement$3(_init$3, 4, "velocity", _velocity_dec, Position, _velocity);
-__decorateElement$3(_init$3, 4, "initial", _initial_dec, Position, _initial);
-__decorateElement$3(_init$3, 4, "previous", _previous_dec, Position, _previous);
-__decorateElement$3(_init$3, 4, "current", _current_dec, Position, _current);
-__decorateElement$3(_init$3, 2, "delta", _delta_dec, Position);
-__decorateElement$3(_init$3, 2, "direction", _direction_dec, Position);
-__decoratorMetadata$3(_init$3, Position);
+_init$4 = __decoratorStart$4(_a$2);
+_timestamp$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$4(_init$4, 2, "delta", _delta_dec$1, Position$1);
+__decorateElement$4(_init$4, 2, "direction", _direction_dec$1, Position$1);
+__decoratorMetadata$4(_init$4, Position$1);
 function exceedsDistance({ x, y: y2 }, distance) {
   const dx = Math.abs(x);
   const dy = Math.abs(y2);
@@ -741,22 +874,22 @@ function exceedsDistance({ x, y: y2 }, distance) {
   }
   return false;
 }
-var Axis = /* @__PURE__ */ ((Axis2) => {
+var Axis$1 = /* @__PURE__ */ ((Axis2) => {
   Axis2["Horizontal"] = "x";
   Axis2["Vertical"] = "y";
   return Axis2;
-})(Axis || {});
-var Axes = Object.values(Axis);
-var __create$2 = Object.create;
+})(Axis$1 || {});
+var Axes = Object.values(Axis$1);
+var __create$3 = Object.create;
 var __defProp$5 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __knownSymbol$2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError$3 = (msg) => {
+var __knownSymbol$3 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError$4 = (msg) => {
   throw TypeError(msg);
 };
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -785,48 +918,48 @@ var __objRest$3 = (source, exclude) => {
     }
   return target;
 };
-var __decoratorStart$2 = (base) => {
+var __decoratorStart$3 = (base) => {
   var _a4;
-  return [, , , __create$2((_a4 = base == null ? void 0 : base[__knownSymbol$2("metadata")]) != null ? _a4 : null)];
+  return [, , , __create$3((_a4 = base == null ? void 0 : base[__knownSymbol$3("metadata")]) != null ? _a4 : null)];
 };
-var __decoratorStrings$2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn$2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$3("Function expected") : fn;
-var __decoratorContext$2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$3("Already initialized") : fns.push(__expectFn$2(fn || null)) });
-var __decoratorMetadata$2 = (array, target) => __defNormalProp$5(target, __knownSymbol$2("metadata"), array[3]);
-var __runInitializers$2 = (array, flags, self, value) => {
+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;
+var __decoratorContext$3 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$3[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$3(fn || null)) });
+var __decoratorMetadata$3 = (array, target) => __defNormalProp$5(target, __knownSymbol$3("metadata"), array[3]);
+var __runInitializers$3 = (array, flags, self, value) => {
   for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
   return value;
 };
-var __decorateElement$2 = (array, flags, name, decorators, target, extra) => {
+var __decorateElement$3 = (array, flags, name, decorators, target, extra) => {
   var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$2[k + 5];
+  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$3[k + 5];
   var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$2(k < 4 ? target : { get [name]() {
-    return __privateGet$3(this, extra);
+  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$3(k < 4 ? target : { get [name]() {
+    return __privateGet$4(this, extra);
   }, set [name](x) {
-    return __privateSet$3(this, extra, x);
+    return __privateSet$4(this, extra, x);
   } }, name));
   k ? p2 && k < 4 && __name$1(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$1(target, name);
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext$2(k, name, done = {}, array[3], extraInitializers);
+    ctx = __decoratorContext$3(k, name, done = {}, array[3], extraInitializers);
     if (k) {
       ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$1(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$3 : __privateMethod$2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$3(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$4 : __privateMethod$2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$4(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
     }
     it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn$2(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError$3("Object expected");
-    else __expectFn$2(fn = it.get) && (desc.get = fn), __expectFn$2(fn = it.set) && (desc.set = fn), __expectFn$2(fn = it.init) && initializers.unshift(fn);
+    if (k ^ 4 || it === void 0) __expectFn$3(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
+    else __expectFn$3(fn = it.get) && (desc.get = fn), __expectFn$3(fn = it.set) && (desc.set = fn), __expectFn$3(fn = it.init) && initializers.unshift(fn);
   }
-  return k || __decoratorMetadata$2(array, target), desc && __defProp$5(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
+  return k || __decoratorMetadata$3(array, target), desc && __defProp$5(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
 };
-var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
-var __privateIn$1 = (member, obj) => Object(obj) !== obj ? __typeError$3('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod$2 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
+var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
+var __privateIn$1 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$2 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
 function configure(plugin, options2) {
   return {
     plugin,
@@ -847,32 +980,45 @@ function descriptor(plugin) {
   }
   return plugin;
 }
-var _disabled_dec, _init$2, _disabled, _cleanupFunctions$1;
+var _disabled_dec, _init$3, _disabled, _cleanupFunctions$1;
 _disabled_dec = [reactive];
 var Plugin = class {
+  /**
+   * Creates a new plugin instance.
+   *
+   * @param manager - The drag and drop manager that owns this plugin
+   * @param options - Optional configuration for the plugin
+   */
   constructor(manager, options2) {
     this.manager = manager;
     this.options = options2;
-    __privateAdd$3(this, _disabled, __runInitializers$2(_init$2, 8, this, false)), __runInitializers$2(_init$2, 11, this);
-    __privateAdd$3(this, _cleanupFunctions$1, /* @__PURE__ */ new Set());
+    __privateAdd$4(this, _disabled, __runInitializers$3(_init$3, 8, this, false)), __runInitializers$3(_init$3, 11, this);
+    __privateAdd$4(this, _cleanupFunctions$1, /* @__PURE__ */ new Set());
   }
   /**
-   * Enable a disabled plugin instance.
-   * Triggers effects.
+   * Enables a disabled plugin instance.
+   *
+   * @remarks
+   * This method triggers effects when called.
    */
   enable() {
     this.disabled = false;
   }
   /**
-   * Disable an enabled plugin instance.
-   * Triggers effects.
+   * Disables an enabled plugin instance.
+   *
+   * @remarks
+   * This method triggers effects when called.
    */
   disable() {
     this.disabled = true;
   }
   /**
-   * Whether the plugin instance is disabled.
-   * Does not trigger effects when accessed.
+   * Checks if the plugin instance is disabled.
+   *
+   * @returns true if the plugin is disabled
+   * @remarks
+   * This method does not trigger effects when accessed.
    */
   isDisabled() {
     return n(() => {
@@ -880,28 +1026,42 @@ var Plugin = class {
     });
   }
   /**
-   * Configure a plugin instance with new options.
+   * Configures a plugin instance with new options.
+   *
+   * @param options - The new options to apply
    */
   configure(options2) {
     this.options = options2;
   }
   /**
-   * Register an effect that will be cleaned up when the plugin instance is destroyed.
-   * Returns a cleanup function that can be used to dispose of the effect.
+   * Registers an effect that will be cleaned up when the plugin is destroyed.
+   *
+   * @param callback - The effect callback to register
+   * @returns A function to dispose of the effect
    */
   registerEffect(callback) {
     const dispose = E(callback.bind(this));
-    __privateGet$3(this, _cleanupFunctions$1).add(dispose);
+    __privateGet$4(this, _cleanupFunctions$1).add(dispose);
     return dispose;
   }
   /**
-   * Destroy a plugin instance.
+   * Destroys a plugin instance and cleans up its resources.
+   *
+   * @remarks
+   * This method:
+   * - Calls all registered cleanup functions
+   * - Should be overridden by subclasses to clean up additional resources
    */
   destroy() {
-    __privateGet$3(this, _cleanupFunctions$1).forEach((cleanup) => cleanup());
+    __privateGet$4(this, _cleanupFunctions$1).forEach((cleanup) => cleanup());
   }
   /**
-   * Configure a plugin constructor with options.
+   * Configures a plugin constructor with options.
+   *
+   * @param options - The options to configure the constructor with
+   * @returns The configured plugin constructor
+   *
+   * @remarks
    * This method is used to configure the options that the
    * plugin constructor will use to create plugin instances.
    */
@@ -909,23 +1069,43 @@ var Plugin = class {
     return configure(this, options2);
   }
 };
-_init$2 = __decoratorStart$2(null);
+_init$3 = __decoratorStart$3(null);
 _disabled = /* @__PURE__ */ new WeakMap();
 _cleanupFunctions$1 = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init$2, 4, "disabled", _disabled_dec, Plugin, _disabled);
-__decoratorMetadata$2(_init$2, Plugin);
+__decorateElement$3(_init$3, 4, "disabled", _disabled_dec, Plugin, _disabled);
+__decoratorMetadata$3(_init$3, Plugin);
 var CorePlugin = class extends Plugin {
 };
 var _previousValues;
 var PluginRegistry = class {
+  /**
+   * Creates a new plugin registry.
+   *
+   * @param manager - The drag and drop manager that owns this registry
+   */
   constructor(manager) {
     this.manager = manager;
     this.instances = /* @__PURE__ */ new Map();
-    __privateAdd$3(this, _previousValues, []);
+    __privateAdd$4(this, _previousValues, []);
   }
+  /**
+   * Gets all registered plugin instances.
+   *
+   * @returns An array of all active plugin instances
+   */
   get values() {
     return Array.from(this.instances.values());
   }
+  /**
+   * Sets the list of plugins to be used by the registry.
+   *
+   * @param entries - Array of plugin constructors or descriptors
+   * @remarks
+   * This method:
+   * - Filters out duplicate plugins
+   * - Unregisters plugins that are no longer in use
+   * - Registers new plugins with their options
+   */
   set values(entries) {
     const descriptors = entries.map(descriptor).reduceRight((acc, descriptor2) => {
       if (acc.some(({ plugin }) => plugin === descriptor2.plugin)) {
@@ -934,7 +1114,7 @@ var PluginRegistry = class {
       return [descriptor2, ...acc];
     }, []);
     const constructors = descriptors.map(({ plugin }) => plugin);
-    for (const plugin of __privateGet$3(this, _previousValues)) {
+    for (const plugin of __privateGet$4(this, _previousValues)) {
       if (!constructors.includes(plugin)) {
         if (plugin.prototype instanceof CorePlugin) {
           continue;
@@ -945,12 +1125,28 @@ var PluginRegistry = class {
     for (const { plugin, options: options2 } of descriptors) {
       this.register(plugin, options2);
     }
-    __privateSet$3(this, _previousValues, constructors);
+    __privateSet$4(this, _previousValues, constructors);
   }
+  /**
+   * Gets a plugin instance by its constructor.
+   *
+   * @param plugin - The plugin constructor to look up
+   * @returns The plugin instance or undefined if not found
+   */
   get(plugin) {
     const instance = this.instances.get(plugin);
     return instance;
   }
+  /**
+   * Registers a new plugin instance.
+   *
+   * @param plugin - The plugin constructor to register
+   * @param options - Optional configuration for the plugin
+   * @returns The registered plugin instance
+   * @remarks
+   * If the plugin is already registered, its options will be updated
+   * and the existing instance will be returned.
+   */
   register(plugin, options2) {
     const existingInstance = this.instances.get(plugin);
     if (existingInstance) {
@@ -963,6 +1159,15 @@ var PluginRegistry = class {
     this.instances.set(plugin, instance);
     return instance;
   }
+  /**
+   * Unregisters a plugin instance.
+   *
+   * @param plugin - The plugin constructor to unregister
+   * @remarks
+   * This method:
+   * - Destroys the plugin instance
+   * - Removes it from the registry
+   */
   unregister(plugin) {
     const instance = this.instances.get(plugin);
     if (instance) {
@@ -970,6 +1175,14 @@ var PluginRegistry = class {
       this.instances.delete(plugin);
     }
   }
+  /**
+   * Destroys all registered plugin instances.
+   *
+   * @remarks
+   * This method:
+   * - Calls destroy() on all plugin instances
+   * - Clears the registry
+   */
   destroy() {
     for (const plugin of this.instances.values()) {
       plugin.destroy();
@@ -990,12 +1203,17 @@ function sortCollisions(a2, b2) {
 var DEFAULT_VALUE = [];
 var _previousCoordinates, _collisions;
 var CollisionObserver = class extends Plugin {
+  /**
+   * Creates a new CollisionObserver instance.
+   *
+   * @param manager - The drag drop manager instance
+   */
   constructor(manager) {
     super(manager);
-    __privateAdd$3(this, _previousCoordinates);
-    __privateAdd$3(this, _collisions);
+    __privateAdd$4(this, _previousCoordinates);
+    __privateAdd$4(this, _collisions);
     this.computeCollisions = this.computeCollisions.bind(this);
-    __privateSet$3(this, _collisions, d(DEFAULT_VALUE));
+    __privateSet$4(this, _collisions, d(DEFAULT_VALUE));
     this.destroy = effects(
       () => {
         const collisions = this.computeCollisions();
@@ -1003,15 +1221,15 @@ var CollisionObserver = class extends Plugin {
           () => this.manager.dragOperation.position.current
         );
         if (collisions !== DEFAULT_VALUE) {
-          const previousCoordinates = __privateGet$3(this, _previousCoordinates);
-          __privateSet$3(this, _previousCoordinates, coordinates);
+          const previousCoordinates = __privateGet$4(this, _previousCoordinates);
+          __privateSet$4(this, _previousCoordinates, coordinates);
           if (previousCoordinates && coordinates.x == previousCoordinates.x && coordinates.y == previousCoordinates.y) {
             return;
           }
         } else {
-          __privateSet$3(this, _previousCoordinates, void 0);
+          __privateSet$4(this, _previousCoordinates, void 0);
         }
-        __privateGet$3(this, _collisions).value = collisions;
+        __privateGet$4(this, _collisions).value = collisions;
       },
       () => {
         const { dragOperation } = this.manager;
@@ -1021,15 +1239,27 @@ var CollisionObserver = class extends Plugin {
       }
     );
   }
+  /**
+   * Forces an immediate update of collision detection.
+   *
+   * @param immediate - If true, updates collisions immediately. If false, resets previous coordinates.
+   */
   forceUpdate(immediate = true) {
     n(() => {
       if (immediate) {
-        __privateGet$3(this, _collisions).value = this.computeCollisions();
+        __privateGet$4(this, _collisions).value = this.computeCollisions();
       } else {
-        __privateSet$3(this, _previousCoordinates, void 0);
+        __privateSet$4(this, _previousCoordinates, void 0);
       }
     });
   }
+  /**
+   * Computes collisions between draggable and droppable elements.
+   *
+   * @param entries - Optional array of droppable elements to check. If not provided, uses all registered droppables.
+   * @param collisionDetector - Optional custom collision detector function
+   * @returns Array of detected collisions, sorted by priority
+   */
   computeCollisions(entries, collisionDetector) {
     const { registry, dragOperation } = this.manager;
     const { source, shape, status } = dragOperation;
@@ -1070,8 +1300,11 @@ var CollisionObserver = class extends Plugin {
     collisions.sort(sortCollisions);
     return collisions;
   }
+  /**
+   * Gets the current collisions signal value.
+   */
   get collisions() {
-    return __privateGet$3(this, _collisions).value;
+    return __privateGet$4(this, _collisions).value;
   }
 };
 _previousCoordinates = /* @__PURE__ */ new WeakMap();
@@ -1080,6 +1313,13 @@ var Monitor = class {
   constructor() {
     this.registry = /* @__PURE__ */ new Map();
   }
+  /**
+   * Adds an event listener for the specified event type.
+   *
+   * @param name - The name of the event to listen for
+   * @param handler - The function to call when the event occurs
+   * @returns A function to remove the event listener
+   */
   addEventListener(name, handler) {
     const { registry } = this;
     const listeners = new Set(registry.get(name));
@@ -1087,12 +1327,24 @@ var Monitor = class {
     registry.set(name, listeners);
     return () => this.removeEventListener(name, handler);
   }
+  /**
+   * Removes an event listener for the specified event type.
+   *
+   * @param name - The name of the event
+   * @param handler - The function to remove
+   */
   removeEventListener(name, handler) {
     const { registry } = this;
     const listeners = new Set(registry.get(name));
     listeners.delete(handler);
     registry.set(name, listeners);
   }
+  /**
+   * Dispatches an event to all registered listeners.
+   *
+   * @param name - The name of the event to dispatch
+   * @param args - Arguments to pass to the event handlers
+   */
   dispatch(name, ...args) {
     const { registry } = this;
     const listeners = registry.get(name);
@@ -1105,10 +1357,21 @@ var Monitor = class {
   }
 };
 var DragDropMonitor = class extends Monitor {
+  /**
+   * Creates a new drag and drop monitor.
+   *
+   * @param manager - The drag and drop manager to monitor
+   */
   constructor(manager) {
     super();
     this.manager = manager;
   }
+  /**
+   * Dispatches a drag and drop event.
+   *
+   * @param type - The type of event to dispatch
+   * @param event - The event data to dispatch
+   */
   dispatch(type, event) {
     const args = [event, this.manager];
     super.dispatch(type, ...args);
@@ -1188,50 +1451,332 @@ var CollisionType = /* @__PURE__ */ ((CollisionType2) => {
   CollisionType2[CollisionType2["PointerIntersection"] = 2] = "PointerIntersection";
   return CollisionType2;
 })(CollisionType || {});
-var _disabled_dec2, _data_dec, _id_dec, _manager_dec, _init2$1, _manager, _id, _data, _disabled2;
-_manager_dec = [reactive], _id_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
-var Entity = class {
+var _dropped_dec, _dragging_dec, _initialized_dec, _initializing_dec, _idle_dec, _current_dec, _value_dec, _init2$1, _value;
+_value_dec = [reactive], _current_dec = [derived], _idle_dec = [derived], _initializing_dec = [derived], _initialized_dec = [derived], _dragging_dec = [derived], _dropped_dec = [derived];
+var Status = class {
+  constructor() {
+    __runInitializers$3(_init2$1, 5, this);
+    __privateAdd$4(this, _value, __runInitializers$3(
+      _init2$1,
+      8,
+      this,
+      "idle"
+      /* Idle */
+    )), __runInitializers$3(_init2$1, 11, this);
+  }
+  get current() {
+    return this.value;
+  }
+  get idle() {
+    return this.value === "idle";
+  }
+  get initializing() {
+    return this.value === "initializing";
+  }
+  get initialized() {
+    const { value } = this;
+    return value !== "idle" && value !== "initialization-pending";
+  }
+  get dragging() {
+    return this.value === "dragging";
+  }
+  get dropped() {
+    return this.value === "dropped";
+  }
   /**
-   * Creates a new instance of the `Entity` class.
+   * Sets the current status value.
    *
-   * @param input - An object containing the initial properties of the entity.
-   * @param manager - The manager that controls the drag and drop operations.
+   * @param value - The new status value
    */
-  constructor(input, manager) {
-    __privateAdd$3(this, _manager, __runInitializers$2(_init2$1, 8, this)), __runInitializers$2(_init2$1, 11, this);
-    __privateAdd$3(this, _id, __runInitializers$2(_init2$1, 12, this)), __runInitializers$2(_init2$1, 15, this);
-    __privateAdd$3(this, _data, __runInitializers$2(_init2$1, 16, this)), __runInitializers$2(_init2$1, 19, this);
-    __privateAdd$3(this, _disabled2, __runInitializers$2(_init2$1, 20, this)), __runInitializers$2(_init2$1, 23, this);
-    const { effects: effects5, id, data = {}, disabled = false, register = true } = input;
-    let previousId = id;
-    this.manager = manager;
-    this.id = id;
-    this.data = data;
-    this.disabled = disabled;
-    this.effects = () => {
-      var _a4;
-      return [
-        () => {
-          const { id: id2, manager: manager2 } = this;
-          if (id2 === previousId) {
-            return;
-          }
-          manager2 == null ? void 0 : manager2.registry.register(this);
-          return () => manager2 == null ? void 0 : manager2.registry.unregister(this);
-        },
-        ...(_a4 = effects5 == null ? void 0 : effects5()) != null ? _a4 : []
-      ];
-    };
-    this.register = this.register.bind(this);
-    this.unregister = this.unregister.bind(this);
-    this.destroy = this.destroy.bind(this);
-    if (manager && register) {
-      queueMicrotask(this.register);
-    }
+  set(value) {
+    this.value = value;
   }
+};
+_init2$1 = __decoratorStart$3(null);
+_value = /* @__PURE__ */ new WeakMap();
+__decorateElement$3(_init2$1, 4, "value", _value_dec, Status, _value);
+__decorateElement$3(_init2$1, 2, "current", _current_dec, Status);
+__decorateElement$3(_init2$1, 2, "idle", _idle_dec, Status);
+__decorateElement$3(_init2$1, 2, "initializing", _initializing_dec, Status);
+__decorateElement$3(_init2$1, 2, "initialized", _initialized_dec, Status);
+__decorateElement$3(_init2$1, 2, "dragging", _dragging_dec, Status);
+__decorateElement$3(_init2$1, 2, "dropped", _dropped_dec, Status);
+__decoratorMetadata$3(_init2$1, Status);
+var DragActions = class {
   /**
-   * A method that registers the entity with the manager.
-   * @returns CleanupFunction | void
+   * Creates a new instance of drag actions.
+   *
+   * @param manager - The drag and drop manager instance
+   */
+  constructor(manager) {
+    this.manager = manager;
+  }
+  /**
+   * Sets the source of the drag operation.
+   *
+   * @param source - The draggable entity or its unique identifier
+   */
+  setDragSource(source) {
+    const { dragOperation } = this.manager;
+    dragOperation.sourceIdentifier = typeof source === "string" || typeof source === "number" ? source : source.id;
+  }
+  /**
+   * Sets the target of the drop operation.
+   *
+   * @param identifier - The unique identifier of the droppable entity or null/undefined
+   * @returns A promise that resolves to true if the drop was prevented
+   */
+  setDropTarget(identifier) {
+    return n(() => {
+      const { dragOperation } = this.manager;
+      const id = identifier != null ? identifier : null;
+      if (dragOperation.targetIdentifier === id) {
+        return Promise.resolve(false);
+      }
+      dragOperation.targetIdentifier = id;
+      const event = defaultPreventable({
+        operation: dragOperation.snapshot()
+      });
+      if (dragOperation.status.dragging) {
+        this.manager.monitor.dispatch("dragover", event);
+      }
+      return this.manager.renderer.rendering.then(() => event.defaultPrevented);
+    });
+  }
+  /**
+   * Starts a new drag operation.
+   *
+   * @param args - Configuration for the drag operation
+   * @param args.event - The event that initiated the drag
+   * @param args.source - The source draggable entity or its identifier
+   * @param args.coordinates - The initial coordinates of the drag
+   * @returns true if the drag operation started successfully
+   * @throws {Error} If there is no drag source or another operation is active
+   */
+  start(args) {
+    return n(() => {
+      const { dragOperation } = this.manager;
+      if (args.source != null) {
+        this.setDragSource(args.source);
+      }
+      const sourceInstance = dragOperation.source;
+      if (!sourceInstance) {
+        throw new Error("Cannot start a drag operation without a drag source");
+      }
+      if (!dragOperation.status.idle) {
+        throw new Error(
+          "Cannot start a drag operation while another is active"
+        );
+      }
+      const controller = new AbortController();
+      const { event: nativeEvent, coordinates } = args;
+      r(() => {
+        dragOperation.status.set(
+          "initialization-pending"
+          /* InitializationPending */
+        );
+        dragOperation.shape = null;
+        dragOperation.canceled = false;
+        dragOperation.activatorEvent = nativeEvent != null ? nativeEvent : null;
+        dragOperation.position.reset(coordinates);
+      });
+      const beforeStartEvent = defaultPreventable({
+        operation: dragOperation.snapshot()
+      });
+      this.manager.monitor.dispatch("beforedragstart", beforeStartEvent);
+      if (beforeStartEvent.defaultPrevented) {
+        dragOperation.reset();
+        controller.abort();
+        return controller;
+      }
+      dragOperation.status.set(
+        "initializing"
+        /* Initializing */
+      );
+      dragOperation.controller = controller;
+      this.manager.renderer.rendering.then(() => {
+        if (controller.signal.aborted) return;
+        const { status } = dragOperation;
+        if (status.current !== "initializing") return;
+        dragOperation.status.set(
+          "dragging"
+          /* Dragging */
+        );
+        this.manager.monitor.dispatch("dragstart", {
+          nativeEvent,
+          operation: dragOperation.snapshot(),
+          cancelable: false
+        });
+      });
+      return controller;
+    });
+  }
+  /**
+   * Moves the dragged entity to a new position.
+   *
+   * @param args - Configuration for the move operation
+   * @param args.by - Relative coordinates to move by
+   * @param args.to - Absolute coordinates to move to
+   * @param args.event - The event that triggered the move
+   * @param args.cancelable - Whether the move can be canceled
+   * @param args.propagate - Whether to dispatch dragmove events
+   */
+  move(args) {
+    return n(() => {
+      var _a4, _b2;
+      const { dragOperation } = this.manager;
+      const { status, controller } = dragOperation;
+      if (!status.dragging || !controller || controller.signal.aborted) {
+        return;
+      }
+      const event = defaultPreventable(
+        {
+          nativeEvent: args.event,
+          operation: dragOperation.snapshot(),
+          by: args.by,
+          to: args.to
+        },
+        (_a4 = args.cancelable) != null ? _a4 : true
+      );
+      if ((_b2 = args.propagate) != null ? _b2 : true) {
+        this.manager.monitor.dispatch("dragmove", event);
+      }
+      queueMicrotask(() => {
+        var _a22, _b22, _c3, _d2, _e;
+        if (event.defaultPrevented) {
+          return;
+        }
+        const coordinates = (_e = args.to) != null ? _e : {
+          x: dragOperation.position.current.x + ((_b22 = (_a22 = args.by) == null ? void 0 : _a22.x) != null ? _b22 : 0),
+          y: dragOperation.position.current.y + ((_d2 = (_c3 = args.by) == null ? void 0 : _c3.y) != null ? _d2 : 0)
+        };
+        dragOperation.position.current = coordinates;
+      });
+    });
+  }
+  /**
+   * Stops the current drag operation.
+   *
+   * @param args - Configuration for stopping the operation
+   * @param args.event - The event that triggered the stop
+   * @param args.canceled - Whether the operation was canceled
+   * @remarks
+   * This method:
+   * - Dispatches a dragend event
+   * - Allows suspension of the operation
+   * - Handles cleanup of the operation state
+   */
+  stop(args = {}) {
+    return n(() => {
+      var _a4, _b2;
+      const { dragOperation } = this.manager;
+      const { controller } = dragOperation;
+      if (!controller || controller.signal.aborted) return;
+      let promise;
+      const suspend = () => {
+        const output = {
+          resume: () => {
+          },
+          abort: () => {
+          }
+        };
+        promise = new Promise((resolve, reject) => {
+          output.resume = resolve;
+          output.abort = reject;
+        });
+        return output;
+      };
+      controller.abort();
+      const end = () => {
+        this.manager.renderer.rendering.then(() => {
+          dragOperation.status.set(
+            "dropped"
+            /* Dropped */
+          );
+          const dropping = n(
+            () => {
+              var _a22;
+              return ((_a22 = dragOperation.source) == null ? void 0 : _a22.status) === "dropping";
+            }
+          );
+          const cleanup = () => {
+            if (dragOperation.controller === controller) {
+              dragOperation.controller = void 0;
+            }
+            dragOperation.reset();
+          };
+          if (dropping) {
+            const { source } = dragOperation;
+            const dispose = E(() => {
+              if ((source == null ? void 0 : source.status) === "idle") {
+                dispose();
+                cleanup();
+              }
+            });
+          } else {
+            this.manager.renderer.rendering.then(cleanup);
+          }
+        });
+      };
+      dragOperation.canceled = (_a4 = args.canceled) != null ? _a4 : false;
+      this.manager.monitor.dispatch("dragend", {
+        nativeEvent: args.event,
+        operation: dragOperation.snapshot(),
+        canceled: (_b2 = args.canceled) != null ? _b2 : false,
+        suspend
+      });
+      if (promise) {
+        promise.then(end).catch(() => dragOperation.reset());
+      } else {
+        end();
+      }
+    });
+  }
+};
+var _disabled_dec2, _data_dec, _id_dec, _manager_dec, _init3$1, _manager, _id, _data, _disabled2;
+_manager_dec = [reactive], _id_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
+var Entity = class {
+  /**
+   * Creates a new instance of the `Entity` class.
+   *
+   * @param input - An object containing the initial properties of the entity.
+   * @param manager - The manager that controls the drag and drop operations.
+   */
+  constructor(input, manager) {
+    __privateAdd$4(this, _manager, __runInitializers$3(_init3$1, 8, this)), __runInitializers$3(_init3$1, 11, this);
+    __privateAdd$4(this, _id, __runInitializers$3(_init3$1, 12, this)), __runInitializers$3(_init3$1, 15, this);
+    __privateAdd$4(this, _data, __runInitializers$3(_init3$1, 16, this)), __runInitializers$3(_init3$1, 19, this);
+    __privateAdd$4(this, _disabled2, __runInitializers$3(_init3$1, 20, this)), __runInitializers$3(_init3$1, 23, this);
+    const { effects: effects6, id, data = {}, disabled = false, register = true } = input;
+    let previousId = id;
+    this.manager = manager;
+    this.id = id;
+    this.data = data;
+    this.disabled = disabled;
+    this.effects = () => {
+      var _a4;
+      return [
+        () => {
+          const { id: id2, manager: manager2 } = this;
+          if (id2 === previousId) {
+            return;
+          }
+          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 : []
+      ];
+    };
+    this.register = this.register.bind(this);
+    this.unregister = this.unregister.bind(this);
+    this.destroy = this.destroy.bind(this);
+    if (manager && register) {
+      queueMicrotask(this.register);
+    }
+  }
+  /**
+   * A method that registers the entity with the manager.
+   * @returns CleanupFunction | void
    */
   register() {
     var _a4;
@@ -1254,16 +1799,16 @@ var Entity = class {
     (_a4 = this.manager) == null ? void 0 : _a4.registry.unregister(this);
   }
 };
-_init2$1 = __decoratorStart$2(null);
+_init3$1 = __decoratorStart$3(null);
 _manager = /* @__PURE__ */ new WeakMap();
 _id = /* @__PURE__ */ new WeakMap();
 _data = /* @__PURE__ */ new WeakMap();
 _disabled2 = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init2$1, 4, "manager", _manager_dec, Entity, _manager);
-__decorateElement$2(_init2$1, 4, "id", _id_dec, Entity, _id);
-__decorateElement$2(_init2$1, 4, "data", _data_dec, Entity, _data);
-__decorateElement$2(_init2$1, 4, "disabled", _disabled_dec2, Entity, _disabled2);
-__decoratorMetadata$2(_init2$1, Entity);
+__decorateElement$3(_init3$1, 4, "manager", _manager_dec, Entity, _manager);
+__decorateElement$3(_init3$1, 4, "id", _id_dec, Entity, _id);
+__decorateElement$3(_init3$1, 4, "data", _data_dec, Entity, _data);
+__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());
@@ -1336,15 +1881,15 @@ var EntityRegistry = class {
     this.map.value = /* @__PURE__ */ new Map();
   }
 };
-var _isDragSource_dec, _isDragging_dec, _isDropping_dec, _status_dec, _modifiers_dec, _type_dec, _c$1, _init3$1, _type, _modifiers, _status;
+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"]);
     super(input, manager);
-    __runInitializers$2(_init3$1, 5, this);
-    __privateAdd$3(this, _type, __runInitializers$2(_init3$1, 8, this)), __runInitializers$2(_init3$1, 11, this);
-    __privateAdd$3(this, _modifiers, __runInitializers$2(_init3$1, 12, this)), __runInitializers$2(_init3$1, 15, this);
-    __privateAdd$3(this, _status, __runInitializers$2(_init3$1, 16, this, this.isDragSource ? "dragging" : "idle")), __runInitializers$2(_init3$1, 19, this);
+    __runInitializers$3(_init4$1, 5, this);
+    __privateAdd$4(this, _type, __runInitializers$3(_init4$1, 8, this)), __runInitializers$3(_init4$1, 11, this);
+    __privateAdd$4(this, _modifiers, __runInitializers$3(_init4$1, 12, this)), __runInitializers$3(_init4$1, 15, this);
+    __privateAdd$4(this, _status, __runInitializers$3(_init4$1, 16, this, this.isDragSource ? "dragging" : "idle")), __runInitializers$3(_init4$1, 19, this);
     this.type = type;
     this.sensors = sensors;
     this.modifiers = modifiers;
@@ -1361,28 +1906,28 @@ var Draggable$2 = class Draggable extends (_c$1 = Entity, _type_dec = [reactive]
     return ((_b2 = (_a4 = this.manager) == null ? void 0 : _a4.dragOperation.source) == null ? void 0 : _b2.id) === this.id;
   }
 };
-_init3$1 = __decoratorStart$2(_c$1);
+_init4$1 = __decoratorStart$3(_c$1);
 _type = /* @__PURE__ */ new WeakMap();
 _modifiers = /* @__PURE__ */ new WeakMap();
 _status = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init3$1, 4, "type", _type_dec, Draggable$2, _type);
-__decorateElement$2(_init3$1, 4, "modifiers", _modifiers_dec, Draggable$2, _modifiers);
-__decorateElement$2(_init3$1, 4, "status", _status_dec, Draggable$2, _status);
-__decorateElement$2(_init3$1, 2, "isDropping", _isDropping_dec, Draggable$2);
-__decorateElement$2(_init3$1, 2, "isDragging", _isDragging_dec, Draggable$2);
-__decorateElement$2(_init3$1, 2, "isDragSource", _isDragSource_dec, Draggable$2);
-__decoratorMetadata$2(_init3$1, Draggable$2);
-var _isDropTarget_dec, _shape_dec, _collisionPriority_dec, _collisionDetector_dec, _type_dec2, _accept_dec, _c2$1, _init4$1, _accept, _type2, _collisionDetector, _collisionPriority, _shape;
+__decorateElement$3(_init4$1, 4, "type", _type_dec, Draggable$2, _type);
+__decorateElement$3(_init4$1, 4, "modifiers", _modifiers_dec, Draggable$2, _modifiers);
+__decorateElement$3(_init4$1, 4, "status", _status_dec, Draggable$2, _status);
+__decorateElement$3(_init4$1, 2, "isDropping", _isDropping_dec, Draggable$2);
+__decorateElement$3(_init4$1, 2, "isDragging", _isDragging_dec, Draggable$2);
+__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"]);
     super(input, manager);
-    __runInitializers$2(_init4$1, 5, this);
-    __privateAdd$3(this, _accept, __runInitializers$2(_init4$1, 8, this)), __runInitializers$2(_init4$1, 11, this);
-    __privateAdd$3(this, _type2, __runInitializers$2(_init4$1, 12, this)), __runInitializers$2(_init4$1, 15, this);
-    __privateAdd$3(this, _collisionDetector, __runInitializers$2(_init4$1, 16, this)), __runInitializers$2(_init4$1, 19, this);
-    __privateAdd$3(this, _collisionPriority, __runInitializers$2(_init4$1, 20, this)), __runInitializers$2(_init4$1, 23, this);
-    __privateAdd$3(this, _shape, __runInitializers$2(_init4$1, 24, this)), __runInitializers$2(_init4$1, 27, this);
+    __runInitializers$3(_init5$1, 5, this);
+    __privateAdd$4(this, _accept, __runInitializers$3(_init5$1, 8, this)), __runInitializers$3(_init5$1, 11, this);
+    __privateAdd$4(this, _type2, __runInitializers$3(_init5$1, 12, this)), __runInitializers$3(_init5$1, 15, this);
+    __privateAdd$4(this, _collisionDetector, __runInitializers$3(_init5$1, 16, this)), __runInitializers$3(_init5$1, 19, this);
+    __privateAdd$4(this, _collisionPriority, __runInitializers$3(_init5$1, 20, this)), __runInitializers$3(_init5$1, 23, this);
+    __privateAdd$4(this, _shape, __runInitializers$3(_init5$1, 24, this)), __runInitializers$3(_init5$1, 27, this);
     this.accept = accept;
     this.collisionDetector = collisionDetector;
     this.collisionPriority = collisionPriority;
@@ -1391,8 +1936,8 @@ var Droppable$1 = class Droppable extends (_c2$1 = Entity, _accept_dec = [reacti
   /**
    * Checks whether or not the droppable accepts a given draggable.
    *
-   * @param {Draggable} draggable
-   * @returns {boolean}
+   * @param draggable - The draggable to check
+   * @returns true if the draggable can be dropped here
    */
   accepts(draggable) {
     const { accept } = this;
@@ -1415,20 +1960,26 @@ var Droppable$1 = class Droppable extends (_c2$1 = Entity, _accept_dec = [reacti
     return ((_b2 = (_a4 = this.manager) == null ? void 0 : _a4.dragOperation.target) == null ? void 0 : _b2.id) === this.id;
   }
 };
-_init4$1 = __decoratorStart$2(_c2$1);
+_init5$1 = __decoratorStart$3(_c2$1);
 _accept = /* @__PURE__ */ new WeakMap();
 _type2 = /* @__PURE__ */ new WeakMap();
 _collisionDetector = /* @__PURE__ */ new WeakMap();
 _collisionPriority = /* @__PURE__ */ new WeakMap();
 _shape = /* @__PURE__ */ new WeakMap();
-__decorateElement$2(_init4$1, 4, "accept", _accept_dec, Droppable$1, _accept);
-__decorateElement$2(_init4$1, 4, "type", _type_dec2, Droppable$1, _type2);
-__decorateElement$2(_init4$1, 4, "collisionDetector", _collisionDetector_dec, Droppable$1, _collisionDetector);
-__decorateElement$2(_init4$1, 4, "collisionPriority", _collisionPriority_dec, Droppable$1, _collisionPriority);
-__decorateElement$2(_init4$1, 4, "shape", _shape_dec, Droppable$1, _shape);
-__decorateElement$2(_init4$1, 2, "isDropTarget", _isDropTarget_dec, Droppable$1);
-__decoratorMetadata$2(_init4$1, Droppable$1);
+__decorateElement$3(_init5$1, 4, "accept", _accept_dec, Droppable$1, _accept);
+__decorateElement$3(_init5$1, 4, "type", _type_dec2, Droppable$1, _type2);
+__decorateElement$3(_init5$1, 4, "collisionDetector", _collisionDetector_dec, Droppable$1, _collisionDetector);
+__decorateElement$3(_init5$1, 4, "collisionPriority", _collisionPriority_dec, Droppable$1, _collisionPriority);
+__decorateElement$3(_init5$1, 4, "shape", _shape_dec, Droppable$1, _shape);
+__decorateElement$3(_init5$1, 2, "isDropTarget", _isDropTarget_dec, Droppable$1);
+__decoratorMetadata$3(_init5$1, Droppable$1);
 var Sensor = class extends Plugin {
+  /**
+   * Creates a new sensor instance.
+   *
+   * @param manager - The drag drop manager instance
+   * @param options - Optional sensor configuration
+   */
   constructor(manager, options2) {
     super(manager, options2);
     this.manager = manager;
@@ -1436,16 +1987,37 @@ var Sensor = class extends Plugin {
   }
 };
 var Modifier = class extends Plugin {
+  /**
+   * Creates a new modifier instance.
+   *
+   * @param manager - The drag and drop manager that owns this modifier
+   * @param options - Optional configuration for the modifier
+   */
   constructor(manager, options2) {
     super(manager, options2);
     this.manager = manager;
     this.options = options2;
   }
+  /**
+   * Applies the modifier to the current drag operation.
+   *
+   * @param operation - The current state of the drag operation
+   * @returns The transformed coordinates
+   *
+   * @remarks
+   * Override this method to implement custom transformation logic.
+   * The default implementation returns the original transform unchanged.
+   */
   apply(operation) {
     return operation.transform;
   }
 };
 var DragDropRegistry = class {
+  /**
+   * Creates a new registry instance.
+   *
+   * @param manager - The drag and drop manager that owns this registry
+   */
   constructor(manager) {
     this.draggables = new EntityRegistry();
     this.droppables = new EntityRegistry();
@@ -1493,6 +2065,15 @@ var DragDropRegistry = class {
     }
     throw new Error("Invalid instance type");
   }
+  /**
+   * Destroys all registered entities and cleans up resources.
+   *
+   * @remarks
+   * This method:
+   * - Destroys all draggable and droppable entities
+   * - Destroys all plugins, sensors, and modifiers
+   * - Cleans up any associated resources
+   */
   destroy() {
     this.draggables.destroy();
     this.droppables.destroy();
@@ -1501,334 +2082,157 @@ var DragDropRegistry = class {
     this.modifiers.destroy();
   }
 };
-function DragOperationManager(manager) {
-  const {
-    registry: { draggables, droppables },
-    monitor
-  } = manager;
-  const status = d(
-    "idle"
-    /* Idle */
-  );
-  const shape = {
-    initial: d(null),
-    current: d(null)
-  };
-  const canceled = d(false);
-  const position = new Position({ x: 0, y: 0 });
-  const activatorEvent = d(null);
-  const sourceIdentifier = d(null);
-  const targetIdentifier = d(null);
-  const dragging = computed(
-    () => status.value === "dragging"
-    /* Dragging */
-  );
-  const initialized = computed(
-    () => status.value !== "idle"
-    /* Idle */
-  );
-  const initializing = computed(
-    () => status.value === "initializing"
-    /* Initializing */
-  );
-  const idle = computed(
-    () => status.value === "idle"
-    /* Idle */
-  );
-  const dropped = computed(
-    () => status.value === "dropped"
-    /* Dropped */
-  );
-  const dragended = d(true);
-  let previousSource;
-  const source = computed(() => {
+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;
+_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 {
+  /**
+   * Creates a new drag operation instance.
+   *
+   * @param manager - The drag and drop manager that owns this operation
+   */
+  constructor(manager) {
+    __runInitializers$3(_init6, 5, this);
+    __privateAdd$4(this, _manager2);
+    __privateAdd$4(this, _previousSource);
+    __privateAdd$4(this, _shape2, new ValueHistory(
+      void 0,
+      (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);
+    this.position = new Position$1({ x: 0, y: 0 });
+    __privateAdd$4(this, _transform, { x: 0, y: 0 });
+    __privateSet$4(this, _manager2, manager);
+  }
+  get shape() {
+    const { current, initial, previous } = __privateGet$4(this, _shape2);
+    if (!current || !initial) {
+      return null;
+    }
+    return { current, initial, previous };
+  }
+  /**
+   * Sets the shape of the dragged entity.
+   *
+   * @param value - The new shape or null to reset
+   */
+  set shape(value) {
+    if (!value) {
+      __privateGet$4(this, _shape2).reset();
+    } else {
+      __privateGet$4(this, _shape2).current = value;
+    }
+  }
+  get source() {
     var _a4;
-    const identifier = sourceIdentifier.value;
+    const identifier = this.sourceIdentifier;
     if (identifier == null) return null;
-    const value = draggables.get(identifier);
+    const value = __privateGet$4(this, _manager2).registry.draggables.get(identifier);
     if (value) {
-      previousSource = value;
+      __privateSet$4(this, _previousSource, value);
     }
-    return (_a4 = value != null ? value : previousSource) != null ? _a4 : null;
-  });
-  const target = computed(() => {
+    return (_a4 = value != null ? value : __privateGet$4(this, _previousSource)) != null ? _a4 : null;
+  }
+  get target() {
     var _a4;
-    const identifier = targetIdentifier.value;
-    return identifier != null ? (_a4 = droppables.get(identifier)) != null ? _a4 : null : null;
-  });
-  const modifiers = d([]);
-  const dispose = E(() => {
-    var _a4, _b2, _c3;
-    const currentModifiers = modifiers.peek();
-    if (!deepEqual(currentModifiers, manager.modifiers)) {
-      currentModifiers.forEach((modifier) => modifier.destroy());
-    }
-    modifiers.value = (_c3 = (_b2 = (_a4 = source.value) == null ? void 0 : _a4.modifiers) == null ? void 0 : _b2.map((modifier) => {
-      const { plugin, options: options2 } = descriptor(modifier);
-      return new plugin(manager, options2);
-    })) != null ? _c3 : manager.modifiers;
-  });
-  const transform = computed(() => {
-    const { x, y: y2 } = position.delta;
-    let transform2 = { x, y: y2 };
-    const initialShape = shape.initial.value;
-    const currentShape = shape.current.peek();
-    const operation2 = {
-      activatorEvent: activatorEvent.peek(),
-      canceled: canceled.peek(),
-      source: source.peek(),
-      target: target.peek(),
-      status: {
-        current: status.peek(),
-        idle: idle.peek(),
-        initializing: initializing.peek(),
-        initialized: initialized.peek(),
-        dragging: dragging.peek(),
-        dragended: dragended.peek(),
-        dropped: dropped.peek()
-      },
-      shape: initialShape && currentShape ? { initial: initialShape, current: currentShape } : null,
-      position
-    };
-    for (const modifier of modifiers.value) {
-      transform2 = modifier.apply(__spreadProps$5(__spreadValues$5({}, operation2), { transform: transform2 }));
+    const identifier = this.targetIdentifier;
+    return identifier != null ? (_a4 = __privateGet$4(this, _manager2).registry.droppables.get(identifier)) != null ? _a4 : null : null;
+  }
+  get transform() {
+    const { x, y: y2 } = this.position.delta;
+    let transform = { x, y: y2 };
+    for (const modifier of this.modifiers) {
+      transform = modifier.apply(__spreadProps$5(__spreadValues$5({}, this.snapshot()), {
+        transform
+      }));
     }
-    return transform2;
-  });
-  const operation = {
-    get activatorEvent() {
-      return activatorEvent.value;
-    },
-    get canceled() {
-      return canceled.value;
-    },
-    get source() {
-      return source.value;
-    },
-    get target() {
-      return target.value;
-    },
-    status: {
-      get current() {
-        return status.value;
-      },
-      get idle() {
-        return idle.value;
-      },
-      get initializing() {
-        return initializing.value;
-      },
-      get initialized() {
-        return initialized.value;
-      },
-      get dragging() {
-        return dragging.value;
-      },
-      get dragended() {
-        return dragended.value;
-      },
-      get dropped() {
-        return dropped.value;
-      }
-    },
-    get shape() {
-      const initial = shape.initial.value;
-      const current = shape.current.value;
-      return initial && current ? { initial, current } : null;
-    },
-    set shape(value) {
-      var _a4;
-      if (value && ((_a4 = shape.current.peek()) == null ? void 0 : _a4.equals(value))) {
-        return;
-      }
-      const initial = shape.initial.peek();
-      if (!initial) {
-        shape.initial.value = value;
-      }
-      shape.current.value = value;
-    },
-    get transform() {
-      return transform.value;
-    },
-    position
-  };
-  const reset = () => {
+    __privateSet$4(this, _transform, transform);
+    return transform;
+  }
+  /**
+   * Creates a snapshot of the current drag operation state.
+   *
+   * @returns An immutable snapshot of the current operation state
+   */
+  snapshot() {
+    return n(() => ({
+      source: this.source,
+      target: this.target,
+      activatorEvent: this.activatorEvent,
+      transform: __privateGet$4(this, _transform),
+      shape: this.shape ? snapshot(this.shape) : null,
+      position: snapshot(this.position),
+      status: snapshot(this.status),
+      canceled: this.canceled
+    }));
+  }
+  /**
+   * Resets the drag operation to its initial state.
+   *
+   * @remarks
+   * This method:
+   * - Sets status to idle
+   * - Clears source and target identifiers
+   * - Resets shape history
+   * - Resets position and transform
+   * - Clears modifiers
+   */
+  reset() {
     r(() => {
-      status.value = "idle";
-      sourceIdentifier.value = null;
-      targetIdentifier.value = null;
-      shape.current.value = null;
-      shape.initial.value = null;
-      position.reset({ x: 0, y: 0 });
-      modifiers.value = [];
-    });
-  };
-  const actions = {
-    setDragSource(identifier) {
-      sourceIdentifier.value = identifier;
-    },
-    setDropTarget(identifier) {
-      const id = identifier != null ? identifier : null;
-      if (targetIdentifier.peek() === id) {
-        return Promise.resolve(false);
-      }
-      targetIdentifier.value = id;
-      const event = defaultPreventable({
-        operation: snapshot(operation)
-      });
-      if (status.peek() === "dragging") {
-        monitor.dispatch("dragover", event);
-      }
-      return manager.renderer.rendering.then(() => event.defaultPrevented);
-    },
-    start({
-      event: nativeEvent,
-      coordinates
-    }) {
-      const sourceInstance = source.peek();
-      if (!sourceInstance) {
-        throw new Error("Cannot start a drag operation without a drag source");
-      }
-      r(() => {
-        shape.initial.value = null;
-        shape.current.value = null;
-        dragended.value = false;
-        canceled.value = false;
-        activatorEvent.value = nativeEvent != null ? nativeEvent : null;
-        position.reset(coordinates);
-      });
-      const beforeStartEvent = defaultPreventable({
-        operation: snapshot(operation)
-      });
-      monitor.dispatch("beforedragstart", beforeStartEvent);
-      manager.renderer.rendering.then(() => {
-        if (beforeStartEvent.defaultPrevented) {
-          reset();
-          return;
-        }
-        status.value = "initializing";
-        requestAnimationFrame(() => {
-          status.value = "dragging";
-          monitor.dispatch("dragstart", {
-            nativeEvent,
-            operation: snapshot(operation),
-            cancelable: false
-          });
-        });
-      });
-    },
-    move({
-      by,
-      to,
-      event: nativeEvent,
-      cancelable = true,
-      propagate = true
-    }) {
-      if (!dragging.peek()) {
-        return;
-      }
-      const event = defaultPreventable(
-        {
-          nativeEvent,
-          operation: snapshot(operation),
-          by,
-          to
-        },
-        cancelable
+      this.status.set(
+        "idle"
+        /* Idle */
       );
-      if (propagate) {
-        monitor.dispatch("dragmove", event);
-      }
-      queueMicrotask(() => {
-        if (event.defaultPrevented) {
-          return;
-        }
-        const coordinates = to != null ? to : {
-          x: position.current.x + by.x,
-          y: position.current.y + by.y
-        };
-        position.update(coordinates);
-      });
-    },
-    stop({
-      canceled: eventCanceled = false,
-      event: nativeEvent
-    } = {}) {
-      let promise;
-      const suspend = () => {
-        const output = {
-          resume: () => {
-          },
-          abort: () => {
-          }
-        };
-        promise = new Promise((resolve, reject) => {
-          output.resume = resolve;
-          output.abort = reject;
-        });
-        return output;
-      };
-      const end = () => {
-        manager.renderer.rendering.then(() => {
-          status.value = "dropped";
-          const dropping = n(() => {
-            var _a4;
-            return ((_a4 = source.value) == null ? void 0 : _a4.status) === "dropping";
-          });
-          if (dropping) {
-            const currentSource = source.value;
-            const dispose2 = E(() => {
-              if ((currentSource == null ? void 0 : currentSource.status) === "idle") {
-                dispose2();
-                if (source.value !== currentSource) return;
-                reset();
-              }
-            });
-          } else {
-            manager.renderer.rendering.then(reset);
-          }
-        });
-      };
-      r(() => {
-        dragended.value = true;
-        canceled.value = eventCanceled;
-      });
-      monitor.dispatch("dragend", {
-        nativeEvent,
-        operation: snapshot(operation),
-        canceled: eventCanceled,
-        suspend
-      });
-      if (promise) {
-        promise.then(end).catch(reset);
-      } else {
-        end();
-      }
-    }
-  };
-  return {
-    operation,
-    actions,
-    cleanup() {
-      if (status.peek() !== "idle") {
-        actions.stop({ canceled: true });
-      }
-      modifiers.value.forEach((modifier) => modifier.destroy());
-      dispose();
-    }
-  };
-}
-function snapshot(obj) {
-  return __spreadValues$5({}, obj);
-}
+      this.sourceIdentifier = null;
+      this.targetIdentifier = null;
+      __privateGet$4(this, _shape2).reset();
+      this.position.reset({ x: 0, y: 0 });
+      __privateSet$4(this, _transform, { x: 0, y: 0 });
+      this.modifiers = [];
+    });
+  }
+};
+_init6 = __decoratorStart$3(null);
+_manager2 = /* @__PURE__ */ new WeakMap();
+_previousSource = /* @__PURE__ */ new WeakMap();
+_shape2 = /* @__PURE__ */ new WeakMap();
+_canceled = /* @__PURE__ */ new WeakMap();
+_activatorEvent = /* @__PURE__ */ new WeakMap();
+_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);
 var defaultRenderer = {
   get rendering() {
     return Promise.resolve();
   }
 };
 var DragDropManager$1 = class DragDropManager {
+  /**
+   * Creates a new drag and drop manager instance.
+   *
+   * @param config - Optional configuration for plugins, sensors, modifiers, and renderer
+   */
   constructor(config) {
     this.destroy = () => {
+      if (!this.dragOperation.status.idle) {
+        this.actions.stop({ canceled: true });
+      }
+      this.dragOperation.modifiers.forEach((modifier) => modifier.destroy());
       this.registry.destroy();
       this.collisionObserver.destroy();
     };
@@ -1843,34 +2247,75 @@ var DragDropManager$1 = class DragDropManager {
     this.registry = registry;
     this.monitor = monitor;
     this.renderer = renderer;
-    const { actions, operation, cleanup } = DragOperationManager(this);
-    this.actions = actions;
-    this.dragOperation = operation;
+    this.actions = new DragActions(this);
+    this.dragOperation = new DragOperation(this);
     this.collisionObserver = new CollisionObserver(this);
     this.plugins = [CollisionNotifier, ...plugins];
     this.modifiers = modifiers;
     this.sensors = sensors;
     const { destroy } = this;
+    const cleanup = effects(() => {
+      var _a4, _b2, _c3;
+      const currentModifiers = n(() => 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) => {
+        const { plugin, options: options2 } = descriptor(modifier);
+        return new plugin(this, options2);
+      })) != null ? _c3 : managerModifiers;
+    });
     this.destroy = () => {
       cleanup();
       destroy();
     };
   }
+  /**
+   * Gets the list of active plugins.
+   *
+   * @returns Array of active plugin instances
+   */
   get plugins() {
     return this.registry.plugins.values;
   }
+  /**
+   * Sets the list of plugins to be used by the manager.
+   *
+   * @param plugins - Array of plugin constructors or instances
+   */
   set plugins(plugins) {
     this.registry.plugins.values = plugins;
   }
+  /**
+   * Gets the list of active modifiers.
+   *
+   * @returns Array of active modifier instances
+   */
   get modifiers() {
     return this.registry.modifiers.values;
   }
+  /**
+   * Sets the list of modifiers to be used by the manager.
+   *
+   * @param modifiers - Array of modifier constructors or instances
+   */
   set modifiers(modifiers) {
     this.registry.modifiers.values = modifiers;
   }
+  /**
+   * Gets the list of active sensors.
+   *
+   * @returns Array of active sensor instances
+   */
   get sensors() {
     return this.registry.sensors.values;
   }
+  /**
+   * Sets the list of sensors to be used by the manager.
+   *
+   * @param sensors - Array of sensor constructors or instances
+   */
   set sensors(sensors) {
     this.registry.sensors.values = sensors;
   }
@@ -1888,7 +2333,7 @@ var pointerIntersection = ({
     return null;
   }
   if (droppable.shape.containsPoint(pointerCoordinates)) {
-    const distance = Point.distance(droppable.shape.center, pointerCoordinates);
+    const distance = Point$1.distance(droppable.shape.center, pointerCoordinates);
     return {
       id,
       value: 1 / distance,
@@ -1909,7 +2354,7 @@ var shapeIntersection = ({
   const intersectionArea = shape.current.intersectionArea(droppable.shape);
   if (intersectionArea) {
     const { position } = dragOperation;
-    const distance = Point.distance(droppable.shape.center, position.current);
+    const distance = Point$1.distance(droppable.shape.center, position.current);
     const intersectionRatio = intersectionArea / (shape.current.area + droppable.shape.area - intersectionArea);
     const value = intersectionRatio / distance;
     return {
@@ -1937,8 +2382,8 @@ var closestCorners = (input) => {
   ).corners.reduce(
     (acc, corner, index) => {
       var _a4;
-      return acc + Point.distance(
-        Point.from(corner),
+      return acc + Point$1.distance(
+        Point$1.from(corner),
         (_a4 = shapeCorners == null ? void 0 : shapeCorners[index]) != null ? _a4 : position.current
       );
     },
@@ -1952,14 +2397,14 @@ var closestCorners = (input) => {
     priority: CollisionPriority.Normal
   };
 };
-var __typeError$2 = (msg) => {
+var __typeError$3 = (msg) => {
   throw TypeError(msg);
 };
-var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
-var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
-var __privateMethod$1 = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
+var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
+var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod$1 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
 function getBoundingRectangle(element) {
   const { width, height, top, left, bottom, right } = element.getBoundingClientRect();
   return { width, height, top, left, bottom, right };
@@ -1991,11 +2436,14 @@ function getWindow(target) {
 }
 function isDocument(node) {
   const { Document } = getWindow(node);
-  return node instanceof Document;
+  return node instanceof Document || "nodeType" in node && node.nodeType === Node.DOCUMENT_NODE;
 }
 function isHTMLElement(node) {
   if (!node || isWindow(node)) return false;
-  return node instanceof getWindow(node).HTMLElement;
+  return node instanceof getWindow(node).HTMLElement || "namespaceURI" in node && typeof node.namespaceURI === "string" && node.namespaceURI.endsWith("html");
+}
+function isSVGElement(node) {
+  return node instanceof getWindow(node).SVGElement || "namespaceURI" in node && typeof node.namespaceURI === "string" && node.namespaceURI.endsWith("svg");
 }
 function getDocument(target) {
   if (!target) {
@@ -2010,7 +2458,7 @@ function getDocument(target) {
   if (isDocument(target)) {
     return target;
   }
-  if (isHTMLElement(target)) {
+  if (isHTMLElement(target) || isSVGElement(target)) {
     return target.ownerDocument;
   }
   return document;
@@ -2059,12 +2507,15 @@ function isRectEqual(a2, b2) {
   return a2.top == b2.top && a2.left == b2.left && a2.right == b2.right && a2.bottom == b2.bottom;
 }
 function isOverflowVisible(element, style) {
-  if (element instanceof getWindow(element).HTMLDetailsElement && element.open === false) {
+  if (isDetailsElement(element) && element.open === false) {
     return false;
   }
   const { overflow, overflowX, overflowY } = getComputedStyle(element);
   return overflow === "visible" && overflowX === "visible" && overflowY === "visible";
 }
+function isDetailsElement(element) {
+  return element.tagName === "DETAILS";
+}
 function getVisibleBoundingRectangle(element, boundingClientRect = element.getBoundingClientRect(), margin = 0) {
   var _a4;
   let rect = boundingClientRect;
@@ -2130,20 +2581,20 @@ var _callback, _visible, _previousBoundingClientRect, _resizeObserver, _position
 var PositionObserver = class {
   constructor(element, callback, options2 = { debug: false }) {
     this.element = element;
-    __privateAdd$2(this, _PositionObserver_instances);
-    __privateAdd$2(this, _callback);
-    __privateAdd$2(this, _visible, true);
-    __privateAdd$2(this, _previousBoundingClientRect);
-    __privateAdd$2(this, _resizeObserver);
-    __privateAdd$2(this, _positionObserver);
-    __privateAdd$2(this, _visibilityObserver);
-    __privateAdd$2(this, _debug);
-    __privateAdd$2(this, _disconnected, false);
-    __privateAdd$2(this, _observePosition, throttle(() => {
+    __privateAdd$3(this, _PositionObserver_instances);
+    __privateAdd$3(this, _callback);
+    __privateAdd$3(this, _visible, true);
+    __privateAdd$3(this, _previousBoundingClientRect);
+    __privateAdd$3(this, _resizeObserver);
+    __privateAdd$3(this, _positionObserver);
+    __privateAdd$3(this, _visibilityObserver);
+    __privateAdd$3(this, _debug);
+    __privateAdd$3(this, _disconnected, false);
+    __privateAdd$3(this, _observePosition, throttle(() => {
       var _a4, _b2, _c3;
       const { element: element2 } = this;
-      (_a4 = __privateGet$2(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
-      if (__privateGet$2(this, _disconnected) || !__privateGet$2(this, _visible) || !element2.isConnected) {
+      (_a4 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
+      if (__privateGet$3(this, _disconnected) || !__privateGet$3(this, _visible) || !element2.isConnected) {
         return;
       }
       const root2 = (_b2 = element2.ownerDocument) != null ? _b2 : document;
@@ -2157,7 +2608,7 @@ var PositionObserver = class {
       const insetBottom = -Math.floor(innerHeight - bottom);
       const rootMargin = `${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px`;
       this.boundingClientRect = clientRect;
-      __privateSet$2(this, _positionObserver, new IntersectionObserver(
+      __privateSet$3(this, _positionObserver, new IntersectionObserver(
         (entries) => {
           const [entry] = entries;
           const { intersectionRect } = entry;
@@ -2166,7 +2617,7 @@ var PositionObserver = class {
             visibleRect
           );
           if (intersectionRatio !== 1) {
-            __privateGet$2(this, _observePosition).call(this);
+            __privateGet$3(this, _observePosition).call(this);
           }
         },
         {
@@ -2175,41 +2626,41 @@ var PositionObserver = class {
           root: root2
         }
       ));
-      __privateGet$2(this, _positionObserver).observe(element2);
+      __privateGet$3(this, _positionObserver).observe(element2);
       __privateMethod$1(this, _PositionObserver_instances, notify_fn).call(this);
     }, THROTTLE_INTERVAL));
-    __privateSet$2(this, _callback, callback);
+    __privateSet$3(this, _callback, callback);
     this.boundingClientRect = element.getBoundingClientRect();
-    __privateSet$2(this, _visible, isVisible(element, this.boundingClientRect));
+    __privateSet$3(this, _visible, isVisible(element, this.boundingClientRect));
     const root = element.ownerDocument;
     if (options2 == null ? void 0 : options2.debug) {
-      __privateSet$2(this, _debug, document.createElement("div"));
-      __privateGet$2(this, _debug).style.background = "rgba(0,0,0,0.15)";
-      __privateGet$2(this, _debug).style.position = "fixed";
-      __privateGet$2(this, _debug).style.pointerEvents = "none";
-      root.body.appendChild(__privateGet$2(this, _debug));
+      __privateSet$3(this, _debug, document.createElement("div"));
+      __privateGet$3(this, _debug).style.background = "rgba(0,0,0,0.15)";
+      __privateGet$3(this, _debug).style.position = "fixed";
+      __privateGet$3(this, _debug).style.pointerEvents = "none";
+      root.body.appendChild(__privateGet$3(this, _debug));
     }
-    __privateSet$2(this, _visibilityObserver, new IntersectionObserver(
+    __privateSet$3(this, _visibilityObserver, new IntersectionObserver(
       (entries) => {
         var _a4, _b2;
         const entry = entries[entries.length - 1];
         const { boundingClientRect, isIntersecting: visible } = entry;
         const { width, height } = boundingClientRect;
-        const previousVisible = __privateGet$2(this, _visible);
-        __privateSet$2(this, _visible, visible);
+        const previousVisible = __privateGet$3(this, _visible);
+        __privateSet$3(this, _visible, visible);
         if (!width && !height) return;
         if (previousVisible && !visible) {
-          (_a4 = __privateGet$2(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
-          __privateGet$2(this, _callback).call(this, null);
-          (_b2 = __privateGet$2(this, _resizeObserver)) == null ? void 0 : _b2.disconnect();
-          __privateSet$2(this, _resizeObserver, void 0);
-          if (__privateGet$2(this, _debug)) __privateGet$2(this, _debug).style.visibility = "hidden";
+          (_a4 = __privateGet$3(this, _positionObserver)) == null ? void 0 : _a4.disconnect();
+          __privateGet$3(this, _callback).call(this, null);
+          (_b2 = __privateGet$3(this, _resizeObserver)) == null ? void 0 : _b2.disconnect();
+          __privateSet$3(this, _resizeObserver, void 0);
+          if (__privateGet$3(this, _debug)) __privateGet$3(this, _debug).style.visibility = "hidden";
         } else {
-          __privateGet$2(this, _observePosition).call(this);
+          __privateGet$3(this, _observePosition).call(this);
         }
-        if (visible && !__privateGet$2(this, _resizeObserver)) {
-          __privateSet$2(this, _resizeObserver, new ResizeObserver(__privateGet$2(this, _observePosition)));
-          __privateGet$2(this, _resizeObserver).observe(element);
+        if (visible && !__privateGet$3(this, _resizeObserver)) {
+          __privateSet$3(this, _resizeObserver, new ResizeObserver(__privateGet$3(this, _observePosition)));
+          __privateGet$3(this, _resizeObserver).observe(element);
         }
       },
       {
@@ -2217,18 +2668,18 @@ var PositionObserver = class {
         root
       }
     ));
-    if (__privateGet$2(this, _visible)) {
-      __privateGet$2(this, _callback).call(this, this.boundingClientRect);
+    if (__privateGet$3(this, _visible)) {
+      __privateGet$3(this, _callback).call(this, this.boundingClientRect);
     }
-    __privateGet$2(this, _visibilityObserver).observe(element);
+    __privateGet$3(this, _visibilityObserver).observe(element);
   }
   disconnect() {
     var _a4, _b2, _c3;
-    __privateSet$2(this, _disconnected, true);
-    (_a4 = __privateGet$2(this, _resizeObserver)) == null ? void 0 : _a4.disconnect();
-    (_b2 = __privateGet$2(this, _positionObserver)) == null ? void 0 : _b2.disconnect();
-    __privateGet$2(this, _visibilityObserver).disconnect();
-    (_c3 = __privateGet$2(this, _debug)) == null ? void 0 : _c3.remove();
+    __privateSet$3(this, _disconnected, true);
+    (_a4 = __privateGet$3(this, _resizeObserver)) == null ? void 0 : _a4.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();
   }
 };
 _callback = /* @__PURE__ */ new WeakMap();
@@ -2242,31 +2693,30 @@ _disconnected = /* @__PURE__ */ new WeakMap();
 _observePosition = /* @__PURE__ */ new WeakMap();
 _PositionObserver_instances = /* @__PURE__ */ new WeakSet();
 notify_fn = function() {
-  if (__privateGet$2(this, _disconnected)) return;
+  if (__privateGet$3(this, _disconnected)) return;
   __privateMethod$1(this, _PositionObserver_instances, updateDebug_fn).call(this);
-  if (isRectEqual(this.boundingClientRect, __privateGet$2(this, _previousBoundingClientRect)))
+  if (isRectEqual(this.boundingClientRect, __privateGet$3(this, _previousBoundingClientRect)))
     return;
-  __privateGet$2(this, _callback).call(this, this.boundingClientRect);
-  __privateSet$2(this, _previousBoundingClientRect, this.boundingClientRect);
+  __privateGet$3(this, _callback).call(this, this.boundingClientRect);
+  __privateSet$3(this, _previousBoundingClientRect, this.boundingClientRect);
 };
 updateDebug_fn = function() {
-  if (__privateGet$2(this, _debug)) {
+  if (__privateGet$3(this, _debug)) {
     const { top, left, width, height } = getVisibleBoundingRectangle(
       this.element
     );
-    __privateGet$2(this, _debug).style.overflow = "hidden";
-    __privateGet$2(this, _debug).style.visibility = "visible";
-    __privateGet$2(this, _debug).style.top = `${Math.floor(top)}px`;
-    __privateGet$2(this, _debug).style.left = `${Math.floor(left)}px`;
-    __privateGet$2(this, _debug).style.width = `${Math.floor(width)}px`;
-    __privateGet$2(this, _debug).style.height = `${Math.floor(height)}px`;
+    __privateGet$3(this, _debug).style.overflow = "hidden";
+    __privateGet$3(this, _debug).style.visibility = "visible";
+    __privateGet$3(this, _debug).style.top = `${Math.floor(top)}px`;
+    __privateGet$3(this, _debug).style.left = `${Math.floor(left)}px`;
+    __privateGet$3(this, _debug).style.width = `${Math.floor(width)}px`;
+    __privateGet$3(this, _debug).style.height = `${Math.floor(height)}px`;
   }
 };
 function isSafari() {
   return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
 function cloneElement(element) {
-  const window2 = getWindow(element);
   const selector = "input, textarea, select, canvas, [contenteditable]";
   const clonedElement = element.cloneNode(true);
   const fields = Array.from(element.querySelectorAll(selector));
@@ -2281,7 +2731,7 @@ function cloneElement(element) {
         field.name = `Cloned__${field.name}`;
       }
     }
-    if (field instanceof window2.HTMLCanvasElement && originalField instanceof window2.HTMLCanvasElement && originalField.width > 0 && originalField.height > 0) {
+    if (isCanvasElement(field) && isCanvasElement(originalField) && originalField.width > 0 && originalField.height > 0) {
       const destCtx = field.getContext("2d");
       destCtx == null ? void 0 : destCtx.drawImage(originalField, 0, 0);
     }
@@ -2291,9 +2741,12 @@ function cloneElement(element) {
 function isField(element) {
   return "value" in element;
 }
+function isCanvasElement(element) {
+  return element.tagName === "CANVAS";
+}
 function getElementFromPoint(document2, { x, y: y2 }) {
   const element = document2.elementFromPoint(x, y2);
-  if (element instanceof HTMLIFrameElement) {
+  if (isIFrameElement(element)) {
     const { contentDocument } = element;
     if (contentDocument) {
       const { left, top } = element.getBoundingClientRect();
@@ -2305,6 +2758,9 @@ function getElementFromPoint(document2, { x, y: y2 }) {
   }
   return element;
 }
+function isIFrameElement(element) {
+  return (element == null ? void 0 : element.tagName) === "IFRAME";
+}
 var ProxiedElements = /* @__PURE__ */ new WeakMap();
 var Listeners = class {
   constructor() {
@@ -2397,16 +2853,56 @@ function canScroll(scrollableElement, by) {
     y: top || bottom
   };
 }
-function isSVGElement(node) {
-  return node instanceof getWindow(node).SVGElement;
+var Scheduler = class {
+  constructor(scheduler4) {
+    this.scheduler = scheduler4;
+    this.pending = false;
+    this.tasks = /* @__PURE__ */ new Set();
+    this.resolvers = /* @__PURE__ */ new Set();
+    this.flush = () => {
+      const { tasks, resolvers } = this;
+      this.pending = false;
+      this.tasks = /* @__PURE__ */ new Set();
+      this.resolvers = /* @__PURE__ */ new Set();
+      for (const task of tasks) {
+        task();
+      }
+      for (const resolve of resolvers) {
+        resolve();
+      }
+    };
+  }
+  schedule(task) {
+    this.tasks.add(task);
+    if (!this.pending) {
+      this.pending = true;
+      this.scheduler(this.flush);
+    }
+    return new Promise((resolve) => this.resolvers.add(resolve));
+  }
+};
+var scheduler = new Scheduler(
+  (callback) => requestAnimationFrame(callback)
+);
+var scheduler2 = new Scheduler((callback) => setTimeout(callback, 50));
+var cachedStyles = /* @__PURE__ */ new Map();
+var clear = cachedStyles.clear.bind(cachedStyles);
+function getComputedStyles(element, cached = false) {
+  if (!cached) return computeStyles(element);
+  let styles = cachedStyles.get(element);
+  if (styles) return styles;
+  styles = computeStyles(element);
+  cachedStyles.set(element, styles);
+  scheduler2.schedule(clear);
+  return styles;
 }
-function getComputedStyles(element) {
+function computeStyles(element) {
   return getWindow(element).getComputedStyle(element);
 }
-function isFixed(node, computedStyle = getComputedStyles(node)) {
+function isFixed(node, computedStyle = getComputedStyles(node, true)) {
   return computedStyle.position === "fixed" || computedStyle.position === "sticky";
 }
-function isScrollable(element, computedStyle = getComputedStyles(element)) {
+function isScrollable(element, computedStyle = getComputedStyles(element, true)) {
   const overflowRegex = /(auto|scroll|overlay)/;
   const properties = ["overflow", "overflowX", "overflowY"];
   return properties.some((property) => {
@@ -2440,7 +2936,7 @@ function getScrollableAncestors(element, options2 = defaultOptions) {
     if (scrollParents.has(node)) {
       return scrollParents;
     }
-    const computedStyle = getComputedStyles(node);
+    const computedStyle = getComputedStyles(node, true);
     if (excludeElement && node === element) ;
     else if (isScrollable(node, computedStyle)) {
       scrollParents.add(node);
@@ -2481,7 +2977,7 @@ function getFrameTransform(el, boundary = window.frameElement) {
     if (frame === boundary) {
       return transform;
     }
-    const rect = frame.getBoundingClientRect();
+    const rect = getBoundingRectangle(frame);
     const { x: scaleX, y: scaleY } = getScale(frame, rect);
     transform.x = transform.x + rect.left;
     transform.y = transform.y + rect.top;
@@ -2491,7 +2987,7 @@ function getFrameTransform(el, boundary = window.frameElement) {
   }
   return transform;
 }
-function getScale(element, boundingRectangle = element.getBoundingClientRect()) {
+function getScale(element, boundingRectangle = getBoundingRectangle(element)) {
   const width = Math.round(boundingRectangle.width);
   const height = Math.round(boundingRectangle.height);
   if (isHTMLElement(element)) {
@@ -2500,209 +2996,27 @@ function getScale(element, boundingRectangle = element.getBoundingClientRect())
       y: height / element.offsetHeight
     };
   }
-  const styles = getComputedStyles(element);
+  const styles = getComputedStyles(element, true);
   return {
     x: (parseFloat(styles.width) || width) / width,
     y: (parseFloat(styles.height) || height) / height
   };
 }
-var ScrollDirection = /* @__PURE__ */ ((ScrollDirection2) => {
-  ScrollDirection2[ScrollDirection2["Idle"] = 0] = "Idle";
-  ScrollDirection2[ScrollDirection2["Forward"] = 1] = "Forward";
-  ScrollDirection2[ScrollDirection2["Reverse"] = -1] = "Reverse";
-  return ScrollDirection2;
-})(ScrollDirection || {});
-var defaultThreshold = {
-  x: 0.2,
-  y: 0.2
-};
-var defaultTolerance = {
-  x: 10,
-  y: 10
-};
-function detectScrollIntent(scrollableElement, coordinates, intent, acceleration = 25, thresholdPercentage = defaultThreshold, tolerance = defaultTolerance) {
-  const { x, y: y2 } = coordinates;
-  const { rect, isTop, isBottom, isLeft, isRight } = getScrollPosition(scrollableElement);
-  const frameTransform = getFrameTransform(scrollableElement);
-  const scrollContainerRect = new Rectangle(
-    rect.left * frameTransform.scaleX + frameTransform.x,
-    rect.top * frameTransform.scaleY + frameTransform.y,
-    rect.width * frameTransform.scaleX,
-    rect.height * frameTransform.scaleY
-  );
-  const direction = {
-    x: 0,
-    y: 0
-    /* Idle */
-  };
-  const speed = {
-    x: 0,
-    y: 0
-  };
-  const threshold2 = {
-    height: scrollContainerRect.height * thresholdPercentage.y,
-    width: scrollContainerRect.width * thresholdPercentage.x
-  };
-  if (!isTop && y2 <= scrollContainerRect.top + threshold2.height && (intent == null ? void 0 : intent.y) !== 1 && x >= scrollContainerRect.left - tolerance.x && x <= scrollContainerRect.right + tolerance.x) {
-    direction.y = -1;
-    speed.y = acceleration * Math.abs(
-      (scrollContainerRect.top + threshold2.height - y2) / threshold2.height
-    );
-  } else if (!isBottom && y2 >= scrollContainerRect.bottom - threshold2.height && (intent == null ? void 0 : intent.y) !== -1 && x >= scrollContainerRect.left - tolerance.x && x <= scrollContainerRect.right + tolerance.x) {
-    direction.y = 1;
-    speed.y = acceleration * Math.abs(
-      (scrollContainerRect.bottom - threshold2.height - y2) / threshold2.height
-    );
-  }
-  if (!isRight && x >= scrollContainerRect.right - threshold2.width && (intent == null ? void 0 : intent.x) !== -1 && y2 >= scrollContainerRect.top - tolerance.y && y2 <= scrollContainerRect.bottom + tolerance.y) {
-    direction.x = 1;
-    speed.x = acceleration * Math.abs(
-      (scrollContainerRect.right - threshold2.width - x) / threshold2.width
-    );
-  } else if (!isLeft && x <= scrollContainerRect.left + threshold2.width && (intent == null ? void 0 : intent.x) !== 1 && y2 >= scrollContainerRect.top - tolerance.y && y2 <= scrollContainerRect.bottom + tolerance.y) {
-    direction.x = -1;
-    speed.x = acceleration * Math.abs(
-      (scrollContainerRect.left + threshold2.width - x) / threshold2.width
-    );
-  }
-  return {
-    direction,
-    speed
-  };
-}
-function supportsScrollIntoViewIfNeeded(element) {
-  return "scrollIntoViewIfNeeded" in element && typeof element.scrollIntoViewIfNeeded === "function";
-}
-function scrollIntoViewIfNeeded(el, centerIfNeeded = false) {
-  if (supportsScrollIntoViewIfNeeded(el)) {
-    el.scrollIntoViewIfNeeded(centerIfNeeded);
-    return;
-  }
-  if (!isHTMLElement(el)) {
-    return el.scrollIntoView();
-  }
-  var parent = getFirstScrollableAncestor(el);
-  if (!isHTMLElement(parent)) {
-    return;
-  }
-  const parentComputedStyle = getComputedStyles(parent), parentBorderTopWidth = parseInt(
-    parentComputedStyle.getPropertyValue("border-top-width")
-  ), parentBorderLeftWidth = parseInt(
-    parentComputedStyle.getPropertyValue("border-left-width")
-  ), overTop = el.offsetTop - parent.offsetTop < parent.scrollTop, overBottom = el.offsetTop - parent.offsetTop + el.clientHeight - parentBorderTopWidth > parent.scrollTop + parent.clientHeight, overLeft = el.offsetLeft - parent.offsetLeft < parent.scrollLeft, overRight = el.offsetLeft - parent.offsetLeft + el.clientWidth - parentBorderLeftWidth > parent.scrollLeft + parent.clientWidth, alignWithTop = overTop && !overBottom;
-  if ((overTop || overBottom) && centerIfNeeded) {
-    parent.scrollTop = el.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + el.clientHeight / 2;
-  }
-  if ((overLeft || overRight) && centerIfNeeded) {
-    parent.scrollLeft = el.offsetLeft - parent.offsetLeft - parent.clientWidth / 2 - parentBorderLeftWidth + el.clientWidth / 2;
-  }
-  if ((overTop || overBottom || overLeft || overRight) && !centerIfNeeded) {
-    el.scrollIntoView(alignWithTop);
-  }
-}
-var Scheduler = class {
-  constructor() {
-    this.tasks = /* @__PURE__ */ new Set();
-    this.flush = () => {
-      const tasks = this.tasks;
-      this.animationFrame = void 0;
-      this.tasks = /* @__PURE__ */ new Set();
-      for (const task of tasks) {
-        task();
-      }
-    };
+function parseScale(scale) {
+  if (scale === "none") {
+    return null;
   }
-  schedule(task) {
-    this.tasks.add(task);
-    if (!this.animationFrame) {
-      this.animationFrame = requestAnimationFrame(this.flush);
-    }
+  const values = scale.split(" ");
+  const x = parseFloat(values[0]);
+  const y2 = parseFloat(values[1]);
+  if (isNaN(x) && isNaN(y2)) {
+    return null;
   }
-};
-var scheduler = new Scheduler();
-function inverseTransform(rect, parsedTransform, transformOrigin) {
-  const { scaleX, scaleY, x: translateX, y: translateY } = parsedTransform;
-  const x = rect.left - translateX - (1 - scaleX) * parseFloat(transformOrigin);
-  const y2 = rect.top - translateY - (1 - scaleY) * parseFloat(transformOrigin.slice(transformOrigin.indexOf(" ") + 1));
-  const w2 = scaleX ? rect.width / scaleX : rect.width;
-  const h2 = scaleY ? rect.height / scaleY : rect.height;
   return {
-    width: w2,
-    height: h2,
-    top: y2,
-    right: x + w2,
-    bottom: y2 + h2,
-    left: x
+    x: isNaN(x) ? y2 : x,
+    y: isNaN(y2) ? x : y2
   };
 }
-function supportsStyle(element) {
-  return "style" in element && element.style instanceof getWindow(element).CSSStyleDeclaration;
-}
-var Styles = class {
-  constructor(element) {
-    this.element = element;
-    this.initial = /* @__PURE__ */ new Map();
-  }
-  set(properties, prefix = "") {
-    const { element } = this;
-    if (!supportsStyle(element)) {
-      return;
-    }
-    for (const [key, value] of Object.entries(properties)) {
-      const property = `${prefix}${key}`;
-      if (!this.initial.has(property)) {
-        this.initial.set(property, element.style.getPropertyValue(property));
-      }
-      element.style.setProperty(
-        property,
-        typeof value === "string" ? value : `${value}px`
-      );
-    }
-  }
-  remove(properties, prefix = "") {
-    const { element } = this;
-    if (!supportsStyle(element)) {
-      return;
-    }
-    for (const key of properties) {
-      const property = `${prefix}${key}`;
-      element.style.removeProperty(property);
-    }
-  }
-  reset() {
-    const { element } = this;
-    if (!supportsStyle(element)) {
-      return;
-    }
-    for (const [key, value] of this.initial) {
-      element.style.setProperty(key, value);
-    }
-    if (element.getAttribute("style") === "") {
-      element.removeAttribute("style");
-    }
-  }
-};
-function animateTransform({
-  element,
-  keyframes,
-  options: options2,
-  onReady,
-  onFinish
-}) {
-  const styles = new Styles(element);
-  const { transitionProperty } = getComputedStyles(element);
-  const properties = transitionProperty.split(", ");
-  styles.set({
-    "transition-property": properties.length ? properties.filter(
-      (property) => !property.includes("transform") && !property.includes("translate")
-    ).join(", ") : "none"
-  });
-  onReady == null ? void 0 : onReady();
-  element.animate(keyframes, options2).finished.then(() => {
-    onFinish == null ? void 0 : onFinish();
-    styles.reset();
-  });
-}
 function parseTranslate(translate) {
   if (translate === "none") {
     return null;
@@ -2718,60 +3032,6 @@ function parseTranslate(translate) {
     z: isNaN(output.z) ? 0 : output.z
   };
 }
-function getFinalKeyframe(element, match) {
-  const { KeyframeEffect: KeyframeEffect2 } = getWindow(element);
-  const animations = element.getAnimations();
-  if (animations.length > 0) {
-    for (const animation of animations) {
-      const { effect } = animation;
-      const keyframes = effect instanceof KeyframeEffect2 ? effect.getKeyframes() : [];
-      const matchedKeyframes = keyframes.filter(match);
-      if (matchedKeyframes.length > 0) {
-        return matchedKeyframes[matchedKeyframes.length - 1];
-      }
-    }
-  }
-  return null;
-}
-function computeTranslate(element, translate = getComputedStyles(element).translate, projected = true) {
-  if (projected) {
-    const keyframe = getFinalKeyframe(
-      element,
-      (keyframe2) => "translate" in keyframe2
-    );
-    if (keyframe) {
-      const { translate: translate2 = "" } = keyframe;
-      if (typeof translate2 === "string") {
-        const finalTranslate = parseTranslate(translate2);
-        if (finalTranslate) {
-          return finalTranslate;
-        }
-      }
-    }
-  }
-  if (translate) {
-    const finalTranslate = parseTranslate(translate);
-    if (finalTranslate) {
-      return finalTranslate;
-    }
-  }
-  return { x: 0, y: 0, z: 0 };
-}
-function parseScale(scale) {
-  if (scale === "none") {
-    return null;
-  }
-  const values = scale.split(" ");
-  const x = parseFloat(values[0]);
-  const y2 = parseFloat(values[1]);
-  if (isNaN(x) && isNaN(y2)) {
-    return null;
-  }
-  return {
-    x: isNaN(x) ? y2 : x,
-    y: isNaN(y2) ? x : y2
-  };
-}
 function parseTransform(computedStyles) {
   var _a4, _b2, _c3, _d2, _e, _f, _g, _h, _i;
   const { scale, transform, translate } = computedStyles;
@@ -2823,6 +3083,165 @@ function parseTransformMatrix(transform) {
   }
   return null;
 }
+var ScrollDirection = /* @__PURE__ */ ((ScrollDirection2) => {
+  ScrollDirection2[ScrollDirection2["Idle"] = 0] = "Idle";
+  ScrollDirection2[ScrollDirection2["Forward"] = 1] = "Forward";
+  ScrollDirection2[ScrollDirection2["Reverse"] = -1] = "Reverse";
+  return ScrollDirection2;
+})(ScrollDirection || {});
+var defaultThreshold = {
+  x: 0.2,
+  y: 0.2
+};
+var defaultTolerance = {
+  x: 10,
+  y: 10
+};
+function detectScrollIntent(scrollableElement, coordinates, intent, acceleration = 25, thresholdPercentage = defaultThreshold, tolerance = defaultTolerance) {
+  const { x, y: y2 } = coordinates;
+  const { rect, isTop, isBottom, isLeft, isRight } = getScrollPosition(scrollableElement);
+  const frameTransform = getFrameTransform(scrollableElement);
+  const computedStyles = getComputedStyles(scrollableElement, true);
+  const parsedTransform = parseTransform(computedStyles);
+  const isXAxisInverted = parsedTransform !== null ? (parsedTransform == null ? void 0 : parsedTransform.scaleX) < 0 : false;
+  const isYAxisInverted = parsedTransform !== null ? (parsedTransform == null ? void 0 : parsedTransform.scaleY) < 0 : false;
+  const scrollContainerRect = new Rectangle(
+    rect.left * frameTransform.scaleX + frameTransform.x,
+    rect.top * frameTransform.scaleY + frameTransform.y,
+    rect.width * frameTransform.scaleX,
+    rect.height * frameTransform.scaleY
+  );
+  const direction = {
+    x: 0,
+    y: 0
+    /* Idle */
+  };
+  const speed = {
+    x: 0,
+    y: 0
+  };
+  const threshold2 = {
+    height: scrollContainerRect.height * thresholdPercentage.y,
+    width: scrollContainerRect.width * thresholdPercentage.x
+  };
+  if ((!isTop || isYAxisInverted && !isBottom) && y2 <= scrollContainerRect.top + threshold2.height && (intent == null ? void 0 : intent.y) !== 1 && x >= scrollContainerRect.left - tolerance.x && x <= scrollContainerRect.right + tolerance.x) {
+    direction.y = isYAxisInverted ? 1 : -1;
+    speed.y = acceleration * Math.abs(
+      (scrollContainerRect.top + threshold2.height - y2) / threshold2.height
+    );
+  } else if ((!isBottom || isYAxisInverted && !isTop) && y2 >= scrollContainerRect.bottom - threshold2.height && (intent == null ? void 0 : intent.y) !== -1 && x >= scrollContainerRect.left - tolerance.x && x <= scrollContainerRect.right + tolerance.x) {
+    direction.y = isYAxisInverted ? -1 : 1;
+    speed.y = acceleration * Math.abs(
+      (scrollContainerRect.bottom - threshold2.height - y2) / threshold2.height
+    );
+  }
+  if ((!isRight || isXAxisInverted && !isLeft) && x >= scrollContainerRect.right - threshold2.width && (intent == null ? void 0 : intent.x) !== -1 && y2 >= scrollContainerRect.top - tolerance.y && y2 <= scrollContainerRect.bottom + tolerance.y) {
+    direction.x = isXAxisInverted ? -1 : 1;
+    speed.x = acceleration * Math.abs(
+      (scrollContainerRect.right - threshold2.width - x) / threshold2.width
+    );
+  } else if ((!isLeft || isXAxisInverted && !isRight) && x <= scrollContainerRect.left + threshold2.width && (intent == null ? void 0 : intent.x) !== 1 && y2 >= scrollContainerRect.top - tolerance.y && y2 <= scrollContainerRect.bottom + tolerance.y) {
+    direction.x = isXAxisInverted ? 1 : -1;
+    speed.x = acceleration * Math.abs(
+      (scrollContainerRect.left + threshold2.width - x) / threshold2.width
+    );
+  }
+  return {
+    direction,
+    speed
+  };
+}
+function supportsScrollIntoViewIfNeeded(element) {
+  return "scrollIntoViewIfNeeded" in element && typeof element.scrollIntoViewIfNeeded === "function";
+}
+function scrollIntoViewIfNeeded(el, centerIfNeeded = false) {
+  if (supportsScrollIntoViewIfNeeded(el)) {
+    el.scrollIntoViewIfNeeded(centerIfNeeded);
+    return;
+  }
+  if (!isHTMLElement(el)) {
+    return el.scrollIntoView();
+  }
+  var parent = getFirstScrollableAncestor(el);
+  if (!isHTMLElement(parent)) {
+    return;
+  }
+  const parentComputedStyle = getComputedStyles(parent, true), parentBorderTopWidth = parseInt(
+    parentComputedStyle.getPropertyValue("border-top-width")
+  ), parentBorderLeftWidth = parseInt(
+    parentComputedStyle.getPropertyValue("border-left-width")
+  ), overTop = el.offsetTop - parent.offsetTop < parent.scrollTop, overBottom = el.offsetTop - parent.offsetTop + el.clientHeight - parentBorderTopWidth > parent.scrollTop + parent.clientHeight, overLeft = el.offsetLeft - parent.offsetLeft < parent.scrollLeft, overRight = el.offsetLeft - parent.offsetLeft + el.clientWidth - parentBorderLeftWidth > parent.scrollLeft + parent.clientWidth, alignWithTop = overTop && !overBottom;
+  if ((overTop || overBottom) && centerIfNeeded) {
+    parent.scrollTop = el.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + el.clientHeight / 2;
+  }
+  if ((overLeft || overRight) && centerIfNeeded) {
+    parent.scrollLeft = el.offsetLeft - parent.offsetLeft - parent.clientWidth / 2 - parentBorderLeftWidth + el.clientWidth / 2;
+  }
+  if ((overTop || overBottom || overLeft || overRight) && !centerIfNeeded) {
+    el.scrollIntoView(alignWithTop);
+  }
+}
+function inverseTransform(rect, parsedTransform, transformOrigin) {
+  const { scaleX, scaleY, x: translateX, y: translateY } = parsedTransform;
+  const x = rect.left - translateX - (1 - scaleX) * parseFloat(transformOrigin);
+  const y2 = rect.top - translateY - (1 - scaleY) * parseFloat(transformOrigin.slice(transformOrigin.indexOf(" ") + 1));
+  const w2 = scaleX ? rect.width / scaleX : rect.width;
+  const h2 = scaleY ? rect.height / scaleY : rect.height;
+  return {
+    width: w2,
+    height: h2,
+    top: y2,
+    right: x + w2,
+    bottom: y2 + h2,
+    left: x
+  };
+}
+function animateTransform({ element, keyframes, options: options2 }) {
+  return element.animate(keyframes, options2).finished;
+}
+function isKeyframeEffect(effect) {
+  if (!effect) return false;
+  if (effect instanceof KeyframeEffect) return true;
+  return "getKeyframes" in effect && typeof effect.getKeyframes === "function";
+}
+function getFinalKeyframe(element, match) {
+  const animations2 = element.getAnimations();
+  if (animations2.length > 0) {
+    for (const animation of animations2) {
+      const { effect } = animation;
+      const keyframes = isKeyframeEffect(effect) ? effect.getKeyframes() : [];
+      const matchedKeyframes = keyframes.filter(match);
+      if (matchedKeyframes.length > 0) {
+        return matchedKeyframes[matchedKeyframes.length - 1];
+      }
+    }
+  }
+  return null;
+}
+function computeTranslate(element, translate = getComputedStyles(element).translate, projected = true) {
+  if (projected) {
+    const keyframe = getFinalKeyframe(
+      element,
+      (keyframe2) => "translate" in keyframe2
+    );
+    if (keyframe) {
+      const { translate: translate2 = "" } = keyframe;
+      if (typeof translate2 === "string") {
+        const finalTranslate = parseTranslate(translate2);
+        if (finalTranslate) {
+          return finalTranslate;
+        }
+      }
+    }
+  }
+  if (translate) {
+    const finalTranslate = parseTranslate(translate);
+    if (finalTranslate) {
+      return finalTranslate;
+    }
+  }
+  return { x: 0, y: 0, z: 0 };
+}
 var DOMRectangle = class extends Rectangle {
   constructor(element, options2 = {}) {
     var _a4, _b2, _c3, _d2;
@@ -2886,12 +3305,11 @@ var DOMRectangle = class extends Rectangle {
 };
 function getProjectedTransform(element) {
   var _a4;
-  const { KeyframeEffect: KeyframeEffect2 } = getWindow(element);
-  const animations = element.getAnimations();
+  const animations2 = element.getAnimations();
   let projectedTransform = null;
-  if (!animations.length) return null;
-  for (const animation of animations) {
-    const keyframes = animation.effect instanceof KeyframeEffect2 ? animation.effect.getKeyframes() : [];
+  if (!animations2.length) return null;
+  for (const animation of animations2) {
+    const keyframes = isKeyframeEffect(animation.effect) ? animation.effect.getKeyframes() : [];
     const keyframe = keyframes[keyframes.length - 1];
     if (!keyframe) continue;
     const { transform = "", translate = "", scale = "" } = keyframe;
@@ -2914,12 +3332,28 @@ function getProjectedTransform(element) {
   }
   return projectedTransform;
 }
+var scheduler3 = new Scheduler((callback) => setTimeout(callback, 0));
+var animations = /* @__PURE__ */ new Map();
+var clear2 = animations.clear.bind(animations);
+function getDocumentAnimations(element) {
+  const document2 = element.ownerDocument;
+  let documentAnimations = animations.get(document2);
+  if (documentAnimations) return documentAnimations;
+  documentAnimations = document2.getAnimations();
+  animations.set(document2, documentAnimations);
+  scheduler3.schedule(clear2);
+  const elementAnimations = documentAnimations.filter(
+    (animation) => isKeyframeEffect(animation.effect) && animation.effect.target === element
+  );
+  animations.set(element, elementAnimations);
+  return documentAnimations;
+}
 function forceFinishAnimations(element) {
-  const { KeyframeEffect: KeyframeEffect2 } = getWindow(element);
-  const animations = element.ownerDocument.getAnimations().filter((animation) => {
-    if (animation.effect instanceof KeyframeEffect2) {
+  const animations2 = getDocumentAnimations(element).filter((animation) => {
+    if (isKeyframeEffect(animation.effect)) {
       const { target } = animation.effect;
-      if (target !== element && (target == null ? void 0 : target.contains(element))) {
+      const isValidTarget = target && (isSafari() || target !== element);
+      if (isValidTarget && target.contains(element)) {
         return animation.effect.getKeyframes().some((keyframe) => {
           const { transform, translate, scale, width, height } = keyframe;
           return transform || translate || scale || width || height;
@@ -2937,12 +3371,60 @@ function forceFinishAnimations(element) {
       };
     }
   });
-  if (animations.length > 0) {
-    return () => animations.forEach((reset) => reset == null ? void 0 : reset());
+  if (animations2.length > 0) {
+    return () => animations2.forEach((reset) => reset == null ? void 0 : reset());
   }
 }
+function supportsStyle(element) {
+  return "style" in element && typeof element.style === "object" && element.style !== null && "setProperty" in element.style && "removeProperty" in element.style && typeof element.style.setProperty === "function" && typeof element.style.removeProperty === "function";
+}
+var Styles = class {
+  constructor(element) {
+    this.element = element;
+    this.initial = /* @__PURE__ */ new Map();
+  }
+  set(properties, prefix = "") {
+    const { element } = this;
+    if (!supportsStyle(element)) {
+      return;
+    }
+    for (const [key, value] of Object.entries(properties)) {
+      const property = `${prefix}${key}`;
+      if (!this.initial.has(property)) {
+        this.initial.set(property, element.style.getPropertyValue(property));
+      }
+      element.style.setProperty(
+        property,
+        typeof value === "string" ? value : `${value}px`
+      );
+    }
+  }
+  remove(properties, prefix = "") {
+    const { element } = this;
+    if (!supportsStyle(element)) {
+      return;
+    }
+    for (const key of properties) {
+      const property = `${prefix}${key}`;
+      element.style.removeProperty(property);
+    }
+  }
+  reset() {
+    const { element } = this;
+    if (!supportsStyle(element)) {
+      return;
+    }
+    for (const [key, value] of this.initial) {
+      element.style.setProperty(key, value);
+    }
+    if (element.getAttribute("style") === "") {
+      element.removeAttribute("style");
+    }
+  }
+};
 function isElement(target) {
-  return target instanceof getWindow(target).Element;
+  if (!target) return false;
+  return target instanceof getWindow(target).Element || isNode(target) && target.nodeType === Node.ELEMENT_NODE;
 }
 function isKeyboardEvent(event) {
   if (!event) return false;
@@ -2960,16 +3442,16 @@ function generateUniqueId(prefix) {
   ids[prefix] = id;
   return `${prefix}-${id}`;
 }
-var __create$1 = Object.create;
+var __create$2 = Object.create;
 var __defProp$4 = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __knownSymbol$1 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError$1 = (msg) => {
+var __knownSymbol$2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError$2 = (msg) => {
   throw TypeError(msg);
 };
 var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -2998,48 +3480,48 @@ var __objRest$2 = (source, exclude) => {
     }
   return target;
 };
-var __decoratorStart$1 = (base) => {
+var __decoratorStart$2 = (base) => {
   var _a4;
-  return [, , , __create$1((_a4 = base == null ? void 0 : base[__knownSymbol$1("metadata")]) != null ? _a4 : null)];
+  return [, , , __create$2((_a4 = base == null ? void 0 : base[__knownSymbol$2("metadata")]) != null ? _a4 : 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;
-var __decoratorContext$1 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$1[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$1("Already initialized") : fns.push(__expectFn$1(fn || null)) });
-var __decoratorMetadata$1 = (array, target) => __defNormalProp$4(target, __knownSymbol$1("metadata"), array[3]);
-var __runInitializers$1 = (array, flags, self, value) => {
+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;
+var __decoratorContext$2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$2("Already initialized") : fns.push(__expectFn$2(fn || null)) });
+var __decoratorMetadata$2 = (array, target) => __defNormalProp$4(target, __knownSymbol$2("metadata"), array[3]);
+var __runInitializers$2 = (array, flags, self, value) => {
   for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
   return value;
 };
-var __decorateElement$1 = (array, flags, name, decorators, target, extra) => {
+var __decorateElement$2 = (array, flags, name, decorators, target, extra) => {
   var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$1[k + 5];
+  var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings$2[k + 5];
   var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$1(k < 4 ? target : { get [name]() {
-    return __privateGet$1(this, extra);
+  var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc$2(k < 4 ? target : { get [name]() {
+    return __privateGet$2(this, extra);
   }, set [name](x) {
-    return __privateSet$1(this, extra, x);
+    return __privateSet$2(this, extra, x);
   } }, name));
   k ? p2 && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext$1(k, name, done = {}, array[3], extraInitializers);
+    ctx = __decoratorContext$2(k, name, done = {}, array[3], extraInitializers);
     if (k) {
       ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$1 : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$1(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+      if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet$2 : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p2 ? (x, y2) => __privateSet$2(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
     }
     it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn$1(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError$1("Object expected");
-    else __expectFn$1(fn = it.get) && (desc.get = fn), __expectFn$1(fn = it.set) && (desc.set = fn), __expectFn$1(fn = it.init) && initializers.unshift(fn);
+    if (k ^ 4 || it === void 0) __expectFn$2(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$2("Object expected");
+    else __expectFn$2(fn = it.get) && (desc.get = fn), __expectFn$2(fn = it.set) && (desc.set = fn), __expectFn$2(fn = it.init) && initializers.unshift(fn);
   }
-  return k || __decoratorMetadata$1(array, target), desc && __defProp$4(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
+  return k || __decoratorMetadata$2(array, target), desc && __defProp$4(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
 };
-var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
-var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError$1('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError$2('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
 var defaultAttributes = {
   role: "button",
   roleDescription: "draggable"
@@ -3073,14 +3555,14 @@ var defaultAnnouncements = {
   }
 };
 function isFocusable(element) {
-  const window2 = getWindow(element);
-  return element instanceof window2.HTMLInputElement || element instanceof window2.HTMLSelectElement || element instanceof window2.HTMLTextAreaElement || element instanceof window2.HTMLAnchorElement || element instanceof window2.HTMLButtonElement || element instanceof window2.HTMLAreaElement;
+  const tagName = element.tagName.toLowerCase();
+  return ["input", "select", "textarea", "a", "button"].includes(tagName);
 }
 function createHiddenText(id, value) {
   const element = document.createElement("div");
   element.id = id;
   element.style.setProperty("display", "none");
-  element.innerText = value;
+  element.textContent = value;
   return element;
 }
 function createLiveRegion(id) {
@@ -3124,7 +3606,7 @@ var Accessibility = class extends Plugin {
           (event, manager2) => {
             const announcement = getAnnouncement == null ? void 0 : getAnnouncement(event, manager2);
             if (announcement && liveRegionElement) {
-              liveRegionElement.innerText = announcement;
+              liveRegionElement.textContent = announcement;
             }
           }
         );
@@ -3142,7 +3624,6 @@ var Accessibility = class extends Plugin {
       for (const draggable of manager.registry.draggables.value) {
         const { element, handle } = draggable;
         const activator = handle != null ? handle : element;
-        const window2 = getWindow(activator);
         if (activator) {
           if (!hiddenTextElement || !liveRegionElement) {
             initialize();
@@ -3150,7 +3631,7 @@ var Accessibility = class extends Plugin {
           if ((!isFocusable(activator) || isSafari()) && !activator.hasAttribute("tabindex")) {
             activator.setAttribute("tabindex", "0");
           }
-          if (!activator.hasAttribute("role") && !(activator instanceof window2.HTMLButtonElement)) {
+          if (!activator.hasAttribute("role") && !(activator.tagName.toLowerCase() === "button")) {
             activator.setAttribute("role", defaultAttributes.role);
           }
           if (!activator.hasAttribute("role-description")) {
@@ -3163,7 +3644,7 @@ var Accessibility = class extends Plugin {
             activator.setAttribute("aria-describedby", descriptionId);
           }
           for (const key of ["aria-pressed", "aria-grabbed"]) {
-            activator.setAttribute(key, String(draggable.isDragSource));
+            activator.setAttribute(key, String(draggable.isDragging));
           }
           activator.setAttribute("aria-disabled", String(draggable.disabled));
         }
@@ -3181,22 +3662,28 @@ var Cursor = class extends Plugin {
   constructor(manager, options2) {
     super(manager, options2);
     this.manager = manager;
+    const doc = computed(
+      () => {
+        var _a4;
+        return getDocument((_a4 = this.manager.dragOperation.source) == null ? void 0 : _a4.element);
+      }
+    );
     this.destroy = E(() => {
       var _a4;
       const { dragOperation } = this.manager;
       const { cursor = "grabbing" } = (_a4 = this.options) != null ? _a4 : {};
       if (dragOperation.status.initialized) {
-        const style = document.createElement("style");
-        style.innerText = `* { cursor: ${cursor} !important; }`;
-        document.head.appendChild(style);
-        return () => {
-          style.remove();
-        };
+        const document2 = doc.value;
+        const style = document2.createElement("style");
+        style.textContent = `* { cursor: ${cursor} !important; }`;
+        document2.head.appendChild(style);
+        return () => style.remove();
       }
     });
   }
 };
 var ATTR_PREFIX = "data-dnd-";
+var DROPPING_ATTRIBUTE = `${ATTR_PREFIX}dropping`;
 var CSS_PREFIX = "--dnd-";
 var ATTRIBUTE = `${ATTR_PREFIX}dragging`;
 var PLACEHOLDER_ATTRIBUTE = `${ATTR_PREFIX}placeholder`;
@@ -3224,20 +3711,30 @@ var CSS_RULES = `
     height: var(${CSS_PREFIX}height, auto);
     max-height: var(${CSS_PREFIX}height, auto);
     box-sizing: border-box;
+    transition: var(${CSS_PREFIX}transition) !important;
   }
+
+  :root [${PLACEHOLDER_ATTRIBUTE}] {
+    transition: none;
+  }
+
+  :root [${PLACEHOLDER_ATTRIBUTE}='hidden'] {
+    visibility: hidden;
+  }
+
   [${ATTRIBUTE}] * {
     pointer-events: none !important;
   }
-  [${ATTRIBUTE}][style*='${CSS_PREFIX}translate'] {
+
+  [${ATTRIBUTE}]:not([${DROPPING_ATTRIBUTE}]) {
     translate: var(${CSS_PREFIX}translate) !important;
   }
-  [style*='${CSS_PREFIX}transition'] {
-    transition: var(${CSS_PREFIX}transition) !important;
-  }
-  [style*='${CSS_PREFIX}scale'] {
+
+  [${ATTRIBUTE}][style*='${CSS_PREFIX}scale'] {
     scale: var(${CSS_PREFIX}scale) !important;
     transform-origin: var(${CSS_PREFIX}transform-origin) !important;
   }
+
   @layer {
     :where([${ATTRIBUTE}][popover]) {
       overflow: visible;
@@ -3246,13 +3743,18 @@ var CSS_RULES = `
       margin: unset;
       padding: unset;
       color: inherit;
+
+      &:is(input, button) {
+        border: revert;
+        background: revert;
+      }
     }
   }
   [${ATTRIBUTE}]::backdrop, [${ATTR_PREFIX}overlay]:not([${ATTRIBUTE}]) {
     display: none;
   }
 `.replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
-function createPlaceholder(source) {
+function createPlaceholder(source, type = "hidden") {
   return n(() => {
     const { element, manager } = source;
     if (!element || !manager) return;
@@ -3264,7 +3766,7 @@ function createPlaceholder(source) {
     const placeholder = cloneElement(element);
     const { remove } = placeholder;
     proxyDroppableElements(containedDroppables, placeholder, cleanup);
-    configurePlaceholder(placeholder);
+    configurePlaceholder(placeholder, type);
     placeholder.remove = () => {
       cleanup.forEach((fn) => fn());
       remove.call(placeholder);
@@ -3301,11 +3803,11 @@ function proxyDroppableElements(containedDroppables, placeholder, cleanup) {
     });
   }
 }
-function configurePlaceholder(placeholder) {
+function configurePlaceholder(placeholder, type = "hidden") {
   placeholder.setAttribute("inert", "true");
   placeholder.setAttribute("tab-index", "-1");
   placeholder.setAttribute("aria-hidden", "true");
-  placeholder.setAttribute(PLACEHOLDER_ATTRIBUTE, "");
+  placeholder.setAttribute(PLACEHOLDER_ATTRIBUTE, type);
 }
 function isSameFrame(element, target) {
   if (element === target) return true;
@@ -3313,16 +3815,19 @@ function isSameFrame(element, target) {
 }
 function preventPopoverClose(event) {
   const { target } = event;
-  if (event instanceof ToggleEvent && event.newState === "closed" && target instanceof Element && target.hasAttribute("popover")) {
+  if ("newState" in event && event.newState === "closed" && isElement(target) && target.hasAttribute("popover")) {
     requestAnimationFrame(() => showPopover(target));
   }
 }
-var _overlay_dec, _a, _init$1, _overlay, _Feedback_instances, render_fn, injectStyles_fn;
-var _Feedback = class _Feedback2 extends (_a = Plugin, _overlay_dec = [reactive], _a) {
+function isTableRow(element) {
+  return element.tagName === "TR";
+}
+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) {
   constructor(manager, options2) {
     super(manager);
-    __privateAdd$1(this, _Feedback_instances);
-    __privateAdd$1(this, _overlay, __runInitializers$1(_init$1, 8, this)), __runInitializers$1(_init$1, 11, this);
+    __privateAdd$2(this, _Feedback_instances);
+    __privateAdd$2(this, _overlay, __runInitializers$2(_init$2, 8, this)), __runInitializers$2(_init$2, 11, this);
     this.state = {
       initial: {},
       current: {}
@@ -3336,7 +3841,7 @@ var _Feedback = class _Feedback2 extends (_a = Plugin, _overlay_dec = [reactive]
     injectedStyleTags.clear();
   }
 };
-_init$1 = __decoratorStart$1(_a);
+_init$2 = __decoratorStart$2(_a$1);
 _overlay = /* @__PURE__ */ new WeakMap();
 _Feedback_instances = /* @__PURE__ */ new WeakSet();
 render_fn = function() {
@@ -3351,7 +3856,7 @@ render_fn = function() {
   }
   if (!source) return;
   const { element, feedback } = source;
-  if (!element || feedback === "none" || status.initializing) {
+  if (!element || feedback === "none" || !status.initialized || status.initializing) {
     return;
   }
   const { initial } = state;
@@ -3373,10 +3878,12 @@ render_fn = function() {
     width = width / scaleDelta.x;
     height = height / scaleDelta.y;
   }
+  let elementMutationObserver;
+  let documentMutationObserver;
   const styles = new Styles(feedbackElement);
   const { transition, translate } = getComputedStyles(element);
   const clone = feedback === "clone";
-  const placeholder = feedback !== "move" && !this.overlay ? createPlaceholder(source) : null;
+  const placeholder = feedback !== "move" && !this.overlay ? createPlaceholder(source, clone ? "clone" : "hidden") : null;
   const isKeyboardOperation = n(
     () => isKeyboardEvent(manager.dragOperation.activatorEvent)
   );
@@ -3444,6 +3951,7 @@ render_fn = function() {
       left: projected.left,
       translate: translateString,
       scale: crossFrame ? `${scaleDelta.x} ${scaleDelta.y}` : "",
+      transition,
       "transform-origin": `${transformOrigin.x * 100}% ${transformOrigin.y * 100}%`
     },
     CSS_PREFIX
@@ -3457,7 +3965,7 @@ render_fn = function() {
   }
   if (supportsPopover(feedbackElement)) {
     if (!feedbackElement.hasAttribute("popover")) {
-      feedbackElement.setAttribute("popover", "");
+      feedbackElement.setAttribute("popover", "manual");
     }
     showPopover(feedbackElement);
     feedbackElement.addEventListener("beforetoggle", preventPopoverClose);
@@ -3480,8 +3988,8 @@ render_fn = function() {
       },
       CSS_PREFIX
     );
-    const window2 = getWindow(element);
-    if (element instanceof window2.HTMLTableRowElement && placeholder instanceof window2.HTMLTableRowElement) {
+    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()) {
@@ -3495,40 +4003,53 @@ render_fn = function() {
   if (n(() => source.status) === "idle") {
     requestAnimationFrame(() => source.status = "dragging");
   }
-  let elementMutationObserver;
-  let documentMutationObserver;
   if (placeholder) {
     resizeObserver.observe(placeholder);
-    elementMutationObserver = new MutationObserver(() => {
-      for (const attribute of Array.from(element.attributes)) {
-        if (attribute.name.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attribute.name)) {
+    elementMutationObserver = new MutationObserver((mutations) => {
+      let hasChildrenMutations = false;
+      for (const mutation of mutations) {
+        if (mutation.target !== element) {
+          hasChildrenMutations = true;
+          continue;
+        }
+        if (mutation.type !== "attributes") {
           continue;
         }
-        if (attribute.name === "style") {
+        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)) {
-            placeholder.setAttribute("style", clone ? "" : "opacity: 0;");
-            placeholder.style.setProperty("transition", "none");
-            for (const key of Object.values(element.style)) {
-              if (key.startsWith(CSS_PREFIX) || IGNORED_STYLES.includes(key)) {
+            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;
               }
-              placeholder.style.setProperty(
-                key,
-                element.style.getPropertyValue(key)
-              );
+              const value = styles2.getPropertyValue(key);
+              placeholder.style.setProperty(key, value);
             }
           }
-          continue;
+        } else if (attributeValue !== null) {
+          placeholder.setAttribute(attributeName, attributeValue);
+        } else {
+          placeholder.removeAttribute(attributeName);
         }
-        placeholder.setAttribute(attribute.name, attribute.value);
       }
-      if (clone) {
+      if (hasChildrenMutations && clone) {
         placeholder.innerHTML = element.innerHTML;
       }
     });
     elementMutationObserver.observe(element, {
       attributes: true,
-      subtree: true
+      subtree: true,
+      childList: true
     });
     documentMutationObserver = new MutationObserver((entries) => {
       for (const entry of entries) {
@@ -3559,22 +4080,35 @@ render_fn = function() {
       return;
     }
     if (status2.dragging) {
-      const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
       const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
-      const x = transform2.x / frameTransform.scaleX + initialTranslate2.x;
-      const y2 = transform2.y / frameTransform.scaleY + initialTranslate2.y;
+      const translate2 = {
+        x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
+        y: transform2.y / frameTransform.scaleY + initialTranslate2.y
+      };
+      const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
       styles.set(
         {
           transition: `${transition}, translate ${translateTransition}`,
-          translate: `${x}px ${y2}px 0`
+          translate: `${translate2.x}px ${translate2.y}px 0`
         },
         CSS_PREFIX
       );
-      dragOperation.shape = new DOMRectangle(feedbackElement);
-      state.current.translate = {
-        x,
-        y: y2
-      };
+      elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
+      const previousTranslate = state.current.translate;
+      const modifiers = n(() => dragOperation.modifiers);
+      const currentShape = n(() => {
+        var _a6;
+        return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
+      });
+      if (currentShape && previousTranslate && !modifiers.length) {
+        const delta2 = Point$1.delta(translate2, previousTranslate);
+        dragOperation.shape = Rectangle.from(
+          currentShape.boundingRectangle
+        ).translate(delta2.x, delta2.y);
+      } else {
+        dragOperation.shape = new DOMRectangle(feedbackElement);
+      }
+      state.current.translate = translate2;
     }
   });
   const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;
@@ -3585,7 +4119,7 @@ render_fn = function() {
     }
     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 (element2 instanceof HTMLElement) {
+    if (isHTMLElement(element2)) {
       element2.focus();
     }
   };
@@ -3629,71 +4163,72 @@ render_fn = function() {
         onComplete == null ? void 0 : onComplete();
         return;
       }
-      manager.renderer.rendering.then(() => {
-        showPopover(feedbackElement);
-        const target = placeholder != null ? placeholder : element;
-        const animations = feedbackElement.getAnimations();
-        if (animations.length) {
-          animations.forEach((animation) => {
-            const { effect: effect9 } = animation;
-            if (effect9 instanceof KeyframeEffect) {
-              if (effect9.getKeyframes().some((keyframe) => keyframe.translate)) {
+      const dropAnimation = () => {
+        {
+          showPopover(feedbackElement);
+          const target = placeholder != null ? placeholder : element;
+          const animations2 = feedbackElement.getAnimations();
+          if (animations2.length) {
+            animations2.forEach((animation) => {
+              const { effect: effect9 } = animation;
+              if (isKeyframeEffect(effect9) && effect9.getKeyframes().some((keyframe) => keyframe.translate)) {
                 animation.finish();
               }
-            }
-          });
-        }
-        const options22 = {
-          frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
-        };
-        const current = new DOMRectangle(feedbackElement, options22);
-        const final = new DOMRectangle(target, options22);
-        const delta2 = Rectangle.delta(current, final, source.alignment);
-        const finalTranslate = {
-          x: translate2.x - delta2.x,
-          y: translate2.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`
-          ]
-        } : {};
-        animateTransform({
-          element: feedbackElement,
-          keyframes: __spreadProps$4(__spreadValues$4(__spreadValues$4({}, heightKeyframes), widthKeyframes), {
-            translate: [
-              `${translate2.x}px ${translate2.y}px 0`,
-              `${finalTranslate.x}px ${finalTranslate.y}px 0`
+            });
+          }
+          const options22 = {
+            frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
+          };
+          const current = new DOMRectangle(feedbackElement, options22);
+          const final = new DOMRectangle(target, options22);
+          const delta2 = Rectangle.delta(current, final, source.alignment);
+          const finalTranslate = {
+            x: translate2.x - delta2.x,
+            y: translate2.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`
             ]
-          }),
-          options: {
-            duration: moved || feedbackElement !== element ? 250 : 0,
-            easing: "ease"
-          },
-          onReady() {
-            styles.remove(["translate"], CSS_PREFIX);
-          },
-          onFinish() {
+          } : {};
+          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$4(__spreadValues$4(__spreadValues$4({}, heightKeyframes), widthKeyframes), {
+              translate: [
+                `${translate2.x}px ${translate2.y}px 0`,
+                `${finalTranslate.x}px ${finalTranslate.y}px 0`
+              ]
+            }),
+            options: {
+              duration: moved || feedbackElement !== element ? 250 : 0,
+              easing: "ease"
+            }
+          }).then(() => {
+            feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
             onComplete == null ? void 0 : onComplete();
             requestAnimationFrame(restoreFocus);
-          }
-        });
-      });
+          });
+        }
+      };
+      manager.renderer.rendering.then(dropAnimation);
     }
   });
   return () => cleanup == null ? void 0 : cleanup();
@@ -3708,15 +4243,15 @@ injectStyles_fn = function() {
     for (const doc of documents) {
       if (!injectedStyleTags.has(doc)) {
         const style = document.createElement("style");
-        style.innerText = CSS_RULES;
+        style.textContent = CSS_RULES;
         doc.head.prepend(style);
         injectedStyleTags.set(doc, style);
       }
     }
   }
 };
-__decorateElement$1(_init$1, 4, "overlay", _overlay_dec, _Feedback, _overlay);
-__decoratorMetadata$1(_init$1, _Feedback);
+__decorateElement$2(_init$2, 4, "overlay", _overlay_dec, _Feedback, _overlay);
+__decoratorMetadata$2(_init$2, _Feedback);
 _Feedback.configure = configurator(_Feedback);
 var Feedback = _Feedback;
 var injectedStyleTags = /* @__PURE__ */ new Map();
@@ -3726,8 +4261,8 @@ var _dec, _a2, _dec2, _b, _init2, __b, __a;
 _b = (_dec2 = [reactive], ScrollDirection.Forward), _a2 = (_dec = [reactive], ScrollDirection.Reverse);
 var ScrollLock = class {
   constructor() {
-    __privateAdd$1(this, __b, __runInitializers$1(_init2, 8, this, LOCKED)), __runInitializers$1(_init2, 11, this);
-    __privateAdd$1(this, __a, __runInitializers$1(_init2, 12, this, LOCKED)), __runInitializers$1(_init2, 15, this);
+    __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);
   }
   isLocked(direction) {
     if (direction === ScrollDirection.Idle) {
@@ -3745,12 +4280,12 @@ var ScrollLock = class {
     this[direction] = UNLOCKED;
   }
 };
-_init2 = __decoratorStart$1(null);
+_init2 = __decoratorStart$2(null);
 __b = /* @__PURE__ */ new WeakMap();
 __a = /* @__PURE__ */ new WeakMap();
-__decorateElement$1(_init2, 4, _b, _dec2, ScrollLock, __b);
-__decorateElement$1(_init2, 4, _a2, _dec, ScrollLock, __a);
-__decoratorMetadata$1(_init2, ScrollLock);
+__decorateElement$2(_init2, 4, _b, _dec2, ScrollLock, __b);
+__decorateElement$2(_init2, 4, _a2, _dec, ScrollLock, __a);
+__decoratorMetadata$2(_init2, ScrollLock);
 var DIRECTIONS = [ScrollDirection.Forward, ScrollDirection.Reverse];
 var ScrollIntent = class {
   constructor() {
@@ -3806,13 +4341,13 @@ var _autoScrolling_dec, _a3, _init3, _autoScrolling, _meta, _scroll;
 var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive], _a3) {
   constructor(manager) {
     super(manager);
-    __privateAdd$1(this, _autoScrolling, __runInitializers$1(_init3, 8, this, false)), __runInitializers$1(_init3, 11, this);
-    __privateAdd$1(this, _meta);
-    __privateAdd$1(this, _scroll, () => {
-      if (!__privateGet$1(this, _meta)) {
+    __privateAdd$2(this, _autoScrolling, __runInitializers$2(_init3, 8, this, false)), __runInitializers$2(_init3, 11, this);
+    __privateAdd$2(this, _meta);
+    __privateAdd$2(this, _scroll, () => {
+      if (!__privateGet$2(this, _meta)) {
         return;
       }
-      const { element, by } = __privateGet$1(this, _meta);
+      const { element, by } = __privateGet$2(this, _meta);
       if (by.y) element.scrollTop += by.y;
       if (by.x) element.scrollLeft += by.x;
     });
@@ -3823,7 +4358,7 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
       }
       const elements = this.getScrollableElements();
       if (!elements) {
-        __privateSet$1(this, _meta, void 0);
+        __privateSet$2(this, _meta, void 0);
         return false;
       }
       const { position } = this.manager.dragOperation;
@@ -3859,36 +4394,39 @@ 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$1(this, _meta)) == null ? void 0 : _a4.by;
+                const previousScrollBy = (_a4 = __privateGet$2(this, _meta)) == null ? void 0 : _a4.by;
                 if (this.autoScrolling && previousScrollBy) {
                   const scrollIntentMismatch = previousScrollBy.x && !scrollLeftBy || previousScrollBy.y && !scrollTopBy;
                   if (scrollIntentMismatch) continue;
                 }
-                __privateSet$1(this, _meta, {
+                __privateSet$2(this, _meta, {
                   element: scrollableElement,
                   by: {
                     x: scrollLeftBy,
                     y: scrollTopBy
                   }
                 });
-                scheduler.schedule(__privateGet$1(this, _scroll));
+                scheduler.schedule(__privateGet$2(this, _scroll));
                 return true;
               }
             }
           }
         }
       }
-      __privateSet$1(this, _meta, void 0);
+      __privateSet$2(this, _meta, void 0);
       return false;
     };
     let previousElementFromPoint = null;
     let previousScrollableElements = null;
     const elementFromPoint = computed(() => {
-      const { position } = manager.dragOperation;
+      const { position, source } = manager.dragOperation;
       if (!position) {
         return null;
       }
-      const element = getElementFromPoint(document, position.current);
+      const element = getElementFromPoint(
+        getDocument(source == null ? void 0 : source.element),
+        position.current
+      );
       if (element) {
         previousElementFromPoint = element;
       }
@@ -3935,12 +4473,12 @@ var Scroller = class extends (_a3 = CorePlugin, _autoScrolling_dec = [reactive],
     });
   }
 };
-_init3 = __decoratorStart$1(_a3);
+_init3 = __decoratorStart$2(_a3);
 _autoScrolling = /* @__PURE__ */ new WeakMap();
 _meta = /* @__PURE__ */ new WeakMap();
 _scroll = /* @__PURE__ */ new WeakMap();
-__decorateElement$1(_init3, 4, "autoScrolling", _autoScrolling_dec, Scroller, _autoScrolling);
-__decoratorMetadata$1(_init3, Scroller);
+__decorateElement$2(_init3, 4, "autoScrolling", _autoScrolling_dec, Scroller, _autoScrolling);
+__decoratorMetadata$2(_init3, Scroller);
 function getScrollIntent(value) {
   if (value > 0) {
     return ScrollDirection.Forward;
@@ -3986,12 +4524,12 @@ var _timeout;
 var ScrollListener = class extends CorePlugin {
   constructor(manager) {
     super(manager);
-    __privateAdd$1(this, _timeout);
+    __privateAdd$2(this, _timeout);
     this.handleScroll = () => {
-      if (__privateGet$1(this, _timeout) == null) {
-        __privateSet$1(this, _timeout, setTimeout(() => {
+      if (__privateGet$2(this, _timeout) == null) {
+        __privateSet$2(this, _timeout, setTimeout(() => {
           this.manager.collisionObserver.forceUpdate(false);
-          __privateSet$1(this, _timeout, void 0);
+          __privateSet$2(this, _timeout, void 0);
         }, 50));
       }
     };
@@ -4022,7 +4560,7 @@ var PreventSelection = class extends Plugin {
       const { dragOperation } = this.manager;
       if (dragOperation.status.initialized) {
         const style = document.createElement("style");
-        style.innerText = `* { user-select: none !important; -webkit-user-select: none !important; }`;
+        style.textContent = `* { user-select: none !important; -webkit-user-select: none !important; }`;
         document.head.appendChild(style);
         removeSelection();
         document.addEventListener("selectionchange", removeSelection, {
@@ -4042,23 +4580,31 @@ function removeSelection() {
   var _a4;
   (_a4 = document.getSelection()) == null ? void 0 : _a4.removeAllRanges();
 }
-var DEFAULT_KEYBOARD_CODES = {
-  start: ["Space", "Enter"],
-  cancel: ["Escape"],
-  end: ["Space", "Enter", "Tab"],
-  up: ["ArrowUp"],
-  down: ["ArrowDown"],
-  left: ["ArrowLeft"],
-  right: ["ArrowRight"]
-};
-var DEFAULT_OFFSET = 10;
+var defaults = Object.freeze({
+  offset: 10,
+  keyboardCodes: {
+    start: ["Space", "Enter"],
+    cancel: ["Escape"],
+    end: ["Space", "Enter", "Tab"],
+    up: ["ArrowUp"],
+    down: ["ArrowDown"],
+    left: ["ArrowLeft"],
+    right: ["ArrowRight"]
+  },
+  shouldActivate(args) {
+    var _a4;
+    const { event, source } = args;
+    const target = (_a4 = source.handle) != null ? _a4 : source.element;
+    return event.target === target;
+  }
+});
 var _cleanupFunctions;
-var KeyboardSensor = class extends Sensor {
+var _KeyboardSensor = class _KeyboardSensor2 extends Sensor {
   constructor(manager, options2) {
     super(manager);
     this.manager = manager;
     this.options = options2;
-    __privateAdd$1(this, _cleanupFunctions, []);
+    __privateAdd$2(this, _cleanupFunctions, []);
     this.listeners = new Listeners();
     this.handleSourceKeyDown = (event, source, options3) => {
       if (this.disabled || event.defaultPrevented) {
@@ -4070,14 +4616,17 @@ var KeyboardSensor = class extends Sensor {
       if (source.disabled) {
         return;
       }
-      if (!source.handle && source.element && event.target === source.element || source.handle && event.target === source.handle) {
-        const { keyboardCodes = DEFAULT_KEYBOARD_CODES } = options3 != null ? options3 : {};
-        if (!keyboardCodes.start.includes(event.code)) {
-          return;
-        }
-        if (!this.manager.dragOperation.status.idle) {
-          return;
-        }
+      const {
+        keyboardCodes = defaults.keyboardCodes,
+        shouldActivate = defaults.shouldActivate
+      } = options3 != null ? options3 : {};
+      if (!keyboardCodes.start.includes(event.code)) {
+        return;
+      }
+      if (!this.manager.dragOperation.status.idle) {
+        return;
+      }
+      if (shouldActivate({ event, source, manager: this.manager })) {
         this.handleStart(event, source, options3);
       }
     };
@@ -4109,16 +4658,15 @@ var KeyboardSensor = class extends Sensor {
     event.stopImmediatePropagation();
     scrollIntoViewIfNeeded(element);
     const { center } = new DOMRectangle(element);
-    r(() => {
-      this.manager.actions.setDragSource(source.id);
-      this.manager.actions.start({
-        event,
-        coordinates: {
-          x: center.x,
-          y: center.y
-        }
-      });
+    const controller = this.manager.actions.start({
+      event,
+      coordinates: {
+        x: center.x,
+        y: center.y
+      },
+      source
     });
+    if (controller.signal.aborted) return this.cleanup();
     this.sideEffects();
     const sourceDocument = getDocument(element);
     const sourceWindow = getWindow(sourceDocument);
@@ -4134,10 +4682,10 @@ var KeyboardSensor = class extends Sensor {
         { type: "resize", listener: () => this.handleEnd(event, true) }
       ])
     ];
-    __privateGet$1(this, _cleanupFunctions).push(...listeners);
+    __privateGet$2(this, _cleanupFunctions).push(...listeners);
   }
   handleKeyDown(event, _source, options2) {
-    const { keyboardCodes = DEFAULT_KEYBOARD_CODES } = options2 != null ? options2 : {};
+    const { keyboardCodes = defaults.keyboardCodes } = options2 != null ? options2 : {};
     if (isKeycode(event, [...keyboardCodes.end, ...keyboardCodes.cancel])) {
       event.preventDefault();
       const canceled = isKeycode(event, keyboardCodes.cancel);
@@ -4163,34 +4711,39 @@ var KeyboardSensor = class extends Sensor {
     this.cleanup();
   }
   handleMove(direction, event) {
+    var _a4, _b2;
     const { shape } = this.manager.dragOperation;
     const factor = event.shiftKey ? 5 : 1;
-    let offset = {
+    let by = {
       x: 0,
       y: 0
     };
+    let offset = (_b2 = (_a4 = this.options) == null ? void 0 : _a4.offset) != null ? _b2 : defaults.offset;
+    if (typeof offset === "number") {
+      offset = { x: offset, y: offset };
+    }
     if (!shape) {
       return;
     }
     switch (direction) {
       case "up":
-        offset = { x: 0, y: -10 * factor };
+        by = { x: 0, y: -offset.y * factor };
         break;
       case "down":
-        offset = { x: 0, y: DEFAULT_OFFSET * factor };
+        by = { x: 0, y: offset.y * factor };
         break;
       case "left":
-        offset = { x: -10 * factor, y: 0 };
+        by = { x: -offset.x * factor, y: 0 };
         break;
       case "right":
-        offset = { x: DEFAULT_OFFSET * factor, y: 0 };
+        by = { x: offset.x * factor, y: 0 };
         break;
     }
-    if ((offset == null ? void 0 : offset.x) || (offset == null ? void 0 : offset.y)) {
+    if (by.x || by.y) {
       event.preventDefault();
       this.manager.actions.move({
         event,
-        by: offset
+        by
       });
     }
   }
@@ -4198,13 +4751,14 @@ var KeyboardSensor = class extends Sensor {
     const autoScroller = this.manager.registry.plugins.get(AutoScroller);
     if ((autoScroller == null ? void 0 : autoScroller.disabled) === false) {
       autoScroller.disable();
-      __privateGet$1(this, _cleanupFunctions).push(() => {
+      __privateGet$2(this, _cleanupFunctions).push(() => {
         autoScroller.enable();
       });
     }
   }
   cleanup() {
-    __privateGet$1(this, _cleanupFunctions).forEach((cleanup) => cleanup());
+    __privateGet$2(this, _cleanupFunctions).forEach((cleanup) => cleanup());
+    __privateSet$2(this, _cleanupFunctions, []);
   }
   destroy() {
     this.cleanup();
@@ -4212,43 +4766,89 @@ var KeyboardSensor = class extends Sensor {
   }
 };
 _cleanupFunctions = /* @__PURE__ */ new WeakMap();
+_KeyboardSensor.configure = configurator(_KeyboardSensor);
+_KeyboardSensor.defaults = defaults;
+var KeyboardSensor = _KeyboardSensor;
 function isKeycode(event, codes) {
   return codes.includes(event.code);
 }
-var _clearTimeout;
+var defaults2 = Object.freeze({
+  activationConstraints(event, source) {
+    var _a4;
+    const { pointerType, target } = event;
+    if (pointerType === "mouse" && isElement(target) && (source.handle === target || ((_a4 = source.handle) == null ? void 0 : _a4.contains(target)))) {
+      return void 0;
+    }
+    if (pointerType === "touch") {
+      return {
+        delay: { value: 250, tolerance: 5 }
+      };
+    }
+    return {
+      delay: { value: 200, tolerance: 10 },
+      distance: { value: 5 }
+    };
+  }
+});
+var _cleanup, _clearTimeout;
 var _PointerSensor = class _PointerSensor2 extends Sensor {
   constructor(manager, options2) {
     super(manager);
     this.manager = manager;
     this.options = options2;
+    __privateAdd$2(this, _cleanup, /* @__PURE__ */ new Set());
+    __privateAdd$2(this, _clearTimeout);
     this.listeners = new Listeners();
-    this.cleanup = /* @__PURE__ */ new Set();
-    __privateAdd$1(this, _clearTimeout);
+    this.latest = {
+      event: void 0,
+      coordinates: void 0
+    };
+    this.handleMove = () => {
+      const { event, coordinates: to } = this.latest;
+      if (!event || !to) {
+        return;
+      }
+      this.manager.actions.move({ event, to });
+    };
     this.handleCancel = this.handleCancel.bind(this);
     this.handlePointerUp = this.handlePointerUp.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
+  activationConstraints(event, source) {
+    var _a4;
+    const { activationConstraints = defaults2.activationConstraints } = (_a4 = this.options) != null ? _a4 : {};
+    const constraints = typeof activationConstraints === "function" ? activationConstraints(event, source) : activationConstraints;
+    return constraints;
+  }
   bind(source, options2 = this.options) {
     const unbind = E(() => {
       var _a4;
-      const target = (_a4 = source.handle) != null ? _a4 : source.element;
+      const controller = new AbortController();
+      const { signal: signal3 } = controller;
       const listener = (event) => {
         if (isPointerEvent(event)) {
           this.handlePointerDown(event, source, options2);
         }
       };
-      if (target) {
+      let targets = [(_a4 = source.handle) != null ? _a4 : source.element];
+      if (options2 == null ? void 0 : options2.activatorElements) {
+        if (Array.isArray(options2.activatorElements)) {
+          targets = options2.activatorElements;
+        } else {
+          targets = options2.activatorElements(source);
+        }
+      }
+      for (const target of targets) {
+        if (!target) continue;
         patchWindow(target.ownerDocument.defaultView);
-        target.addEventListener("pointerdown", listener);
-        return () => {
-          target.removeEventListener("pointerdown", listener);
-        };
+        target.addEventListener("pointerdown", listener, { signal: signal3 });
       }
+      return () => controller.abort();
     });
     return unbind;
   }
   handlePointerDown(event, source, options2 = {}) {
-    if (this.disabled || !event.isPrimary || event.button !== 0 || !isElement(event.target) || source.disabled || isCapturedBySensor(event)) {
+    if (this.disabled || !event.isPrimary || event.button !== 0 || !isElement(event.target) || source.disabled || isCapturedBySensor(event) || !this.manager.dragOperation.status.idle) {
       return;
     }
     const { target } = event;
@@ -4258,8 +4858,7 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
       x: event.clientX * offset.scaleX + offset.x,
       y: event.clientY * offset.scaleY + offset.y
     };
-    const { activationConstraints } = options2;
-    const constraints = typeof activationConstraints === "function" ? activationConstraints(event, source) : activationConstraints;
+    const constraints = this.activationConstraints(event, source);
     event.sensor = this;
     if (!(constraints == null ? void 0 : constraints.delay) && !(constraints == null ? void 0 : constraints.distance)) {
       this.handleStart(source, event);
@@ -4270,9 +4869,9 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
           () => this.handleStart(source, event),
           delay.value
         );
-        __privateSet$1(this, _clearTimeout, () => {
+        __privateSet$2(this, _clearTimeout, () => {
           clearTimeout(timeout2);
-          __privateSet$1(this, _clearTimeout, void 0);
+          __privateSet$2(this, _clearTimeout, void 0);
         });
       }
     }
@@ -4280,7 +4879,7 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     const unbindListeners = this.listeners.bind(ownerDocument, [
       {
         type: "pointermove",
-        listener: (event2) => this.handlePointerMove(event2, source, options2)
+        listener: (event2) => this.handlePointerMove(event2, source)
       },
       {
         type: "pointerup",
@@ -4301,12 +4900,12 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     const cleanup = () => {
       var _a4;
       unbindListeners();
-      (_a4 = __privateGet$1(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
+      (_a4 = __privateGet$2(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
       this.initialCoordinates = void 0;
     };
-    this.cleanup.add(cleanup);
+    __privateGet$2(this, _cleanup).add(cleanup);
   }
-  handlePointerMove(event, source, options2) {
+  handlePointerMove(event, source) {
     const coordinates = {
       x: event.clientX,
       y: event.clientY
@@ -4317,7 +4916,9 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
     if (this.manager.dragOperation.status.dragging) {
       event.preventDefault();
       event.stopPropagation();
-      this.manager.actions.move({ event, to: coordinates });
+      this.latest.event = event;
+      this.latest.coordinates = coordinates;
+      scheduler.schedule(this.handleMove);
       return;
     }
     if (!this.initialCoordinates) {
@@ -4327,8 +4928,7 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
       x: coordinates.x - this.initialCoordinates.x,
       y: coordinates.y - this.initialCoordinates.y
     };
-    const { activationConstraints } = options2;
-    const constraints = typeof activationConstraints === "function" ? activationConstraints(event, source) : activationConstraints;
+    const constraints = this.activationConstraints(event, source);
     const { distance, delay } = constraints != null ? constraints : {};
     if (distance) {
       if (distance.tolerance != null && exceedsDistance(delta, distance.tolerance)) {
@@ -4346,14 +4946,13 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
   }
   handlePointerUp(event) {
     const { status } = this.manager.dragOperation;
-    if (status.dragging) {
+    if (!status.idle) {
       event.preventDefault();
       event.stopPropagation();
       const canceled = !status.initialized;
       this.manager.actions.stop({ event, canceled });
     }
-    this.cleanup.forEach((cleanup) => cleanup());
-    this.cleanup.clear();
+    this.cleanup();
   }
   handleKeyDown(event) {
     if (event.key === "Escape") {
@@ -4364,18 +4963,20 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
   handleStart(source, event) {
     var _a4;
     const { manager, initialCoordinates } = this;
-    (_a4 = __privateGet$1(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
-    if (!initialCoordinates || manager.dragOperation.status.initialized) {
+    (_a4 = __privateGet$2(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
+    if (!initialCoordinates || !manager.dragOperation.status.idle) {
       return;
     }
     if (event.defaultPrevented) {
       return;
     }
-    event.preventDefault();
-    r(() => {
-      manager.actions.setDragSource(source.id);
-      manager.actions.start({ coordinates: initialCoordinates, event });
+    const controller = manager.actions.start({
+      coordinates: initialCoordinates,
+      event,
+      source
     });
+    if (controller.signal.aborted) return this.cleanup();
+    event.preventDefault();
     const ownerDocument = getDocument(event.target);
     const pointerCaptureTarget = ownerDocument.body;
     pointerCaptureTarget.setPointerCapture(event.pointerId);
@@ -4409,22 +5010,32 @@ var _PointerSensor = class _PointerSensor2 extends Sensor {
         }
       }
     ]);
-    this.cleanup.add(unbind);
+    __privateGet$2(this, _cleanup).add(unbind);
   }
   handleCancel(event) {
     const { dragOperation } = this.manager;
     if (dragOperation.status.initialized) {
       this.manager.actions.stop({ event, canceled: true });
     }
-    this.cleanup.forEach((cleanup) => cleanup());
-    this.cleanup.clear();
+    this.cleanup();
+  }
+  cleanup() {
+    this.latest = {
+      event: void 0,
+      coordinates: void 0
+    };
+    __privateGet$2(this, _cleanup).forEach((cleanup) => cleanup());
+    __privateGet$2(this, _cleanup).clear();
   }
   destroy() {
+    this.cleanup();
     this.listeners.clear();
   }
 };
+_cleanup = /* @__PURE__ */ new WeakMap();
 _clearTimeout = /* @__PURE__ */ new WeakMap();
 _PointerSensor.configure = configurator(_PointerSensor);
+_PointerSensor.defaults = defaults2;
 var PointerSensor = _PointerSensor;
 function isCapturedBySensor(event) {
   return "sensor" in event;
@@ -4448,27 +5059,7 @@ function patchWindow(window2) {
 var defaultPreset = {
   modifiers: [],
   plugins: [Accessibility, AutoScroller, Cursor, Feedback, PreventSelection],
-  sensors: [
-    PointerSensor.configure({
-      activationConstraints(event, source) {
-        var _a4;
-        const { pointerType, target } = event;
-        if (pointerType === "mouse" && isElement(target) && (source.handle === target || ((_a4 = source.handle) == null ? void 0 : _a4.contains(target)))) {
-          return void 0;
-        }
-        if (pointerType === "touch") {
-          return {
-            delay: { value: 250, tolerance: 5 }
-          };
-        }
-        return {
-          delay: { value: 200, tolerance: 10 },
-          distance: { value: 5 }
-        };
-      }
-    }),
-    KeyboardSensor
-  ]
+  sensors: [PointerSensor, KeyboardSensor]
 };
 var DragDropManager2 = class extends DragDropManager$1 {
   constructor(input = {}) {
@@ -4523,22 +5114,22 @@ var Draggable$1 = class Draggable2 extends (_c = Draggable$2, _handle_dec = [rea
       }, input),
       manager
     );
-    __privateAdd$1(this, _handle, __runInitializers$1(_init4, 8, this)), __runInitializers$1(_init4, 11, this);
-    __privateAdd$1(this, _element$1, __runInitializers$1(_init4, 12, this)), __runInitializers$1(_init4, 15, this);
-    __privateAdd$1(this, _feedback, __runInitializers$1(_init4, 16, this)), __runInitializers$1(_init4, 19, this);
+    __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);
     this.element = element;
     this.handle = handle;
     this.feedback = feedback;
   }
 };
-_init4 = __decoratorStart$1(_c);
+_init4 = __decoratorStart$2(_c);
 _handle = /* @__PURE__ */ new WeakMap();
 _element$1 = /* @__PURE__ */ new WeakMap();
 _feedback = /* @__PURE__ */ new WeakMap();
-__decorateElement$1(_init4, 4, "handle", _handle_dec, Draggable$1, _handle);
-__decorateElement$1(_init4, 4, "element", _element_dec, Draggable$1, _element$1);
-__decorateElement$1(_init4, 4, "feedback", _feedback_dec, Draggable$1, _feedback);
-__decoratorMetadata$1(_init4, Draggable$1);
+__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;
 var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _proxy_dec = [reactive], _c2) {
   constructor(_a4, manager) {
@@ -4599,37 +5190,37 @@ var Droppable2 = class extends (_c2 = Droppable$1, _element_dec2 = [reactive], _
       }),
       manager
     );
-    __privateAdd$1(this, _Droppable_instances);
-    __privateAdd$1(this, _element2, __runInitializers$1(_init5, 8, this)), __runInitializers$1(_init5, 11, this);
-    __privateAdd$1(this, _proxy, __runInitializers$1(_init5, 12, this)), __runInitializers$1(_init5, 15, this);
+    __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);
     this.element = element;
     this.refreshShape = () => updateShape();
   }
   set element(element) {
-    __privateSet$1(this, _Droppable_instances, element, element_set);
+    __privateSet$2(this, _Droppable_instances, element, element_set);
   }
   get element() {
     var _a4;
-    return (_a4 = this.proxy) != null ? _a4 : __privateGet$1(this, _Droppable_instances, element_get);
+    return (_a4 = this.proxy) != null ? _a4 : __privateGet$2(this, _Droppable_instances, element_get);
   }
 };
-_init5 = __decoratorStart$1(_c2);
+_init5 = __decoratorStart$2(_c2);
 _element2 = /* @__PURE__ */ new WeakMap();
 _Droppable_instances = /* @__PURE__ */ new WeakSet();
 _proxy = /* @__PURE__ */ new WeakMap();
-_d = __decorateElement$1(_init5, 20, "#element", _element_dec2, _Droppable_instances, _element2), element_get = _d.get, element_set = _d.set;
-__decorateElement$1(_init5, 4, "proxy", _proxy_dec, Droppable2, _proxy);
-__decoratorMetadata$1(_init5, Droppable2);
-var __create = Object.create;
+_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);
+var __create$1 = Object.create;
 var __defProp$3 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
 var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
 var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
+var __knownSymbol$1 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError$1 = (msg) => {
   throw TypeError(msg);
 };
 var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -4657,45 +5248,45 @@ var __objRest$1 = (source, exclude) => {
     }
   return target;
 };
-var __decoratorStart = (base) => {
+var __decoratorStart$1 = (base) => {
   var _a4;
-  return [, , , __create((_a4 = void 0) != null ? _a4 : null)];
+  return [, , , __create$1((_a4 = void 0) != null ? _a4 : null)];
 };
-var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
-var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
-var __decoratorMetadata = (array, target) => __defNormalProp$3(target, __knownSymbol("metadata"), array[3]);
-var __runInitializers = (array, flags, self, value) => {
+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;
+var __decoratorContext$1 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$1[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$1("Already initialized") : fns.push(__expectFn$1(fn || null)) });
+var __decoratorMetadata$1 = (array, target) => __defNormalProp$3(target, __knownSymbol$1("metadata"), array[3]);
+var __runInitializers$1 = (array, flags, self, value) => {
   for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
   return value;
 };
-var __decorateElement = (array, flags, name, decorators, target, extra) => {
+var __decorateElement$1 = (array, flags, name, decorators, target, extra) => {
   var fn, it, done, ctx, access, k = flags & 7, s2 = false, p2 = false;
-  var j = array.length + 1, key = __decoratorStrings[k + 5];
+  var j = array.length + 1, key = __decoratorStrings$1[k + 5];
   var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
+  var desc = (target = target.prototype, __getOwnPropDesc$1({ get [name]() {
+    return __privateGet$1(this, extra);
   }, set [name](x) {
-    return __privateSet(this, extra, x);
+    return __privateSet$1(this, extra, x);
   } }, name));
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    ctx = __decoratorContext$1(k, name, done = {}, array[3], extraInitializers);
     {
       ctx.static = s2, ctx.private = p2, access = ctx.access = { has: (x) => name in x };
       access.get = (x) => x[name];
       access.set = (x, y2) => x[name] = y2;
     }
     it = (0, decorators[i2])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
-    if (it === void 0) __expectFn(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+    if (it === void 0) __expectFn$1(it) && (desc[key] = it);
+    else if (typeof it !== "object" || it === null) __typeError$1("Object expected");
+    else __expectFn$1(fn = it.get) && (desc.get = fn), __expectFn$1(fn = it.set) && (desc.set = fn), __expectFn$1(fn = it.init) && initializers.unshift(fn);
   }
   return desc && __defProp$3(target, name, desc), target;
 };
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
+var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), member.get(obj));
+var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 function isSortable(element) {
   return element instanceof SortableDroppable || element instanceof SortableDraggable;
 }
@@ -4830,21 +5421,21 @@ function getDirection(delta) {
     return "up";
   }
 }
-var __defProp2 = Object.defineProperty;
+var __defProp2$1 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp2$1 = (obj, key, value) => key in obj ? __defProp2$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues2 = (a2, b2) => {
   for (var prop in b2 || (b2 = {}))
     if (__hasOwnProp2.call(b2, prop))
-      __defNormalProp2(a2, prop, b2[prop]);
+      __defNormalProp2$1(a2, prop, b2[prop]);
   if (__getOwnPropSymbols2)
     for (var prop of __getOwnPropSymbols2(b2)) {
       if (__propIsEnum2.call(b2, prop))
-        __defNormalProp2(a2, prop, b2[prop]);
+        __defNormalProp2$1(a2, prop, b2[prop]);
     }
   return a2;
 };
@@ -5011,8 +5602,8 @@ var OptimisticSortingPlugin = class extends Plugin {
             if (state === newState) return;
             const sourceIndex = newState[targetGroup].indexOf(source.sortable);
             const targetIndex = newState[targetGroup].indexOf(target.sortable);
-            reorder(sourceElement, sourceIndex, targetElement, targetIndex);
             manager2.collisionObserver.disable();
+            reorder(sourceElement, sourceIndex, targetElement, targetIndex);
             r(() => {
               for (const [index, sortable] of newState[sourceGroup].entries()) {
                 sortable.index = index;
@@ -5107,13 +5698,16 @@ var defaultSortableTransition = {
   easing: "cubic-bezier(0.25, 1, 0.5, 1)",
   idle: false
 };
-var _group_dec, _index_dec, _init, _index, _group, _element;
+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) {
-    __privateAdd(this, _index, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _group, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _element);
+    __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;
@@ -5152,24 +5746,34 @@ var Sortable2 = class {
       "transition",
       "plugins"
     ]);
-    let previousGroup = group;
     this.droppable = new SortableDroppable(input, manager, this);
     this.draggable = new SortableDraggable(
       __spreadProps$3(__spreadValues$3({}, input), {
         effects: () => [
           () => {
-            var _a22;
-            return (_a22 = this.manager) == null ? void 0 : _a22.monitor.addEventListener("dragstart", () => {
-              this.initialIndex = this.index;
-              this.initialGroup = this.group;
-              this.previousIndex = this.index;
-            });
+            var _a22, _b22, _c3;
+            const status = (_a22 = this.manager) == null ? void 0 : _a22.dragOperation.status;
+            if ((status == null ? void 0 : status.initializing) && this.id === ((_c3 = (_b22 = this.manager) == null ? void 0 : _b22.dragOperation.source) == null ? void 0 : _c3.id)) {
+              store.clear(this.manager);
+            }
+            if (status == null ? void 0 : status.initialized) {
+              store.set(
+                this.manager,
+                this.id,
+                n(() => ({
+                  initialIndex: this.index,
+                  initialGroup: this.group
+                }))
+              );
+            }
           },
           () => {
-            const { index: index2, group: group2, previousIndex, manager: _2 } = this;
+            const { index: index2, group: group2, manager: _2 } = this;
+            const previousIndex = __privateGet$1(this, _previousIndex);
+            const previousGroup = __privateGet$1(this, _previousGroup);
             if (index2 !== previousIndex || group2 !== previousGroup) {
-              this.previousIndex = index2;
-              previousGroup = group2;
+              __privateSet$1(this, _previousIndex, index2);
+              __privateSet$1(this, _previousGroup, group2);
               this.animate();
             }
           },
@@ -5194,15 +5798,23 @@ var Sortable2 = class {
       manager,
       this
     );
-    __privateSet(this, _element, input.element);
+    __privateSet$1(this, _element, input.element);
     this.manager = manager;
     this.index = index;
-    this.previousIndex = index;
-    this.initialIndex = index;
+    __privateSet$1(this, _previousIndex, index);
     this.group = group;
+    __privateSet$1(this, _previousGroup, group);
     this.type = type;
     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;
+  }
+  get initialGroup() {
+    var _a4, _b2;
+    return (_b2 = (_a4 = store.get(this.manager, this.id)) == null ? void 0 : _a4.initialGroup) != null ? _b2 : this.group;
+  }
   animate() {
     n(() => {
       const { manager, transition } = this;
@@ -5221,32 +5833,29 @@ var Sortable2 = class {
         if (!updatedShape) {
           return;
         }
-        queueMicrotask(() => {
-          const delta = {
-            x: shape.boundingRectangle.left - updatedShape.boundingRectangle.left,
-            y: shape.boundingRectangle.top - updatedShape.boundingRectangle.top
-          };
-          const { translate } = getComputedStyles(element);
-          const currentTranslate = computeTranslate(element, translate, false);
-          const finalTranslate = computeTranslate(element, translate);
-          if (delta.x || delta.y) {
-            animateTransform({
-              element,
-              keyframes: {
-                translate: [
-                  `${currentTranslate.x + delta.x}px ${currentTranslate.y + delta.y}px ${currentTranslate.z}`,
-                  `${finalTranslate.x}px ${finalTranslate.y}px ${finalTranslate.z}`
-                ]
-              },
-              options: transition,
-              onFinish: () => {
-                if (!manager.dragOperation.status.dragging) {
-                  this.droppable.shape = void 0;
-                }
-              }
-            });
-          }
-        });
+        const delta = {
+          x: shape.boundingRectangle.left - updatedShape.boundingRectangle.left,
+          y: shape.boundingRectangle.top - updatedShape.boundingRectangle.top
+        };
+        const { translate } = getComputedStyles(element);
+        const currentTranslate = computeTranslate(element, translate, false);
+        const finalTranslate = computeTranslate(element, translate);
+        if (delta.x || delta.y) {
+          animateTransform({
+            element,
+            keyframes: {
+              translate: [
+                `${currentTranslate.x + delta.x}px ${currentTranslate.y + delta.y}px ${currentTranslate.z}`,
+                `${finalTranslate.x}px ${finalTranslate.y}px ${finalTranslate.z}`
+              ]
+            },
+            options: transition
+          }).then(() => {
+            if (!manager.dragOperation.status.dragging) {
+              this.droppable.shape = void 0;
+            }
+          });
+        }
       });
     });
   }
@@ -5261,7 +5870,7 @@ var Sortable2 = class {
   }
   set element(element) {
     r(() => {
-      const previousElement = __privateGet(this, _element);
+      const previousElement = __privateGet$1(this, _element);
       const droppableElement = this.droppable.element;
       const draggableElement = this.draggable.element;
       if (!droppableElement || droppableElement === previousElement) {
@@ -5270,12 +5879,12 @@ var Sortable2 = class {
       if (!draggableElement || draggableElement === previousElement) {
         this.draggable.element = element;
       }
-      __privateSet(this, _element, element);
+      __privateSet$1(this, _element, element);
     });
   }
   get element() {
     var _a4, _b2;
-    const element = __privateGet(this, _element);
+    const element = __privateGet$1(this, _element);
     if (!element) return;
     return (_b2 = (_a4 = ProxiedElements.get(element)) != null ? _a4 : element) != null ? _b2 : this.droppable.element;
   }
@@ -5385,13 +5994,15 @@ var Sortable2 = class {
     return this.droppable.accepts(draggable);
   }
 };
-_init = __decoratorStart();
+_init$1 = __decoratorStart$1();
 _index = /* @__PURE__ */ new WeakMap();
+_previousGroup = /* @__PURE__ */ new WeakMap();
+_previousIndex = /* @__PURE__ */ new WeakMap();
 _group = /* @__PURE__ */ new WeakMap();
 _element = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "index", _index_dec, Sortable2, _index);
-__decorateElement(_init, 4, "group", _group_dec, Sortable2, _group);
-__decoratorMetadata(_init, Sortable2);
+__decorateElement$1(_init$1, 4, "index", _index_dec, Sortable2, _index);
+__decorateElement$1(_init$1, 4, "group", _group_dec, Sortable2, _group);
+__decoratorMetadata$1(_init$1, Sortable2);
 var SortableDraggable = class extends Draggable$1 {
   constructor(input, manager, sortable) {
     super(input, manager);
@@ -5529,15 +6140,15 @@ function useRenderer() {
   const resolver = useRef(null);
   const renderer = useConstant(() => ({
     get rendering() {
-      var _a4;
-      return (_a4 = rendering.current) != null ? _a4 : Promise.resolve();
+      var _a22;
+      return (_a22 = rendering.current) != null ? _a22 : Promise.resolve();
     }
   }));
   useOnValueChange(
     transitionCount,
     () => {
-      var _a4;
-      (_a4 = resolver.current) == null ? void 0 : _a4.call(resolver);
+      var _a22;
+      (_a22 = resolver.current) == null ? void 0 : _a22.call(resolver);
       rendering.current = null;
     },
     useLayoutEffect
@@ -5558,8 +6169,8 @@ function useRenderer() {
   };
 }
 var options = [void 0, deepEqual];
-function DragDropProvider(_a4) {
-  var _b2 = _a4, {
+function DragDropProvider(_a22) {
+  var _b2 = _a22, {
     children,
     onCollision,
     onBeforeDragStart,
@@ -5576,10 +6187,10 @@ function DragDropProvider(_a4) {
     "onDragOver",
     "onDragEnd"
   ]);
-  var _a22;
+  var _a32;
   const { renderer, trackRendering } = useRenderer();
   const [manager, setManager] = useState(
-    (_a22 = input.manager) != null ? _a22 : null
+    (_a32 = input.manager) != null ? _a32 : null
   );
   const { plugins, modifiers, sensors } = input;
   const handleBeforeDragStart = useLatest(onBeforeDragStart);
@@ -5589,8 +6200,8 @@ function DragDropProvider(_a4) {
   const handleDragEnd = useLatest(onDragEnd);
   const handleCollision = useLatest(onCollision);
   useEffect(() => {
-    var _a32;
-    const manager2 = (_a32 = input.manager) != null ? _a32 : new DragDropManager2(input);
+    var _a4;
+    const manager2 = (_a4 = input.manager) != null ? _a4 : new DragDropManager2(input);
     manager2.renderer = renderer;
     manager2.monitor.addEventListener("beforedragstart", (event, manager3) => {
       const callback = handleBeforeDragStart.current;
@@ -5601,8 +6212,8 @@ function DragDropProvider(_a4) {
     manager2.monitor.addEventListener(
       "dragstart",
       (event, manager3) => {
-        var _a42;
-        return (_a42 = handleDragStart.current) == null ? void 0 : _a42.call(handleDragStart, event, manager3);
+        var _a5;
+        return (_a5 = handleDragStart.current) == null ? void 0 : _a5.call(handleDragStart, event, manager3);
       }
     );
     manager2.monitor.addEventListener("dragover", (event, manager3) => {
@@ -5626,8 +6237,8 @@ function DragDropProvider(_a4) {
     manager2.monitor.addEventListener(
       "collision",
       (event, manager3) => {
-        var _a42;
-        return (_a42 = handleCollision.current) == null ? void 0 : _a42.call(handleCollision, event, manager3);
+        var _a5;
+        return (_a5 = handleCollision.current) == null ? void 0 : _a5.call(handleCollision, event, manager3);
       }
     );
     startTransition(() => setManager(manager2));
@@ -5654,8 +6265,8 @@ function useDragDropManager() {
   return useContext(DragDropContext);
 }
 function useInstance(initializer) {
-  var _a4;
-  const manager = (_a4 = useDragDropManager()) != null ? _a4 : void 0;
+  var _a22;
+  const manager = (_a22 = useDragDropManager()) != null ? _a22 : void 0;
   const [instance] = useState(() => initializer(manager));
   if (instance.manager !== manager) {
     instance.manager = manager;
@@ -5663,6 +6274,155 @@ function useInstance(initializer) {
   useIsomorphicLayoutEffect(instance.register, [manager, instance]);
   return instance;
 }
+var __create = Object.create;
+var __defProp2 = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decoratorStart = (base) => {
+  var _a22;
+  return [, , , __create((_a22 = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a22 : null)];
+};
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp2(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, access, k = flags & 7, s2 = false, p2 = false;
+  var j = 2, key = __decoratorStrings[k + 5];
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc(target, name));
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+    }
+    it = (0, decorators[i2])(desc[key], ctx), done._ = 1;
+    __expectFn(it) && (desc[key] = it);
+  }
+  return desc && __defProp2(target, name, desc), target;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var Point = class _Point2 {
+  /**
+   * @param {number} Coordinate of the point on the horizontal axis
+   * @param {number} Coordinate of the point on the vertical axis
+   */
+  constructor(x, y2) {
+    this.x = x;
+    this.y = y2;
+  }
+  /**
+   * Returns the delta between this point and another point.
+   *
+   * @param {Point} a - A point
+   * @param {Point} b - Another point
+   */
+  static delta(a2, b2) {
+    return new _Point2(a2.x - b2.x, a2.y - b2.y);
+  }
+  /**
+   * Returns the distance (hypotenuse) between this point and another point.
+   *
+   * @param {Point} a - A point
+   * @param {Point} b - Another point
+   */
+  static distance(a2, b2) {
+    return Math.hypot(a2.x - b2.x, a2.y - b2.y);
+  }
+  /**
+   * Returns true if both points are equal.
+   *
+   * @param {Point} a - A point
+   * @param {Point} b - Another point
+   */
+  static equals(a2, b2) {
+    return a2.x === b2.x && a2.y === b2.y;
+  }
+  static from({ x, y: y2 }) {
+    return new _Point2(x, y2);
+  }
+};
+var _direction_dec;
+var _delta_dec;
+var _a;
+var _timestamp;
+var _init;
+var Position2 = class extends (_a = ValueHistory, _delta_dec = [derived], _direction_dec = [derived], _a) {
+  constructor(initialValue) {
+    const point = Point.from(initialValue);
+    super(point, (a2, b2) => Point.equals(a2, b2));
+    __runInitializers(_init, 5, this);
+    __privateAdd(this, _timestamp, 0);
+    this.velocity = { x: 0, y: 0 };
+  }
+  get delta() {
+    return Point.delta(this.current, this.initial);
+  }
+  get direction() {
+    const { current, previous } = this;
+    if (!previous) return null;
+    const delta = {
+      x: current.x - previous.x,
+      y: current.y - previous.y
+    };
+    if (!delta.x && !delta.y) {
+      return null;
+    }
+    if (Math.abs(delta.x) > Math.abs(delta.y)) {
+      return delta.x > 0 ? "right" : "left";
+    }
+    return delta.y > 0 ? "down" : "up";
+  }
+  get current() {
+    return super.current;
+  }
+  set current(coordinates) {
+    const { current } = this;
+    const point = Point.from(coordinates);
+    const delta = {
+      x: point.x - current.x,
+      y: point.y - current.y
+    };
+    const timestamp = Date.now();
+    const timeDelta = timestamp - __privateGet(this, _timestamp);
+    const velocity = (delta2) => Math.round(delta2 / timeDelta * 100);
+    r(() => {
+      __privateSet(this, _timestamp, timestamp);
+      this.velocity = {
+        x: velocity(delta.x),
+        y: velocity(delta.y)
+      };
+      super.current = point;
+    });
+  }
+  reset(coordinates = this.defaultValue) {
+    super.reset(Point.from(coordinates));
+    this.velocity = { x: 0, y: 0 };
+  }
+};
+_init = __decoratorStart(_a);
+_timestamp = /* @__PURE__ */ new WeakMap();
+__decorateElement(_init, 2, "delta", _delta_dec, Position2);
+__decorateElement(_init, 2, "direction", _direction_dec, Position2);
+__decoratorMetadata(_init, Position2);
+var Axis = /* @__PURE__ */ ((Axis2) => {
+  Axis2["Horizontal"] = "x";
+  Axis2["Vertical"] = "y";
+  return Axis2;
+})(Axis || {});
+Object.values(Axis);
 var __defProp$2 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -5846,6 +6606,12 @@ var __spreadValues$1 = (a2, b2) => {
 };
 var __spreadProps$1 = (a2, b2) => __defProps$1(a2, __getOwnPropDescs$1(b2));
 var _AxisModifier = class _AxisModifier2 extends Modifier {
+  /**
+   * Applies the axis restriction to the drag operation.
+   *
+   * @param operation - The current drag operation
+   * @returns The modified transform with the axis restriction applied
+   */
   apply({ transform }) {
     if (!this.options) {
       return transform;
@@ -5881,6 +6647,12 @@ function restrictShapeToBoundingRectangle(shape, transform, boundingRect) {
   return value;
 }
 var _SnapModifier = class _SnapModifier2 extends Modifier {
+  /**
+   * Applies the snap grid to the drag operation.
+   *
+   * @param operation - The current drag operation
+   * @returns The modified transform with coordinates snapped to the grid
+   */
   apply({ transform }) {
     var _a4;
     const { size = 20 } = (_a4 = this.options) != null ? _a4 : {};