@vue-dnd-kit/core 2.0.0-alpha8 → 2.0.0-alpha9

package/dist/vue-dnd-kit-core.es.js

@@ -1,59 +1,59 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dnd-kit-default-overlay{transform:translate3d(var(--position-x),var(--position-y),0)}.dnd-kit-overlay-container{position:fixed;top:0;left:0;pointer-events:none;cursor:grabbing}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as U, watch as j, shallowRef as Z, reactive as Y, computed as b, onScopeDispose as Ge, onMounted as I, onBeforeUnmount as K, inject as Ae, defineComponent as xe, unref as C, openBlock as L, createElementBlock as $, normalizeStyle as de, Fragment as se, renderList as Ie, createBlock as V, resolveDynamicComponent as ie, createCommentVNode as Ke, useTemplateRef as He, provide as Ne, renderSlot as ye, Teleport as Ye, createElementVNode as Xe } from "vue";
-const k = {
+import { ref as U, watch as J, shallowRef as V, reactive as Z, computed as m, onScopeDispose as Ke, onMounted as N, onBeforeUnmount as Y, inject as Ce, defineComponent as Le, unref as x, openBlock as C, createElementBlock as $, normalizeStyle as ye, Fragment as ie, renderList as He, createBlock as q, resolveDynamicComponent as re, createCommentVNode as Ne, useTemplateRef as Ye, provide as Xe, renderSlot as me, createElementVNode as be, toDisplayString as Ze, Teleport as Ue } from "vue";
+const L = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
   DROPPABLE: "data-dnd-kit-droppable",
   CONSTRAINT_AREA: "data-dnd-kit-constraint-area"
-}, G = {
-  SELECT_AREA: `[${k.SELECT_AREA}]`,
-  DRAGGABLE: `[${k.DRAGGABLE}]`,
-  CONSTRAINT_AREA: `[${k.CONSTRAINT_AREA}]`
-}, ge = "VueDnDKitProvider", be = (e, t, n, o) => {
+}, H = {
+  SELECT_AREA: `[${L.SELECT_AREA}]`,
+  DRAGGABLE: `[${L.DRAGGABLE}]`,
+  CONSTRAINT_AREA: `[${L.CONSTRAINT_AREA}]`
+}, fe = "VueDnDKitProvider", he = (e, t, n, o) => {
   const s = /* @__PURE__ */ new Set();
   return t.forEach((r) => {
     const i = e.get(r), a = o ? o(r) : i?.disabled;
     if (!i || a) return;
-    const l = i.modifier?.keys, c = i.modifier?.method;
-    if (!l || !c || l.length === 0) {
+    const l = i.modifier?.keys, u = i.modifier?.method;
+    if (!l || !u || l.length === 0) {
       s.add(r);
       return;
     }
-    l[c]((g) => n.value.has(g)) && s.add(r);
+    l[u]((c) => n.value.has(c)) && s.add(r);
   }), s;
 };
-let Le = "", Ue = "", $e = "";
-const v = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, H = (e, t) => e !== t && e.contains(t), Ze = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), re = () => {
+let ke = "", $e = "", Ve = "";
+const p = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, F = (e, t) => e !== t && e.contains(t), qe = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ae = () => {
   const e = document.body;
-  Le = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", p), window.addEventListener("selectstart", p), window.addEventListener("touchstart", p), window.addEventListener("touchmove", p);
-}, ae = () => {
+  ke = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", D), window.addEventListener("selectstart", D), window.addEventListener("touchstart", D), window.addEventListener("touchmove", D);
+}, le = () => {
   const e = document.body;
-  e.style.userSelect = Le, e.style.touchAction = Ue, e.style.overscrollBehavior = $e, window.removeEventListener("contextmenu", p), window.removeEventListener("selectstart", p), window.removeEventListener("touchstart", p), window.removeEventListener("touchmove", p);
-}, p = (e) => e.preventDefault(), T = (e, t) => {
+  e.style.userSelect = ke, e.style.touchAction = $e, e.style.overscrollBehavior = Ve, window.removeEventListener("contextmenu", D), window.removeEventListener("selectstart", D), window.removeEventListener("touchstart", D), window.removeEventListener("touchmove", D);
+}, D = (e) => e.preventDefault(), k = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
   for (const [o, s] of t.entities.draggableMap)
-    if (s.disabled && H(o, e)) return !0;
+    if (s.disabled && F(o, e)) return !0;
   return !1;
-}, O = (e, t) => {
+}, z = (e, t) => {
   if (t.entities.droppableMap.get(e)?.disabled) return !0;
   for (const [o, s] of t.entities.droppableMap)
-    if (s.disabled && H(o, e)) return !0;
+    if (s.disabled && F(o, e)) return !0;
   return !1;
-}, fe = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n));
-function Ve(e, t, n, o) {
+}, de = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n));
+function We(e, t, n, o) {
   const s = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
     const l = n.get(a);
-    for (const c of l?.groups ?? []) s.add(c);
+    for (const u of l?.groups ?? []) s.add(u);
   }
   const r = [...s], i = /* @__PURE__ */ new Set();
   for (const a of e) {
-    const c = o.get(a)?.groups ?? [];
-    fe(r, c) && i.add(a);
+    const u = o.get(a)?.groups ?? [];
+    de(r, u) && i.add(a);
   }
   return i;
 }
-function qe(e, t, n) {
+function je(e, t, n) {
   const o = /* @__PURE__ */ new Set();
   for (const i of t.keys()) {
     const a = n.get(i);
@@ -62,11 +62,11 @@ function qe(e, t, n) {
   const s = [...o], r = /* @__PURE__ */ new Set();
   for (const i of e) {
     const l = n.get(i)?.groups ?? [];
-    fe(s, l) && r.add(i);
+    de(s, l) && r.add(i);
   }
   return r;
 }
-const te = (e) => {
+const ne = (e) => {
   const t = new IntersectionObserver((n) => {
     n.forEach((o) => {
       const s = o.target;
@@ -78,7 +78,7 @@ const te = (e) => {
     unobserve: (n) => t.unobserve(n),
     disconnect: () => t.disconnect()
   };
-}, We = (e) => {
+}, Je = (e) => {
   const t = new ResizeObserver((n) => {
     const o = n[0];
     if (!o) return;
@@ -90,8 +90,8 @@ const te = (e) => {
     unobserve: (n) => t.unobserve(n),
     disconnect: () => t.disconnect()
   };
-}, je = (e) => {
-  const t = U(null), n = We(t), o = j(
+}, Qe = (e) => {
+  const t = U(null), n = Je(t), o = J(
     e,
     (r) => {
       n.disconnect(), r && n.observe(r);
@@ -104,18 +104,18 @@ const te = (e) => {
     }
   } };
 };
-function le(e, t = 0, n = 0) {
+function ce(e, t = 0, n = 0) {
   return {
     start: { x: e.clientX, y: e.clientY },
     current: { x: e.clientX, y: e.clientY },
     offset: { x: t, y: n }
   };
 }
-function Ce(e, t) {
+function Re(e, t) {
   const n = t.getBoundingClientRect(), o = n.width > 0 ? (e.clientX - n.left) / n.width : 0.5, s = n.height > 0 ? (e.clientY - n.top) / n.height : 0.5;
   return { x: o, y: s };
 }
-function ke(e, t) {
+function Pe(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -123,39 +123,39 @@ function ke(e, t) {
     initialOuterHTML: e.outerHTML
   };
 }
-function Je(e, t, n) {
+function et(e, t, n) {
   e.forEach((o) => {
     const s = t.get(o);
-    n.set(o, ke(o, s));
+    n.set(o, Pe(o, s));
   }), e.clear();
 }
-function Qe(e, t, n) {
+function tt(e, t, n) {
   n.clear();
   const o = t.get(e);
-  n.set(e, ke(e, o));
+  n.set(e, Pe(e, o));
 }
-function q(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", et(
+function W(e) {
+  e.entities.initiatingDraggable && (e.state.value = "dragging", nt(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function et(e, t, n, o) {
-  t.has(e) ? Je(t, n, o) : (t.clear(), Qe(e, n, o));
+function nt(e, t, n, o) {
+  t.has(e) ? et(t, n, o) : (t.clear(), tt(e, n, o));
 }
 function Te(e, t, n, o) {
   if (o || !n) return !0;
   const s = e.closest(n);
   return s ? t.contains(s) : !1;
 }
-function tt(e, t) {
+function ot(e, t) {
   if (!e || !t) return 1;
   const n = Math.abs(e.current.x - e.start.x), o = Math.abs(e.current.y - e.start.y);
   if (typeof t == "number") {
-    const c = Math.sqrt(n * n + o * o);
-    return Math.min(c / t, 1);
+    const u = Math.sqrt(n * n + o * o);
+    return Math.min(u / t, 1);
   }
   const {
     x: s = 0,
@@ -166,24 +166,24 @@ function tt(e, t) {
   const a = s > 0 ? Math.min(n / s, 1) : 1, l = r > 0 ? Math.min(o / r, 1) : 1;
   return i === "both" ? Math.min(a, l) : Math.max(a, l);
 }
-function Pe(e, t, n) {
+function Be(e, t, n) {
   if (!n) return !0;
   const o = n.distance != null, s = n.delay != null;
   return !o && !s ? !0 : o && !s ? e >= 1 : !o && s ? t >= 1 : (n.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
 }
-function nt(e) {
+function st(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return Pe(
+  return Be(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
-  ) ? (q(e), !0) : !1;
+  ) ? (W(e), !0) : !1;
 }
-function ot(e, t) {
+function it(e, t) {
   let n = null;
   const o = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
@@ -200,7 +200,7 @@ function ot(e, t) {
     e.delay.progress = Math.min(
       (Date.now() - e.delay.startTime) / (r * 1e3),
       1
-    ), Pe(
+    ), Be(
       e.distanceProgress.value,
       e.delay.progress,
       s?.activation
@@ -212,19 +212,19 @@ function ot(e, t) {
     }
   };
 }
-function st(e, t) {
+function rt(e, t) {
   const n = e.closest(
-    G.CONSTRAINT_AREA
+    H.CONSTRAINT_AREA
   );
   return !n || !t.has(n) ? null : {
     element: n,
     entity: t.get(n)
   };
 }
-function it(e, t, n, o) {
+function at(e, t, n, o) {
   return n === "x" ? { x: e, y: o.top } : n === "y" ? { x: o.left, y: t } : { x: e, y: t };
 }
-function rt(e, t, n, o, s) {
+function lt(e, t, n, o, s) {
   let r = e, i = t;
   return n !== "y" && (r = Math.max(
     o.left,
@@ -234,31 +234,31 @@ function rt(e, t, n, o, s) {
     Math.min(o.bottom - s.height, t)
   )), { x: r, y: i };
 }
-function at(e, t, n, o, s) {
+function ct(e, t, n, o, s) {
   if (!e || !t)
     return { x: 0, y: 0 };
   const r = t.getBoundingClientRect(), i = r.width || s?.width || 0, a = r.height || s?.height || 0;
-  let l = e.current.x - i * e.offset.x, c = e.current.y - a * e.offset.y;
+  let l = e.current.x - i * e.offset.x, u = e.current.y - a * e.offset.y;
   if (!n)
-    return { x: l, y: c };
-  const u = st(n, o);
-  if (!u)
-    return { x: l, y: c };
-  const { element: g, entity: d } = u, f = g.getBoundingClientRect(), y = n.getBoundingClientRect(), m = it(
+    return { x: l, y: u };
+  const d = rt(n, o);
+  if (!d)
+    return { x: l, y: u };
+  const { element: c, entity: g } = d, f = c.getBoundingClientRect(), y = n.getBoundingClientRect(), b = at(
     l,
-    c,
-    d.axis || "both",
+    u,
+    g.axis || "both",
     y
   );
-  return d.restrictToArea ? rt(
-    m.x,
-    m.y,
-    d.axis || "both",
+  return g.restrictToArea ? lt(
+    b.x,
+    b.y,
+    g.axis || "both",
     f,
     r
-  ) : m;
+  ) : b;
 }
-const _ = {
+const I = {
   forDrag: ["Enter", "Space"],
   forCancel: ["Escape"],
   forDrop: ["Enter", "Space"],
@@ -274,19 +274,19 @@ const _ = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function lt(e, t) {
-  const n = Z(), o = U(), r = {
+function ut(e, t) {
+  const n = V(), o = U(), r = {
     keys: {
       pressedKeys: U(/* @__PURE__ */ new Set()),
-      forDrag: [..._.forDrag],
-      forCancel: [..._.forCancel],
-      forDrop: [..._.forDrop],
-      forMove: [..._.forMove],
-      forMoveFaster: [..._.forMoveFaster]
+      forDrag: [...I.forDrag],
+      forCancel: [...I.forCancel],
+      forDrop: [...I.forDrop],
+      forMove: [...I.forMove],
+      forMoveFaster: [...I.forMoveFaster]
     },
     step: 8,
     moveFaster: 4
-  }, i = Y({
+  }, i = Z({
     draggableMap: /* @__PURE__ */ new Map(),
     droppableMap: /* @__PURE__ */ new Map(),
     selectableAreaMap: /* @__PURE__ */ new Map(),
@@ -295,94 +295,94 @@ function lt(e, t) {
     selectingArea: void 0,
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: b(() => n.value ? Ve(
+    allowedDroppableSet: m(() => n.value ? We(
       i.visibleDroppableSet,
       i.draggingMap,
       i.draggableMap,
       i.droppableMap
     ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: b(() => n.value ? qe(
+    allowedDraggableSet: m(() => n.value ? je(
       i.visibleDraggableSet,
       i.draggingMap,
       i.draggableMap
     ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: b(() => be(
+    modifiersSelectableAreaSet: m(() => he(
       i.selectableAreaMap,
       i.visibleSelectableAreaSet,
       r.keys.pressedKeys
     )),
-    modifiersDraggableSet: b(() => be(
+    modifiersDraggableSet: m(() => he(
       i.draggableMap,
       i.visibleDraggableSet,
       r.keys.pressedKeys,
-      (S) => T(S, { entities: i })
+      (v) => k(v, { entities: i })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
     visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), a = Y({
+  }), a = Z({
     draggable: /* @__PURE__ */ new Map(),
     droppable: /* @__PURE__ */ new Map()
   }), l = {
-    throttle: Z(0)
-  }, c = Y({
+    throttle: V(0)
+  }, u = Z({
     x: window.scrollX,
     y: window.scrollY
-  }), u = Y({
+  }), d = Z({
     progress: 0,
     startTime: 0
-  }), g = b(() => {
+  }), c = m(() => {
     if (!o.value || !i.initiatingDraggable) return 0;
-    const S = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
-    return S ? tt(o.value, S) : 1;
-  }), d = te(
+    const v = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
+    return v ? ot(o.value, v) : 1;
+  }), g = ne(
     i.visibleDraggableSet
-  ), f = te(
+  ), f = ne(
     i.visibleDroppableSet
-  ), y = te(
+  ), y = ne(
     i.visibleSelectableAreaSet
-  ), { overlaySize: m, overlaySizeObserver: M } = je(e), D = U(), z = b(() => {
+  ), { overlaySize: b, overlaySizeObserver: R } = Qe(e), S = U(), _ = m(() => {
     const h = i.initiatingDraggable;
-    return at(
+    return ct(
       o.value,
       e.value,
       h || null,
       i.constraintsAreaMap,
-      m.value
+      b.value
     );
-  }), A = b({
+  }), E = m({
     get: () => t?.overlayTo,
-    set: (h) => A.value = h
-  }), N = b(() => t?.autoScrollViewport);
+    set: (h) => E.value = h
+  }), X = m(() => t?.autoScrollViewport);
   return {
     state: n,
     pointer: o,
     entities: i,
     keyboard: r,
-    scrollPosition: c,
-    delay: u,
-    distanceProgress: g,
+    scrollPosition: u,
+    delay: d,
+    distanceProgress: c,
     hovered: a,
     collision: l,
     overlay: {
-      size: m,
-      position: z,
-      render: D,
+      size: b,
+      position: _,
+      render: S,
       ref: e,
-      to: A
+      to: E
     },
     lib: {
-      draggableObserver: d,
+      draggableObserver: g,
       droppableObserver: f,
       selectableAreaObserver: y,
-      overlaySizeObserver: M
+      overlaySizeObserver: R
     },
-    autoScrollViewport: N
+    autoScrollViewport: X
   };
 }
-const W = (e) => {
+const j = (e) => {
   e.pointer.value = void 0, e.state.value = void 0, e.entities.selectingArea = void 0, e.entities.initiatingDraggable = void 0, e.delay.progress = 0, e.delay.startTime = 0, e.entities.draggingMap.clear(), e.hovered.draggable.clear(), e.hovered.droppable.clear();
-}, ct = (e) => {
+}, gt = (e) => {
   const t = e.entities.initiatingDraggable;
   if (!t) return;
   const o = e.entities.draggableMap.get(t)?.payload;
@@ -395,7 +395,7 @@ const W = (e) => {
     items: Array.isArray(i) ? i : [],
     dropData: a
   };
-}, ut = (e, t) => {
+}, ft = (e, t) => {
   const o = e.entities.droppableMap.get(t)?.payload;
   if (!o) return;
   const s = o();
@@ -405,90 +405,90 @@ const W = (e) => {
     items: Array.isArray(r) ? r : [],
     userData: i
   };
-}, R = (e) => e.keys().next().value, gt = (e) => e.target.closest(G.DRAGGABLE), E = (e, t) => {
+}, B = (e) => e.keys().next().value, dt = (e) => e.target.closest(H.DRAGGABLE), M = (e, t) => {
   const n = {
-    payload: ct(e),
+    payload: gt(e),
     provider: e
   };
-  return t && (n.dropZonePayload = ut(e, t)), n;
-}, ne = (e, t, n) => {
-  const o = gt(t);
+  return t && (n.dropZonePayload = ft(e, t)), n;
+}, oe = (e, t, n) => {
+  const o = dt(t);
   if (!o || !e.entities.draggingMap.has(o)) return;
-  const s = E(e);
+  const s = M(e);
   e.entities.draggingMap.get(o)?.events?.[n]?.(s);
-}, B = (e, t, n) => {
-  if (!t || T(t, e)) return;
-  const o = E(e);
+}, O = (e, t, n) => {
+  if (!t || k(t, e)) return;
+  const o = M(e);
   e.entities.draggableMap.get(t)?.events?.[n]?.(o);
 }, w = (e, t) => {
-  const n = E(e);
+  const n = M(e);
   e.entities.draggableMap.forEach((o, s) => {
-    T(s, e) || o.events?.[t]?.(n);
+    k(s, e) || o.events?.[t]?.(n);
   });
-}, ft = (e, t, n) => {
+}, yt = (e, t, n) => {
   if (t !== n) {
-    if (t && !O(t, e)) {
-      const o = E(e, t);
+    if (t && !z(t, e)) {
+      const o = M(e, t);
       e.entities.droppableMap.get(t)?.events?.onLeave?.(o);
     }
-    if (n && !O(n, e)) {
-      const o = E(e, n);
+    if (n && !z(n, e)) {
+      const o = M(e, n);
       e.entities.droppableMap.get(n)?.events?.onEnter?.(o);
     }
   }
-}, dt = (e, t, n) => {
+}, mt = (e, t, n) => {
   if (t !== n) {
-    const o = E(e);
-    t && !T(t, e) && e.entities.draggableMap.get(t)?.events?.onLeave?.(o), n && !T(n, e) && e.entities.draggableMap.get(n)?.events?.onHover?.(o);
+    const o = M(e);
+    t && !k(t, e) && e.entities.draggableMap.get(t)?.events?.onLeave?.(o), n && !k(n, e) && e.entities.draggableMap.get(n)?.events?.onHover?.(o);
   }
-}, yt = (e, t) => {
-  const n = R(t.droppable);
-  if (n && !O(n, e)) {
-    const o = E(e, n);
+}, bt = (e, t) => {
+  const n = B(t.droppable);
+  if (n && !z(n, e)) {
+    const o = M(e, n);
     e.entities.droppableMap.get(n)?.events?.onLeave?.(o);
   }
-}, Re = (e, t) => {
-  const n = R(t.droppable);
-  if (n && !O(n, e)) {
-    const o = E(e, n);
+}, Oe = (e, t) => {
+  const n = B(t.droppable);
+  if (n && !z(n, e)) {
+    const o = M(e, n);
     e.entities.droppableMap.get(n)?.events?.onLeave?.(o);
   }
-}, bt = (e, t, n) => {
+}, ht = (e, t, n) => {
   if (!n) return {};
-  const o = n.getBoundingClientRect(), s = Math.max(o.left, Math.min(e.x, t.x)), r = Math.max(o.top, Math.min(e.y, t.y)), i = Math.min(o.right, Math.max(e.x, t.x)), a = Math.min(o.bottom, Math.max(e.y, t.y)), l = Math.max(0, i - s), c = Math.max(0, a - r);
+  const o = n.getBoundingClientRect(), s = Math.max(o.left, Math.min(e.x, t.x)), r = Math.max(o.top, Math.min(e.y, t.y)), i = Math.min(o.right, Math.max(e.x, t.x)), a = Math.min(o.bottom, Math.max(e.y, t.y)), l = Math.max(0, i - s), u = Math.max(0, a - r);
   return {
     left: `${s}px`,
     top: `${r}px`,
     width: `${l}px`,
-    height: `${c}px`,
+    height: `${u}px`,
     position: "fixed",
     pointerEvents: "none",
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, mt = (e) => {
+}, pt = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, n = ht(
+  const { selectingArea: t } = e.entities, n = Dt(
     e.pointer.value.start,
     e.pointer.value.current
   ), o = e.entities.selectableAreaMap.get(t)?.groups ?? [];
   e.entities.visibleDraggableSet.forEach((s) => {
     if (!t.contains(s)) return;
-    if (T(s, e)) {
+    if (k(s, e)) {
       e.entities.selectedSet.delete(s);
       return;
     }
     const i = e.entities.draggableMap.get(s)?.groups ?? [];
-    if (!fe(o, i)) {
+    if (!de(o, i)) {
       e.entities.selectedSet.delete(s);
       return;
     }
-    Ze(n, s.getBoundingClientRect()) ? e.entities.selectedSet.add(s) : e.entities.selectedSet.delete(s);
+    qe(n, s.getBoundingClientRect()) ? e.entities.selectedSet.add(s) : e.entities.selectedSet.delete(s);
   });
-}, ht = (e, t) => {
+}, Dt = (e, t) => {
   const n = Math.min(e.x, t.x), o = Math.min(e.y, t.y), s = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = s - n, a = r - o;
   return new DOMRect(n, o, i, a);
-}, pt = (e, t, n = 5) => {
+}, St = (e, t, n = 5) => {
   const o = n / 2;
   return {
     left: e - o,
@@ -496,57 +496,89 @@ const W = (e) => {
     width: n,
     height: n
   };
-}, Dt = (e) => {
+}, vt = (e) => {
   const t = e.pointer.value?.current, n = t?.x ?? 0, o = t?.y ?? 0;
-  return pt(n, o, 5);
-}, X = (e, t, n) => {
+  return St(n, o, 5);
+}, T = (e, t, n) => {
   const o = e.left + e.width / 2, s = e.top + e.height / 2;
   if (n) {
-    const u = n.top ?? 0, g = n.right ?? 0, d = n.bottom ?? 0, f = n.left ?? 0, y = t.left + f, m = t.right - g, M = t.top + u, D = t.bottom - d;
-    if (y < m && M < D && o >= y && o <= m && s >= M && s <= D)
-      return { top: !1, right: !1, bottom: !1, left: !1, center: !0 };
+    const a = n.top ?? 0, l = n.right ?? 0, u = n.bottom ?? 0, d = n.left ?? 0, c = t.left + d, g = t.right - l, f = t.top + a, y = t.bottom - u;
+    if (c < g && f < y && o >= c && o <= g && s >= f && s <= y)
+      return {
+        top: !1,
+        right: !1,
+        bottom: !1,
+        left: !1,
+        center: !0
+      };
   }
-  const r = s - t.top, i = t.bottom - s, a = o - t.left, l = t.right - o, c = Math.min(r, i, a, l);
+  const r = t.left + t.width / 2, i = t.top + t.height / 2;
   return {
-    top: r === c,
-    bottom: i === c,
-    left: a === c,
-    right: l === c
+    top: s < i,
+    bottom: s > i,
+    left: o < r,
+    right: o > r,
+    center: !1
   };
-}, St = (e, t) => e.find((n) => n !== t && H(t, n)), ce = (e, t, n) => {
-  const o = R(t.droppable), s = R(t.draggable);
+}, wt = (e) => ({
+  x: e.left + e.width / 2,
+  y: e.top + e.height / 2
+}), K = (e, t) => {
+  const n = wt(t);
+  return Math.hypot(e.x - n.x, e.y - n.y);
+}, Mt = (e, t) => e.find((n) => n !== t && F(t, n)), ue = (e, t, n) => {
+  const o = B(t.droppable), s = B(t.draggable);
   t.draggable.clear(), t.droppable.clear();
-  const r = Dt(e), i = n.zones[0], a = n.elements[0];
+  const r = vt(e), i = n.zones[0], a = n.elements[0];
   if (i && a && i === a && e.entities.droppableMap.has(i) && i) {
-    const g = i.getBoundingClientRect(), d = e.entities.draggableMap.get(i)?.placementMargins, f = X(r, g, d);
+    const c = i.getBoundingClientRect(), g = e.entities.draggableMap.get(i)?.placementMargins, f = T(r, c, g);
     if (f.center) {
       t.droppable.set(i, f);
-      const y = St(n.elements, i);
+      const y = Mt(n.elements, i);
       if (y) {
-        const m = y.getBoundingClientRect();
+        const b = y.getBoundingClientRect();
         t.draggable.set(
           y,
-          X(r, m, void 0)
+          T(r, b, void 0)
         );
       }
     } else
-      t.draggable.set(a, f), t.droppable.set(i, f);
+      t.draggable.set(a, f);
   } else {
     if (i) {
-      const g = i.getBoundingClientRect();
-      t.droppable.set(i, X(r, g));
-    }
-    if (a) {
-      const g = a.getBoundingClientRect(), d = e.entities.draggableMap.get(a)?.placementMargins;
-      t.draggable.set(
-        a,
-        X(r, g, d)
-      );
+      const c = i.getBoundingClientRect();
+      t.droppable.set(i, T(r, c));
     }
+    if (a)
+      if (i)
+        if (F(i, a)) {
+          const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+          t.draggable.set(
+            a,
+            T(r, c, g)
+          );
+        } else {
+          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, g = i.getBoundingClientRect(), f = a.getBoundingClientRect(), y = K(c, g);
+          if (K(c, f) < y) {
+            t.droppable.clear();
+            const R = e.entities.draggableMap.get(a)?.placementMargins;
+            t.draggable.set(
+              a,
+              T(r, f, R)
+            );
+          }
+        }
+      else {
+        const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+        t.draggable.set(
+          a,
+          T(r, c, g)
+        );
+      }
   }
-  const c = R(t.droppable), u = R(t.draggable);
-  ft(e, o, c), dt(e, s, u);
-}, vt = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, me = (e) => {
+  const u = B(t.droppable), d = B(t.draggable);
+  yt(e, o, u), mt(e, s, d);
+}, Et = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, pe = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
   const t = e.getBoundingClientRect();
@@ -560,10 +592,10 @@ const W = (e) => {
     right: t.right,
     bottom: t.bottom
   };
-}, he = (e) => ({
+}, De = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), wt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Et = (e, t) => {
+}), At = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), xt = (e, t) => {
   const n = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
@@ -572,31 +604,41 @@ const W = (e) => {
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
   ), s = n * o, r = e.width * e.height, i = t.width * t.height;
   return r === 0 || i === 0 ? 0 : (s / r * 100 + s / i * 100) / 2;
-}, Mt = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, pe = () => !0, De = () => 0, At = () => {
+}, Ct = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, Se = () => !0, ve = () => 0, Lt = "separate", kt = () => {
   const e = {
-    filterElements: pe,
-    filterZones: pe,
-    sortElements: De,
-    sortZones: De
-  }, t = (o, s, r, i, a, l, c) => {
-    const u = new Set(i), g = { containerBox: s, pointer: r }, d = [...i].filter((f) => a(f, o)).map((f) => {
-      const y = me(f);
-      if (!c(y, g)) return null;
-      let m = 0;
-      for (const M of u)
-        M !== f && H(M, f) && m++;
+    filterElements: Se,
+    filterZones: Se,
+    sortElements: ve,
+    sortZones: ve,
+    mergeStrategy: Lt,
+    pickClosestBetweenFirst: !1
+  }, t = (o, s, r, i, a, l, u) => {
+    const d = new Set(i), c = { containerBox: s, pointer: r }, g = [...i].filter((f) => a(f, o)).map((f) => {
+      const y = pe(f);
+      if (!u(y, c)) return null;
+      let b = 0;
+      for (const S of d)
+        S !== f && F(S, f) && b++;
+      const R = xt(y, s);
       return {
         node: f,
         box: y,
         meta: {
-          isPointerInElement: Mt(y, r.x, r.y),
-          overlapPercent: Et(y, s),
-          depth: m,
-          centerDistance: wt(he(s), he(y))
+          isPointerInElement: Ct(y, r.x, r.y),
+          overlapPercent: R,
+          depth: b,
+          centerDistance: At(
+            De(s),
+            De(y)
+          )
         }
       };
     }).filter((f) => f !== null);
-    return d.sort((f, y) => l(f, y, g)), d.map((f) => f.node);
+    if (e.minOverlapPercent !== void 0) {
+      const f = e.minOverlapPercent, y = g.filter((b) => b.meta.overlapPercent >= f);
+      g.length = 0, g.push(...y);
+    }
+    return g.sort((f, y) => l(f, y, c)), g.map((f) => f.node);
   }, n = {
     container(o) {
       return e.container = o, n;
@@ -625,39 +667,72 @@ const W = (e) => {
     sortZones(o) {
       return e.sortZones = o, n;
     },
+    mergeStrategy(o) {
+      return e.mergeStrategy = o, n;
+    },
+    pickClosestBetweenFirst(o) {
+      return e.pickClosestBetweenFirst = o, n;
+    },
+    minOverlapPercent(o) {
+      return e.minOverlapPercent = o, n;
+    },
     build() {
       const o = e;
       if (!o.container || !o.elements || !o.zones || !o.collision)
-        throw new Error("sensor: container, elements, zones, collision are required");
+        throw new Error(
+          "sensor: container, elements, zones, collision are required"
+        );
       return (s) => {
         const r = o.container(s);
         if (!r) return { elements: [], zones: [] };
-        const i = o.containerBox ? o.containerBox(s) : me(r), a = s.pointer.value?.current ?? { x: 0, y: 0 };
-        return {
-          elements: t(
-            s,
-            i,
+        const i = o.containerBox ? o.containerBox(s) : pe(r), a = s.pointer.value?.current ?? { x: 0, y: 0 }, l = t(
+          s,
+          i,
+          a,
+          o.elements(s),
+          o.filterElements,
+          o.sortElements,
+          o.collision
+        ), u = t(
+          s,
+          i,
+          a,
+          o.zones(s),
+          o.filterZones,
+          o.sortZones,
+          o.collision
+        );
+        if (o.mergeStrategy === "unified-closest") {
+          const d = [
+            ...l.map((g) => ({ node: g, isZone: !1, distance: 0 })),
+            ...u.map((g) => ({ node: g, isZone: !0, distance: 0 }))
+          ];
+          if (d.length === 0) return { elements: [], zones: [] };
+          for (const g of d) {
+            const f = g.node.getBoundingClientRect();
+            g.distance = K(a, f);
+          }
+          const c = d.reduce(
+            (g, f) => f.distance < g.distance ? f : g
+          );
+          return c.isZone ? { elements: [], zones: [c.node] } : { elements: [c.node], zones: [] };
+        }
+        if (o.pickClosestBetweenFirst && l[0] && u[0]) {
+          const d = K(
             a,
-            o.elements(s),
-            o.filterElements,
-            o.sortElements,
-            o.collision
-          ),
-          zones: t(
-            s,
-            i,
+            u[0].getBoundingClientRect()
+          );
+          return K(
             a,
-            o.zones(s),
-            o.filterZones,
-            o.sortZones,
-            o.collision
-          )
-        };
+            l[0].getBoundingClientRect()
+          ) < d ? { elements: l, zones: [] } : { elements: [], zones: u };
+        }
+        return { elements: l, zones: u };
       };
     }
   };
   return n;
-}, xt = () => At(), Lt = (e) => e.overlay.ref?.value ?? null, Ct = (e) => {
+}, Rt = () => kt(), Pt = (e) => e.overlay.ref?.value ?? null, Tt = (e) => {
   const t = e.overlay.position?.value ?? { x: 0, y: 0 }, n = e.overlay.size?.value ?? null, { x: o, y: s } = t, r = n?.width ?? 0, i = n?.height ?? 0;
   return {
     x: o,
@@ -669,9 +744,9 @@ const W = (e) => {
     right: o + r,
     bottom: s + i
   };
-}, kt = (e) => e.entities.allowedDraggableSet, Tt = (e) => e.entities.allowedDroppableSet, Pt = (e, t) => !t.entities.draggingMap.has(e), Rt = (e, t) => ![...t.entities.draggingMap.keys()].some(
-  (n) => H(n, e)
-), Bt = (e, t) => t.entities.draggableMap.has(e) ? !T(e, t) : t.entities.droppableMap.has(e) ? !O(e, t) : !0, Se = (e, t) => Pt(e, t) && Rt(e, t) && Bt(e, t), Ot = (e, t) => vt(e, t.containerBox), ve = (e, t, n) => {
+}, Bt = (e) => e.entities.allowedDraggableSet, Ot = (e) => e.entities.allowedDroppableSet, zt = (e, t) => !t.entities.draggingMap.has(e), Ft = (e, t) => ![...t.entities.draggingMap.keys()].some(
+  (n) => F(n, e)
+), _t = (e, t) => t.entities.draggableMap.has(e) ? !k(e, t) : t.entities.droppableMap.has(e) ? !z(e, t) : !0, we = (e, t) => zt(e, t) && Ft(e, t) && _t(e, t), Gt = (e, t) => Et(e, t.containerBox), Me = (e, t, n) => {
   if (n.pointer.x >= n.containerBox.x && n.pointer.x <= n.containerBox.x + n.containerBox.width && n.pointer.y >= n.containerBox.y && n.pointer.y <= n.containerBox.y + n.containerBox.height) {
     if (e.meta.isPointerInElement && t.meta.isPointerInElement)
       return t.meta.depth - e.meta.depth;
@@ -679,96 +754,96 @@ const W = (e) => {
       return e.meta.isPointerInElement ? -1 : 1;
   }
   return Math.abs(e.meta.overlapPercent - t.meta.overlapPercent) <= 1 ? e.meta.centerDistance - t.meta.centerDistance : t.meta.overlapPercent - e.meta.overlapPercent;
-}, ue = xt().container(Lt).containerBox(Ct).elements(kt).zones(Tt).filterElements(Se).filterZones(Se).collision(Ot).sortElements(ve).sortZones(ve).build();
-function we(e) {
-  const n = (e.collision?.run ?? ue)(e);
-  ce(e, e.hovered, n);
+}, ge = Rt().container(Pt).containerBox(Tt).elements(Bt).zones(Ot).filterElements(we).filterZones(we).collision(Gt).minOverlapPercent(10).sortElements(Me).sortZones(Me).build();
+function Ee(e) {
+  const n = (e.collision?.run ?? ge)(e);
+  ue(e, e.hovered, n);
 }
-function zt(e, t) {
+function It(e, t) {
   const n = e.collision?.throttle?.value ?? 0;
   if (n <= 0) {
-    we(e);
+    Ee(e);
     return;
   }
   const o = Date.now();
-  o - t.value >= n && (t.value = o, we(e));
+  o - t.value >= n && (t.value = o, Ee(e));
 }
-async function Be(e) {
+async function ze(e) {
   const t = e.hovered.droppable.keys().next().value;
-  if (!t || O(t, e)) return !0;
-  const n = e.entities.droppableMap.get(t), o = E(e, t), s = n?.events?.onDrop?.(o);
+  if (!t || z(t, e)) return !0;
+  const n = e.entities.droppableMap.get(t), o = M(e, t), s = n?.events?.onDrop?.(o);
   if (s != null && typeof s.then == "function")
     try {
       return await s, !0;
     } catch {
       const i = e.entities.initiatingDraggable;
-      return B(e, i, "onSelfDragCancel"), w(e, "onDragCancel"), Re(e, e.hovered), !1;
+      return O(e, i, "onSelfDragCancel"), w(e, "onDragCancel"), Oe(e, e.hovered), !1;
     }
   return !0;
 }
-function Oe(e) {
+function Fe(e) {
   const t = e.entities.initiatingDraggable;
-  B(e, t, "onSelfDragEnd"), w(e, "onDragEnd"), yt(e, e.hovered);
+  O(e, t, "onSelfDragEnd"), w(e, "onDragEnd"), bt(e, e.hovered);
 }
-function Ft(e) {
+function Kt(e) {
   const t = e.entities.selectingArea;
   if (!t) return;
   const n = e.entities.selectableAreaMap.get(t), o = [...e.entities.selectedSet];
   n?.events?.onSelected?.(o);
 }
-const _t = (e) => {
+const Ht = (e) => {
   const t = {
     current: null
   }, n = { value: 0 }, o = async () => {
-    ae(), t.current?.cancel(), t.current = null;
+    le(), t.current?.cancel(), t.current = null;
     const a = e.state.value;
     if (a === "dragging") {
-      if (!await Be(e)) {
-        W(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+      if (!await ze(e)) {
+        j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
         return;
       }
-      Oe(e);
-    } else a === "selecting" && Ft(e);
-    W(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+      Fe(e);
+    } else a === "selecting" && Kt(e);
+    j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
   }, s = (a) => {
     if (e.pointer.value) {
-      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, nt(e)) {
-        ne(e, a, "onSelfDragStart"), w(e, "onDragStart");
+      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, st(e)) {
+        oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        zt(e, n);
+        It(e, n);
         const l = e.entities.initiatingDraggable;
-        B(e, l, "onSelfDragMove"), w(e, "onDragMove");
+        O(e, l, "onSelfDragMove"), w(e, "onDragMove");
       }
-      e.state.value === "selecting" && mt(e);
+      e.state.value === "selecting" && pt(e);
     }
   };
   return { pointerDown: (a) => {
     document.addEventListener("pointerup", o), document.addEventListener("pointermove", s);
-    const l = a.target, c = l.closest(
-      G.SELECT_AREA
-    ), u = l.closest(
-      G.DRAGGABLE
+    const l = a.target, u = l.closest(
+      H.SELECT_AREA
+    ), d = l.closest(
+      H.DRAGGABLE
     );
-    if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(c)) {
-      re(), e.pointer.value = le(a), e.state.value = "selecting", e.entities.selectingArea = c;
+    if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(u)) {
+      ae(), e.pointer.value = ce(a), e.state.value = "selecting", e.entities.selectingArea = u;
       return;
     }
-    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
-      const g = e.entities.draggableMap.get(u);
-      if (!Te(l, u, g?.dragHandle))
+    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(d)) {
+      const c = e.entities.draggableMap.get(d);
+      if (!Te(l, d, c?.dragHandle))
         return;
-      re(), e.entities.initiatingDraggable = u;
-      const d = Ce(a, u);
-      e.pointer.value = le(a, d.x, d.y), g?.activation?.distance || g?.activation?.delay ? (e.state.value = "activating", g?.activation?.delay && (e.delay.startTime = Date.now(), t.current = ot(e, () => {
-        q(e), ne(e, a, "onSelfDragStart"), w(e, "onDragStart");
-      }))) : (q(e), ne(e, a, "onSelfDragStart"), w(e, "onDragStart"));
+      ae(), e.entities.initiatingDraggable = d;
+      const g = Re(a, d);
+      e.pointer.value = ce(a, g.x, g.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = it(e, () => {
+        W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
+      }))) : (W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart"));
     }
   }, pointerUp: o, pointerMove: s, cleanup: () => {
     t.current?.cancel(), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
   } };
-}, Gt = {
+}, Nt = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -777,33 +852,33 @@ const _t = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, It = (e) => (t) => {
+}, Yt = (e) => (t) => {
   const { keys: n } = e.keyboard;
   if (n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (n.forCancel.includes(t.code)) {
-      t.preventDefault(), ae(), B(
+      t.preventDefault(), le(), O(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), w(e, "onDragCancel"), Re(e, e.hovered), W(e);
+      ), w(e, "onDragCancel"), Oe(e, e.hovered), j(e);
       return;
     }
     if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await Be(e) && Oe(e), ae(), W(e)))();
+      t.preventDefault(), (async () => (await ze(e) && Fe(e), le(), j(e)))();
       return;
     }
-    const s = Gt[t.code];
+    const s = Nt[t.code];
     if (s && n.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
       const r = n.forMoveFaster.some(
-        (c) => n.pressedKeys.value.has(c)
+        (u) => n.pressedKeys.value.has(u)
       ), i = e.keyboard.step * (r ? e.keyboard.moveFaster : 1);
       e.pointer.value.current = {
         x: e.pointer.value.current.x + s.dx * i,
         y: e.pointer.value.current.y + s.dy * i
       };
-      const l = (e.collision?.run ?? ue)(e);
-      ce(e, e.hovered, l), B(
+      const l = (e.collision?.run ?? ge)(e);
+      ue(e, e.hovered, l), O(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragMove"
@@ -816,58 +891,58 @@ const _t = (e) => {
     const s = document.activeElement;
     if (!s) return;
     const r = s.closest(
-      G.DRAGGABLE
+      H.DRAGGABLE
     );
     if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
       return;
     const i = e.entities.draggableMap.get(r);
     if (!Te(s, r, i?.dragHandle, !0))
       return;
-    t.preventDefault(), re();
-    const a = r.getBoundingClientRect(), l = a.left + a.width / 2, c = a.top + a.height / 2, u = {
+    t.preventDefault(), ae();
+    const a = r.getBoundingClientRect(), l = a.left + a.width / 2, u = a.top + a.height / 2, d = {
       clientX: l,
-      clientY: c
+      clientY: u
     };
     e.entities.initiatingDraggable = r;
-    const g = Ce(u, r);
-    e.pointer.value = le(
-      u,
-      g.x,
-      g.y
-    ), q(e);
-    const f = (e.collision?.run ?? ue)(e);
-    ce(e, e.hovered, f), B(e, r, "onSelfDragStart"), w(e, "onDragStart");
+    const c = Re(d, r);
+    e.pointer.value = ce(
+      d,
+      c.x,
+      c.y
+    ), W(e);
+    const f = (e.collision?.run ?? ge)(e);
+    ue(e, e.hovered, f), O(e, r, "onSelfDragStart"), w(e, "onDragStart");
   }
-}, Kt = (e) => (t) => {
+}, Xt = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, Ht = (e) => () => {
+}, Zt = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
-}, oe = {
-  keyDown: It,
-  keyUp: Kt,
-  clear: Ht
-}, Nt = (e) => () => {
+}, se = {
+  keyDown: Yt,
+  keyUp: Xt,
+  clear: Zt
+}, Ut = (e) => () => {
   e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY);
-}, x = 50, Yt = 144, Ee = 1e3 / Yt;
-function Xt(e) {
+}, A = 50, $t = 144, Ae = 1e3 / $t;
+function Vt(e) {
   return e == null ? {
-    top: x,
-    right: x,
-    bottom: x,
-    left: x
+    top: A,
+    right: A,
+    bottom: A,
+    left: A
   } : typeof e == "number" ? {
     top: e,
     right: e,
     bottom: e,
     left: e
   } : {
-    top: e.top ?? x,
-    right: e.right ?? x,
-    bottom: e.bottom ?? x,
-    left: e.left ?? x
+    top: e.top ?? A,
+    right: e.right ?? A,
+    bottom: e.bottom ?? A,
+    left: e.left ?? A
   };
 }
-const Ut = {
+const qt = {
   getScrollState(e) {
     return {
       scrollTop: e.scrollTop,
@@ -879,41 +954,41 @@ const Ut = {
     e.scrollTop = t, e.scrollLeft = n;
   }
 };
-function ze(e, t, n, o = Ut, s) {
-  const { speed: r = 10, disabled: i = !1 } = t, a = Xt(t.threshold);
-  let l = null, c = null, u = null, g = 0, d = 0;
-  const f = (D) => {
-    s && (s.value = D);
-  }, y = (D) => {
-    const z = e.value, A = n();
-    if (!z || !A || i) {
+function _e(e, t, n, o = qt, s) {
+  const { speed: r = 10, disabled: i = !1 } = t, a = Vt(t.threshold);
+  let l = null, u = null, d = null, c = 0, g = 0;
+  const f = (S) => {
+    s && (s.value = S);
+  }, y = (S) => {
+    const _ = e.value, E = n();
+    if (!_ || !E || i) {
       f(!1);
       return;
     }
-    c || (c = D);
-    const N = D - c;
-    if (N < Ee) {
+    u || (u = S);
+    const X = S - u;
+    if (X < Ae) {
       l = requestAnimationFrame(y);
       return;
     }
-    const h = r * (N / Ee);
-    c = D;
+    const h = r * (X / Ae);
+    u = S;
     const {
-      scrollTop: S,
-      scrollLeft: F,
-      rect: _e
-    } = o.getScrollState(z);
-    (!u || g !== S || d !== F) && (u = _e, g = S, d = F);
-    let P = !1, Q = S, ee = F;
-    a.top > 0 && A.y - u.top < a.top ? (Q = S - h, P = !0) : a.bottom > 0 && u.bottom - A.y < a.bottom && (Q = S + h, P = !0), a.left > 0 && A.x - u.left < a.left ? (ee = F - h, P = !0) : a.right > 0 && u.right - A.x < a.right && (ee = F + h, P = !0), P && o.setScroll(z, Q, ee), f(P), l = requestAnimationFrame(y);
+      scrollTop: v,
+      scrollLeft: G,
+      rect: Ie
+    } = o.getScrollState(_);
+    (!d || c !== v || g !== G) && (d = Ie, c = v, g = G);
+    let P = !1, ee = v, te = G;
+    a.top > 0 && E.y - d.top < a.top ? (ee = v - h, P = !0) : a.bottom > 0 && d.bottom - E.y < a.bottom && (ee = v + h, P = !0), a.left > 0 && E.x - d.left < a.left ? (te = G - h, P = !0) : a.right > 0 && d.right - E.x < a.right && (te = G + h, P = !0), P && o.setScroll(_, ee, te), f(P), l = requestAnimationFrame(y);
   };
   return { run: () => {
-    c = null, l = requestAnimationFrame(y);
+    u = null, l = requestAnimationFrame(y);
   }, stop: () => {
-    l && (cancelAnimationFrame(l), l = null), u = null, g = 0, d = 0, c = null, f(!1);
+    l && (cancelAnimationFrame(l), l = null), d = null, c = 0, g = 0, u = null, f(!1);
   } };
 }
-const $t = {
+const Wt = {
   getScrollState() {
     return {
       scrollTop: window.scrollY ?? document.documentElement.scrollTop,
@@ -924,14 +999,14 @@ const $t = {
   setScroll(e, t, n) {
     window.scrollTo(n, t);
   }
-}, Zt = {
+}, jt = {
   get value() {
     return typeof document < "u" ? document.documentElement : null;
   }
 };
-function Vt(e, t) {
-  const n = Z(!1), s = ze(
-    Zt,
+function Jt(e, t) {
+  const n = V(!1), s = _e(
+    jt,
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
@@ -941,9 +1016,9 @@ function Vt(e, t) {
         y: a.y + l.height / 2
       } : a : null;
     },
-    $t,
+    Wt,
     n
-  ), r = j(
+  ), r = J(
     () => e.state.value,
     (a) => {
       a === "dragging" ? s.run() : s.stop();
@@ -951,31 +1026,31 @@ function Vt(e, t) {
   ), i = () => {
     r(), s.stop();
   };
-  return Ge(i), { isScrolling: n, stop: i };
+  return Ke(i), { isScrolling: n, stop: i };
 }
-const qt = (e) => {
-  const t = _t(e), n = oe.keyDown(e), o = oe.keyUp(e), s = oe.clear(e), r = Nt(e);
+const Qt = (e) => {
+  const t = Ht(e), n = se.keyDown(e), o = se.keyUp(e), s = se.clear(e), r = Ut(e);
   let i = null;
-  j(
+  J(
     e.autoScrollViewport,
     (a) => {
-      i?.(), i = null, (a === !0 || a && typeof a == "object") && (i = Vt(
+      i?.(), i = null, (a === !0 || a && typeof a == "object") && (i = Jt(
         e,
         a === !0 ? {} : a
       ).stop);
     },
     { immediate: !0 }
-  ), I(() => {
+  ), N(() => {
     document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", o), document.addEventListener("blur", s), document.addEventListener("scroll", r, !0);
-  }), K(() => {
+  }), Y(() => {
     document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", n), document.removeEventListener("keyup", o), document.removeEventListener("blur", s), document.removeEventListener("scroll", r, !0), i?.(), t.cleanup();
   });
-}, J = () => {
-  const e = Ae(ge);
+}, Q = () => {
+  const e = Ce(fe);
   if (!e) throw Error("DnD provider not found");
   return e;
-}, Fe = () => {
-  const e = J();
+}, Ge = () => {
+  const e = Q();
   return {
     overlay: e.overlay,
     delay: e.delay,
@@ -989,82 +1064,92 @@ const qt = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, Wt = /* @__PURE__ */ xe({
+}, en = /* @__PURE__ */ Le({
   __name: "DefaultOverlay",
   setup(e) {
-    const { entities: t, state: n, overlay: o } = Fe();
-    return (s, r) => C(n) === "dragging" ? (L(), $("div", {
+    const { entities: t, state: n, overlay: o } = Ge();
+    return (s, r) => x(n) === "dragging" ? (C(), $("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
-      style: de({
-        "--position-x": C(o).position.value.x + "px",
-        "--position-y": C(o).position.value.y + "px"
+      style: ye({
+        "--position-x": x(o).position.value.x + "px",
+        "--position-y": x(o).position.value.y + "px"
       })
     }, [
-      (L(!0), $(se, null, Ie(C(t).draggingMap, ([i, a]) => (L(), $(se, null, [
-        C(t).draggableMap.get(i)?.render ? (L(), V(ie(C(t).draggableMap.get(i)?.render), { key: 0 })) : (L(), V(ie(i.tagName), {
+      (C(!0), $(ie, null, He(x(t).draggingMap, ([i, a]) => (C(), $(ie, null, [
+        x(t).draggableMap.get(i)?.render ? (C(), q(re(x(t).draggableMap.get(i)?.render), { key: 0 })) : (C(), q(re(i.tagName), {
           key: 1,
           innerHTML: a.initialOuterHTML,
-          style: de({
+          style: ye({
             width: a.initialRect.width + "px",
             height: a.initialRect.height + "px"
           })
         }, null, 8, ["innerHTML", "style"]))
       ], 64))), 256))
-    ], 4)) : Ke("", !0);
+    ], 4)) : Ne("", !0);
   }
-}), Jt = /* @__PURE__ */ xe({
+}), nn = /* @__PURE__ */ Le({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
     overlayTo: { type: [String, Boolean, null] }
   },
   setup(e) {
-    const t = e, n = He("overlayRef"), o = lt(n, t);
-    qt(o);
-    const s = b(
-      () => o.overlay.render.value ?? Wt
+    const t = e, n = Ye("overlayRef"), o = ut(n, t);
+    Qt(o);
+    const s = m(
+      () => o.overlay.render.value ?? en
     );
-    return Ne(ge, o), (r, i) => (L(), $(se, null, [
-      ye(r.$slots, "default"),
-      (L(), V(Ye, {
-        to: C(o).overlay.to.value || "body"
+    return Xe(fe, o), (r, i) => (C(), $(ie, null, [
+      me(r.$slots, "default"),
+      be("pre", null, Ze(x(o).hovered), 1),
+      (C(), q(Ue, {
+        to: x(o).overlay.to.value || "body"
       }, [
-        Xe("div", {
+        be("div", {
           ref_key: "overlayRef",
           ref: n,
           class: "dnd-kit-overlay-container"
         }, [
-          ye(r.$slots, "overlay", { overlay: s.value }, () => [
-            (L(), V(ie(s.value)))
+          me(r.$slots, "overlay", { overlay: s.value }, () => [
+            (C(), q(re(s.value)))
           ])
         ], 512)
       ], 8, ["to"]))
     ], 64));
   }
 });
-function Qt(e, t, n) {
-  const o = J();
+function on(e, t, n) {
+  const o = Q();
   let s, r, i;
   typeof t == "function" ? (s = {}, r = t) : (s = t ?? {}, r = n);
-  const a = b({
+  const a = m({
     get() {
-      const u = v(e);
-      return u ? o.entities.selectedSet.has(u) : !1;
+      const c = p(e);
+      return c ? o.entities.selectedSet.has(c) : !1;
     },
-    set(u) {
-      const g = v(e);
-      g && o.entities.selectedSet[u ? "add" : "delete"](g);
+    set(c) {
+      const g = p(e);
+      g && o.entities.selectedSet[c ? "add" : "delete"](g);
     }
-  }), l = b(() => {
-    const u = v(e);
-    return u ? o.entities.draggingMap.has(u) : !1;
-  }), c = b(() => {
-    const u = v(e);
-    return u ? o.entities.allowedDraggableSet.has(u) : !1;
+  }), l = m(() => {
+    const c = p(e);
+    return c ? o.entities.draggingMap.has(c) : !1;
+  }), u = m(() => {
+    const c = p(e);
+    return c ? o.entities.allowedDraggableSet.has(c) : !1;
+  }), d = m(() => {
+    const c = p(e);
+    return c ? o.hovered.draggable.get(c) : {
+      bottom: !1,
+      left: !1,
+      right: !1,
+      top: !1,
+      center: !1
+    };
   });
-  return I(() => {
-    i = v(e), i && (i.addEventListener("dragstart", p), i.addEventListener("drag", p), i.addEventListener("dragend", p), i.setAttribute(k.DRAGGABLE, ""), o.lib.draggableObserver.observe(i), o.entities.draggableMap.set(i, {
+  return N(() => {
+    i = p(e), i && (i.addEventListener("dragstart", D), i.addEventListener("drag", D), i.addEventListener("dragend", D), i.setAttribute(L.DRAGGABLE, ""), o.lib.draggableObserver.observe(i), o.entities.draggableMap.set(i, {
       render: s.render,
       disabled: s.disabled ?? !1,
       groups: s.groups ?? [],
@@ -1075,19 +1160,20 @@ function Qt(e, t, n) {
       activation: s.activation,
       placementMargins: s.placementMargins
     }));
-  }), K(() => {
+  }), Y(() => {
     i && (o.lib.draggableObserver.unobserve(i), o.entities.visibleDraggableSet.delete(i), o.entities.draggableMap.delete(i), o.entities.modifiersDraggableSet.delete(i));
   }), {
     selected: a,
     isDragging: l,
-    isAllowed: c
+    isAllowed: u,
+    isDragOver: d
   };
 }
-const en = (e, t) => {
-  const n = J(), o = b(() => e.value === n.entities.selectingArea);
+const sn = (e, t) => {
+  const n = Q(), o = m(() => e.value === n.entities.selectingArea);
   let s = null;
-  I(() => {
-    s = v(e), s && (s.setAttribute(k.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(s), n.entities.selectableAreaMap.set(s, {
+  N(() => {
+    s = p(e), s && (s.setAttribute(L.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(s), n.entities.selectableAreaMap.set(s, {
       modifier: t?.modifier ?? {
         keys: ["ControlLeft"],
         method: "every"
@@ -1096,55 +1182,65 @@ const en = (e, t) => {
       disabled: t?.disabled ?? !1,
       groups: t?.groups ?? []
     }));
-  }), K(() => {
+  }), Y(() => {
     s && (n.lib.selectableAreaObserver.unobserve(s), n.entities.visibleSelectableAreaSet.delete(s), n.entities.modifiersSelectableAreaSet.delete(s), n.entities.selectableAreaMap.delete(s));
   });
-  const r = b(() => {
+  const r = m(() => {
     n.scrollPosition.x, n.scrollPosition.y;
     const i = n.pointer.value;
-    return !i || n.state.value !== "selecting" || !s ? {} : bt(i.start, i.current, s);
+    return !i || n.state.value !== "selecting" || !s ? {} : ht(i.start, i.current, s);
   });
   return {
     isSelecting: o,
     style: r
   };
 };
-function tn(e, t) {
-  const n = Ae(ge);
+function rn(e, t) {
+  const n = Ce(fe);
   if (!n) throw Error("DnD provider not found");
   let o = null;
-  return I(() => {
-    o = v(e), o && (o.setAttribute(k.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(o, {
+  return N(() => {
+    o = p(e), o && (o.setAttribute(L.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(o, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
     }));
-  }), K(() => {
+  }), Y(() => {
     o && n.entities.constraintsAreaMap.delete(o);
   }), {};
 }
-function nn(e, t, n) {
-  const o = J();
+function an(e, t, n) {
+  const o = Q();
   let s = null, r, i;
   typeof t == "function" ? (r = {}, i = t) : (r = t ?? {}, i = n);
-  const a = b(() => {
-    const l = v(e);
-    return l ? o.entities.allowedDroppableSet.has(l) : !1;
+  const a = m(() => {
+    const u = p(e);
+    return u ? o.entities.allowedDroppableSet.has(u) : !1;
+  }), l = m(() => {
+    const u = p(e);
+    return u ? o.hovered.droppable.get(u) : {
+      bottom: !1,
+      left: !1,
+      right: !1,
+      top: !1,
+      center: !1
+    };
   });
-  return I(() => {
-    s = v(e), s && (s.setAttribute(k.DROPPABLE, ""), o.lib.droppableObserver.observe(s), o.entities.droppableMap.set(s, {
+  return N(() => {
+    s = p(e), s && (s.setAttribute(L.DROPPABLE, ""), o.lib.droppableObserver.observe(s), o.entities.droppableMap.set(s, {
       disabled: r.disabled ?? !1,
       groups: r.groups ?? [],
       events: r.events,
       payload: i
     }));
-  }), K(() => {
+  }), Y(() => {
     s && (o.lib.droppableObserver.unobserve(s), o.entities.visibleDroppableSet.delete(s), o.entities.droppableMap.delete(s));
   }), {
-    isAllowed: a
+    isAllowed: a,
+    isDragOver: l
   };
 }
-const on = (e, t) => {
-  const n = Fe(), o = Z(!1), r = ze(
+const ln = (e, t) => {
+  const n = Ge(), o = V(!1), r = _e(
     e,
     t ?? {},
     () => {
@@ -1158,33 +1254,35 @@ const on = (e, t) => {
     void 0,
     o
   );
-  return j(
+  return J(
     () => n.state.value,
     (i) => {
       i === "dragging" ? r.run() : r.stop();
     }
   ), { isScrolling: o };
 };
-function Me(e, t) {
+function xe(e, t) {
   return t <= 0 ? e : Math.round(e / t) * t;
 }
-function sn(e, t) {
+function cn(e, t) {
   const n = t && "grid" in t && t.grid != null, o = t ? n ? t.grid : t.gridX : 1, s = t ? n ? t.grid : t.gridY : 1;
-  return b(() => {
+  return m(() => {
     const { x: r, y: i } = e.value;
     return {
-      x: Me(r, o),
-      y: Me(i, s)
+      x: xe(r, o),
+      y: xe(i, s)
     };
   });
 }
 export {
-  Jt as DnDProvider,
-  on as makeAutoScroll,
-  tn as makeConstraintArea,
-  Qt as makeDraggable,
-  nn as makeDroppable,
-  en as makeSelectionArea,
-  sn as makeSnappedOverlayPosition,
-  Fe as useDnDProvider
+  nn as DnDProvider,
+  Rt as createSensor,
+  ge as defaultCollisionDetection,
+  ln as makeAutoScroll,
+  rn as makeConstraintArea,
+  on as makeDraggable,
+  an as makeDroppable,
+  sn as makeSelectionArea,
+  cn as makeSnappedOverlayPosition,
+  Ge as useDnDProvider
 };