@vue-dnd-kit/core 2.0.0-alpha1 → 2.0.0-alpha10

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

@@ -1,48 +1,76 @@
-import { ref as F, watch as Ae, shallowRef as ne, reactive as _, computed as E, onMounted as R, onBeforeUnmount as P, inject as de, defineComponent as ye, unref as A, openBlock as p, createElementBlock as K, normalizeStyle as se, Fragment as X, renderList as we, createBlock as V, resolveDynamicComponent as q, createCommentVNode as xe, useTemplateRef as Le, provide as Ce, renderSlot as ie, createElementVNode as ke } from "vue";
-const v = {
+(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 V, reactive as Z, computed as m, onScopeDispose as Ie, onMounted as N, onBeforeUnmount as Y, inject as xe, defineComponent as Ce, unref as C, openBlock as x, createElementBlock as $, normalizeStyle as ye, Fragment as ie, renderList as Ke, createBlock as q, resolveDynamicComponent as re, createCommentVNode as He, useTemplateRef as Ne, provide as Ye, renderSlot as me, Teleport as Xe, createElementVNode as Ze } 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"
-}, k = {
-  SELECT_AREA: `[${v.SELECT_AREA}]`,
-  DRAGGABLE: `[${v.DRAGGABLE}]`,
-  CONSTRAINT_AREA: `[${v.CONSTRAINT_AREA}]`
-}, te = "VueDnDKitProvider", ae = (e, t, n, s) => {
-  const i = /* @__PURE__ */ new Set();
-  return t.forEach((a) => {
-    const o = e.get(a), r = s ? s(a) : o?.disabled;
-    if (!o || r) return;
-    const l = o.modifier?.keys, c = o.modifier?.method;
-    if (!l || !c || l.length === 0) {
-      i.add(a);
+}, H = {
+  SELECT_AREA: `[${L.SELECT_AREA}]`,
+  DRAGGABLE: `[${L.DRAGGABLE}]`,
+  CONSTRAINT_AREA: `[${L.CONSTRAINT_AREA}]`
+}, fe = "VueDnDKitProvider", be = (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, u = i.modifier?.method;
+    if (!l || !u || l.length === 0) {
+      s.add(r);
       return;
     }
-    l[c]((u) => n.value.has(u)) && i.add(a);
-  }), i;
+    l[u]((c) => n.value.has(c)) && s.add(r);
+  }), s;
 };
-let be = "", Re = "", Pe = "";
-const N = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, B = (e, t) => e !== t && e.contains(t), Be = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), W = () => {
+let Le = "", Ue = "", $e = "";
+const p = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, F = (e, t) => e !== t && e.contains(t), Ve = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ae = () => {
   const e = document.body;
-  be = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", m), window.addEventListener("selectstart", m), window.addEventListener("touchstart", m), window.addEventListener("touchmove", m);
-}, j = () => {
+  Le = 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 = be, e.style.touchAction = Re, e.style.overscrollBehavior = Pe, window.removeEventListener("contextmenu", m), window.removeEventListener("selectstart", m), window.removeEventListener("touchstart", m), window.removeEventListener("touchmove", m);
-}, m = (e) => e.preventDefault(), M = (e, t) => {
+  e.style.userSelect = Le, e.style.touchAction = Ue, e.style.overscrollBehavior = $e, 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 [s, i] of t.entities.draggableMap)
-    if (i.disabled && B(s, e)) return !0;
+  for (const [o, s] of t.entities.draggableMap)
+    if (s.disabled && F(o, e)) return !0;
   return !1;
-}, L = (e, t) => {
+}, z = (e, t) => {
   if (t.entities.droppableMap.get(e)?.disabled) return !0;
-  for (const [s, i] of t.entities.droppableMap)
-    if (i.disabled && B(s, e)) return !0;
+  for (const [o, s] of t.entities.droppableMap)
+    if (s.disabled && F(o, e)) return !0;
   return !1;
-}, Y = (e) => {
+}, de = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n));
+function qe(e, t, n, o) {
+  const s = /* @__PURE__ */ new Set();
+  for (const a of t.keys()) {
+    const l = n.get(a);
+    for (const u of l?.groups ?? []) s.add(u);
+  }
+  const r = [...s], i = /* @__PURE__ */ new Set();
+  for (const a of e) {
+    const u = o.get(a)?.groups ?? [];
+    de(r, u) && i.add(a);
+  }
+  return i;
+}
+function We(e, t, n) {
+  const o = /* @__PURE__ */ new Set();
+  for (const i of t.keys()) {
+    const a = n.get(i);
+    for (const l of a?.groups ?? []) o.add(l);
+  }
+  const s = [...o], r = /* @__PURE__ */ new Set();
+  for (const i of e) {
+    const l = n.get(i)?.groups ?? [];
+    de(s, l) && r.add(i);
+  }
+  return r;
+}
+const ne = (e) => {
   const t = new IntersectionObserver((n) => {
-    n.forEach((s) => {
-      const i = s.target;
-      e[s.isIntersecting ? "add" : "delete"](i);
+    n.forEach((o) => {
+      const s = o.target;
+      e[o.isIntersecting ? "add" : "delete"](s);
     });
   });
   return {
@@ -50,186 +78,187 @@ const N = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
     unobserve: (n) => t.unobserve(n),
     disconnect: () => t.disconnect()
   };
-}, Oe = (e) => {
+}, je = (e) => {
   const t = new ResizeObserver((n) => {
-    const s = n[0];
-    if (!s) return;
-    const { width: i, height: a } = s.contentRect;
-    e.value = { width: i, height: a };
+    const o = n[0];
+    if (!o) return;
+    const { width: s, height: r } = o.contentRect;
+    e.value = { width: s, height: r };
   });
   return {
     observe: (n) => t.observe(n),
     unobserve: (n) => t.unobserve(n),
     disconnect: () => t.disconnect()
   };
-}, Te = (e) => {
-  const t = F(null), n = Oe(t), s = Ae(
+}, Je = (e) => {
+  const t = U(null), n = je(t), o = J(
     e,
-    (a) => {
-      n.disconnect(), a && n.observe(a);
+    (r) => {
+      n.disconnect(), r && n.observe(r);
     },
     { immediate: !0 }
   );
   return { overlaySize: t, overlaySizeObserver: {
     disconnect: () => {
-      s(), n.disconnect();
+      o(), n.disconnect();
     }
   } };
 };
-function J(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 me(e, t) {
-  const n = t.getBoundingClientRect(), s = n.width > 0 ? (e.clientX - n.left) / n.width : 0.5, i = n.height > 0 ? (e.clientY - n.top) / n.height : 0.5;
-  return { x: s, y: i };
+function ke(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 he(e, t) {
+function Re(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
-    initialRect: e.getBoundingClientRect()
+    initialRect: e.getBoundingClientRect(),
+    initialOuterHTML: e.outerHTML
   };
 }
-function ze(e, t, n) {
-  e.forEach((s) => {
-    const i = t.get(s);
-    n.set(s, he(s, i));
+function Qe(e, t, n) {
+  e.forEach((o) => {
+    const s = t.get(o);
+    n.set(o, Re(o, s));
   }), e.clear();
 }
-function _e(e, t, n) {
+function et(e, t, n) {
   n.clear();
-  const s = t.get(e);
-  n.set(e, he(e, s));
+  const o = t.get(e);
+  n.set(e, Re(e, o));
 }
-function G(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", Ie(
+function W(e) {
+  e.entities.initiatingDraggable && (e.state.value = "dragging", tt(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function Ie(e, t, n, s) {
-  t.has(e) ? ze(t, n, s) : (t.clear(), _e(e, n, s));
+function tt(e, t, n, o) {
+  t.has(e) ? Qe(t, n, o) : (t.clear(), et(e, n, o));
 }
-function De(e, t, n, s) {
-  if (s || !n) return !0;
-  const i = e.closest(n);
-  return i ? t.contains(i) : !1;
+function Pe(e, t, n, o) {
+  if (o || !n) return !0;
+  const s = e.closest(n);
+  return s ? t.contains(s) : !1;
 }
-function Fe(e, t) {
+function nt(e, t) {
   if (!e || !t) return 1;
-  const n = Math.abs(e.current.x - e.start.x), s = Math.abs(e.current.y - e.start.y);
+  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 + s * s);
-    return Math.min(c / t, 1);
+    const u = Math.sqrt(n * n + o * o);
+    return Math.min(u / t, 1);
   }
   const {
-    x: i = 0,
-    y: a = 0,
-    condition: o = "any"
+    x: s = 0,
+    y: r = 0,
+    condition: i = "any"
   } = t;
-  if (i === 0 && a === 0) return 1;
-  const r = i > 0 ? Math.min(n / i, 1) : 1, l = a > 0 ? Math.min(s / a, 1) : 1;
-  return o === "both" ? Math.min(r, l) : Math.max(r, l);
+  if (s === 0 && r === 0) return 1;
+  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 Te(e, t, n) {
   if (!n) return !0;
-  const s = n.distance != null, i = n.delay != null;
-  return !s && !i ? !0 : s && !i ? e >= 1 : !s && i ? t >= 1 : (n.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
+  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 Ke(e) {
+function ot(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return pe(
+  return Te(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
-  ) ? (G(e), !0) : !1;
+  ) ? (W(e), !0) : !1;
 }
-function Ge(e, t) {
+function st(e, t) {
   let n = null;
-  const s = () => {
+  const o = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
       n = null;
       return;
     }
-    const i = e.entities.draggableMap.get(
+    const s = e.entities.draggableMap.get(
       e.entities.initiatingDraggable
-    ), a = i?.activation?.delay;
-    if (!a) {
+    ), r = s?.activation?.delay;
+    if (!r) {
       n = null;
       return;
     }
     e.delay.progress = Math.min(
-      (Date.now() - e.delay.startTime) / (a * 1e3),
+      (Date.now() - e.delay.startTime) / (r * 1e3),
       1
-    ), pe(
+    ), Te(
       e.distanceProgress.value,
       e.delay.progress,
-      i?.activation
-    ) ? (t(), n = null) : n = requestAnimationFrame(s);
+      s?.activation
+    ) ? (t(), n = null) : n = requestAnimationFrame(o);
   };
-  return n = requestAnimationFrame(s), {
+  return n = requestAnimationFrame(o), {
     cancel: () => {
       n !== null && (cancelAnimationFrame(n), n = null);
     }
   };
 }
-function He(e, t) {
+function it(e, t) {
   const n = e.closest(
-    k.CONSTRAINT_AREA
+    H.CONSTRAINT_AREA
   );
   return !n || !t.has(n) ? null : {
     element: n,
     entity: t.get(n)
   };
 }
-function Ne(e, t, n, s) {
-  return n === "x" ? { x: e, y: s.top } : n === "y" ? { x: s.left, y: t } : { x: e, y: t };
+function rt(e, t, n, o) {
+  return n === "x" ? { x: e, y: o.top } : n === "y" ? { x: o.left, y: t } : { x: e, y: t };
 }
-function Ue(e, t, n, s, i) {
-  let a = e, o = t;
-  return n !== "y" && (a = Math.max(
-    s.left,
-    Math.min(s.right - i.width, e)
-  )), n !== "x" && (o = Math.max(
-    s.top,
-    Math.min(s.bottom - i.height, t)
-  )), { x: a, y: o };
+function at(e, t, n, o, s) {
+  let r = e, i = t;
+  return n !== "y" && (r = Math.max(
+    o.left,
+    Math.min(o.right - s.width, e)
+  )), n !== "x" && (i = Math.max(
+    o.top,
+    Math.min(o.bottom - s.height, t)
+  )), { x: r, y: i };
 }
-function Ye(e, t, n, s, i) {
+function lt(e, t, n, o, s) {
   if (!e || !t)
     return { x: 0, y: 0 };
-  const a = t.getBoundingClientRect(), o = a.width || i?.width || 0, r = a.height || i?.height || 0;
-  let l = e.current.x - o * e.offset.x, c = e.current.y - r * e.offset.y;
+  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, u = e.current.y - a * e.offset.y;
   if (!n)
-    return { x: l, y: c };
-  const f = He(n, s);
-  if (!f)
-    return { x: l, y: c };
-  const { element: u, entity: d } = f, g = u.getBoundingClientRect(), y = n.getBoundingClientRect(), b = Ne(
+    return { x: l, y: u };
+  const d = it(n, o);
+  if (!d)
+    return { x: l, y: u };
+  const { element: c, entity: g } = d, f = c.getBoundingClientRect(), y = n.getBoundingClientRect(), b = rt(
     l,
-    c,
-    d.axis || "both",
+    u,
+    g.axis || "both",
     y
   );
-  return d.restrictToArea ? Ue(
+  return g.restrictToArea ? at(
     b.x,
     b.y,
-    d.axis || "both",
-    g,
-    a
+    g.axis || "both",
+    f,
+    r
   ) : b;
 }
-const C = {
+const I = {
   forDrag: ["Enter", "Space"],
   forCancel: ["Escape"],
   forDrop: ["Enter", "Space"],
@@ -245,19 +274,19 @@ const C = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function Ze(e) {
-  const t = ne(), n = F(), i = {
+function ct(e, t) {
+  const n = V(), o = U(), r = {
     keys: {
-      pressedKeys: F(/* @__PURE__ */ new Set()),
-      forDrag: [...C.forDrag],
-      forCancel: [...C.forCancel],
-      forDrop: [...C.forDrop],
-      forMove: [...C.forMove],
-      forMoveFaster: [...C.forMoveFaster]
+      pressedKeys: U(/* @__PURE__ */ new Set()),
+      forDrag: [...I.forDrag],
+      forCancel: [...I.forCancel],
+      forDrop: [...I.forDrop],
+      forMove: [...I.forMove],
+      forMoveFaster: [...I.forMoveFaster]
     },
     step: 8,
     moveFaster: 4
-  }, a = _({
+  }, i = Z({
     draggableMap: /* @__PURE__ */ new Map(),
     droppableMap: /* @__PURE__ */ new Map(),
     selectableAreaMap: /* @__PURE__ */ new Map(),
@@ -266,224 +295,290 @@ function Ze(e) {
     selectingArea: void 0,
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
-    modifiersSelectableAreaSet: E(() => ae(
-      a.selectableAreaMap,
-      a.visibleSelectableAreaSet,
-      i.keys.pressedKeys
+    allowedDroppableSet: m(() => n.value ? qe(
+      i.visibleDroppableSet,
+      i.draggingMap,
+      i.draggableMap,
+      i.droppableMap
+    ) : /* @__PURE__ */ new Set()),
+    allowedDraggableSet: m(() => n.value ? We(
+      i.visibleDraggableSet,
+      i.draggingMap,
+      i.draggableMap
+    ) : /* @__PURE__ */ new Set()),
+    modifiersSelectableAreaSet: m(() => be(
+      i.selectableAreaMap,
+      i.visibleSelectableAreaSet,
+      r.keys.pressedKeys
     )),
-    modifiersDraggableSet: E(() => ae(
-      a.draggableMap,
-      a.visibleDraggableSet,
-      i.keys.pressedKeys,
-      (z) => M(z, { entities: a })
+    modifiersDraggableSet: m(() => be(
+      i.draggableMap,
+      i.visibleDraggableSet,
+      r.keys.pressedKeys,
+      (v) => k(v, { entities: i })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
     visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), o = _({
+  }), a = Z({
+    draggable: /* @__PURE__ */ new Map(),
+    droppable: /* @__PURE__ */ new Map()
+  }), l = {
+    throttle: V(0)
+  }, u = Z({
     x: window.scrollX,
     y: window.scrollY
-  }), r = _({
+  }), d = Z({
     progress: 0,
     startTime: 0
-  }), l = E(() => {
-    if (!n.value || !a.initiatingDraggable) return 0;
-    const z = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
-    return z ? Fe(n.value, z) : 1;
-  }), c = Y(
-    a.visibleDraggableSet
-  ), f = Y(
-    a.visibleDroppableSet
-  ), u = Y(
-    a.visibleSelectableAreaSet
-  ), { overlaySize: d, overlaySizeObserver: g } = Te(e), y = F(), b = _({
-    draggable: /* @__PURE__ */ new Map(),
-    droppable: /* @__PURE__ */ new Map()
-  }), D = {
-    throttle: ne(0)
-  }, O = E(() => {
-    o.y, o.x;
-    const T = a.initiatingDraggable;
-    return Ye(
-      n.value,
+  }), c = m(() => {
+    if (!o.value || !i.initiatingDraggable) return 0;
+    const v = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
+    return v ? nt(o.value, v) : 1;
+  }), g = ne(
+    i.visibleDraggableSet
+  ), f = ne(
+    i.visibleDroppableSet
+  ), y = ne(
+    i.visibleSelectableAreaSet
+  ), { overlaySize: b, overlaySizeObserver: R } = Je(e), S = U(), _ = m(() => {
+    const h = i.initiatingDraggable;
+    return lt(
+      o.value,
       e.value,
-      T || null,
-      a.constraintsAreaMap,
-      d.value
+      h || null,
+      i.constraintsAreaMap,
+      b.value
     );
-  });
+  }), E = m({
+    get: () => t?.overlayTo,
+    set: (h) => E.value = h
+  }), X = m(() => t?.autoScrollViewport);
   return {
-    state: t,
-    pointer: n,
-    entities: a,
-    keyboard: i,
-    scrollPosition: o,
-    delay: r,
-    distanceProgress: l,
-    hovered: b,
-    collision: D,
+    state: n,
+    pointer: o,
+    entities: i,
+    keyboard: r,
+    scrollPosition: u,
+    delay: d,
+    distanceProgress: c,
+    hovered: a,
+    collision: l,
     overlay: {
-      size: d,
-      style: O,
-      render: y,
-      ref: e
+      size: b,
+      position: _,
+      render: S,
+      ref: e,
+      to: E
     },
     lib: {
-      draggableObserver: c,
+      draggableObserver: g,
       droppableObserver: f,
-      selectableAreaObserver: u,
-      overlaySizeObserver: g
-    }
+      selectableAreaObserver: y,
+      overlaySizeObserver: R
+    },
+    autoScrollViewport: X
   };
 }
-const H = (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();
-}, Ee = (e) => {
+}, ut = (e) => {
   const t = e.entities.initiatingDraggable;
   if (!t) return;
-  const s = e.entities.draggableMap.get(t)?.payload;
-  if (!s) return;
-  const i = s();
-  if (!Array.isArray(i) || i.length < 2) return;
-  const [a, o, r] = i;
+  const o = e.entities.draggableMap.get(t)?.payload;
+  if (!o) return;
+  const s = o();
+  if (!Array.isArray(s) || s.length < 2) return;
+  const [r, i, a] = s;
+  return {
+    index: Number(r),
+    items: Array.isArray(i) ? i : [],
+    dropData: a
+  };
+}, gt = (e, t) => {
+  const o = e.entities.droppableMap.get(t)?.payload;
+  if (!o) return;
+  const s = o();
+  if (!Array.isArray(s) || s.length < 1) return;
+  const [r, i] = s;
   return {
-    index: Number(a),
-    items: Array.isArray(o) ? o : [],
-    dropData: r
+    items: Array.isArray(r) ? r : [],
+    userData: i
   };
-}, w = (e) => e.keys().next().value, $e = (e) => e.target.closest(k.DRAGGABLE), S = (e) => ({
-  payload: Ee(e),
-  provider: e
-}), Z = (e, t, n) => {
-  const s = $e(t);
-  if (!s || !e.entities.draggingMap.has(s)) return;
-  const i = S(e);
-  e.entities.draggingMap.get(s)?.events?.[n]?.(i);
-}, x = (e, t, n) => {
-  if (!t || M(t, e)) return;
-  const s = S(e);
-  e.entities.draggableMap.get(t)?.events?.[n]?.(s);
-}, h = (e, t) => {
-  const n = S(e);
-  e.entities.draggableMap.forEach((s, i) => {
-    M(i, e) || s.events?.[t]?.(n);
+}, B = (e) => e.keys().next().value, ft = (e) => e.target.closest(H.DRAGGABLE), M = (e, t) => {
+  const n = {
+    payload: ut(e),
+    provider: e
+  };
+  return t && (n.dropZonePayload = gt(e, t)), n;
+}, oe = (e, t, n) => {
+  const o = ft(t);
+  if (!o || !e.entities.draggingMap.has(o)) return;
+  const s = M(e);
+  e.entities.draggingMap.get(o)?.events?.[n]?.(s);
+}, 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 = M(e);
+  e.entities.draggableMap.forEach((o, s) => {
+    k(s, e) || o.events?.[t]?.(n);
   });
-}, Xe = (e, t, n) => {
+}, dt = (e, t, n) => {
   if (t !== n) {
-    const s = S(e);
-    t && !L(t, e) && e.entities.droppableMap.get(t)?.events?.onLeave?.(s), n && !L(n, e) && e.entities.droppableMap.get(n)?.events?.onEnter?.(s);
+    if (t && !z(t, e)) {
+      const o = M(e, t);
+      e.entities.droppableMap.get(t)?.events?.onLeave?.(o);
+    }
+    if (n && !z(n, e)) {
+      const o = M(e, n);
+      e.entities.droppableMap.get(n)?.events?.onEnter?.(o);
+    }
   }
-}, Ve = (e, t, n) => {
+}, yt = (e, t, n) => {
   if (t !== n) {
-    const s = S(e);
-    t && !M(t, e) && e.entities.draggableMap.get(t)?.events?.onLeave?.(s), n && !M(n, e) && e.entities.draggableMap.get(n)?.events?.onHover?.(s);
+    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);
   }
-}, qe = (e, t) => {
-  const n = w(t.droppable);
-  if (n && !L(n, e)) {
-    const s = S(e);
-    e.entities.droppableMap.get(n)?.events?.onLeave?.(s);
+}, mt = (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);
   }
-}, ve = (e, t) => {
-  const n = w(t.droppable);
-  if (n && !L(n, e)) {
-    const s = S(e);
-    e.entities.droppableMap.get(n)?.events?.onLeave?.(s);
+}, Be = (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);
   }
-}, We = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n)), je = (e, t, n) => {
+}, bt = (e, t, n) => {
   if (!n) return {};
-  const s = n.getBoundingClientRect(), i = Math.max(s.left, Math.min(e.x, t.x)), a = Math.max(s.top, Math.min(e.y, t.y)), o = Math.min(s.right, Math.max(e.x, t.x)), r = Math.min(s.bottom, Math.max(e.y, t.y)), l = Math.max(0, o - i), c = Math.max(0, r - a);
+  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: `${i}px`,
-    top: `${a}px`,
+    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"
   };
-}, Je = (e) => {
+}, ht = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, n = Qe(
+  const { selectingArea: t } = e.entities, n = pt(
     e.pointer.value.start,
     e.pointer.value.current
-  ), s = e.entities.selectableAreaMap.get(t)?.groups ?? [];
-  e.entities.visibleDraggableSet.forEach((i) => {
-    if (!t.contains(i)) return;
-    if (M(i, e)) {
-      e.entities.selectedSet.delete(i);
+  ), o = e.entities.selectableAreaMap.get(t)?.groups ?? [];
+  e.entities.visibleDraggableSet.forEach((s) => {
+    if (!t.contains(s)) return;
+    if (k(s, e)) {
+      e.entities.selectedSet.delete(s);
       return;
     }
-    const o = e.entities.draggableMap.get(i)?.groups ?? [];
-    if (!We(s, o)) {
-      e.entities.selectedSet.delete(i);
+    const i = e.entities.draggableMap.get(s)?.groups ?? [];
+    if (!de(o, i)) {
+      e.entities.selectedSet.delete(s);
       return;
     }
-    Be(n, i.getBoundingClientRect()) ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
+    Ve(n, s.getBoundingClientRect()) ? e.entities.selectedSet.add(s) : e.entities.selectedSet.delete(s);
   });
-}, Qe = (e, t) => {
-  const n = Math.min(e.x, t.x), s = Math.min(e.y, t.y), i = Math.max(e.x, t.x), a = Math.max(e.y, t.y), o = i - n, r = a - s;
-  return new DOMRect(n, s, o, r);
-}, et = (e, t, n = 5) => {
-  const s = n / 2;
+}, pt = (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);
+}, Dt = (e, t, n = 5) => {
+  const o = n / 2;
   return {
-    left: e - s,
-    top: t - s,
+    left: e - o,
+    top: t - o,
     width: n,
     height: n
   };
-}, tt = (e) => {
-  const t = e.pointer.value?.current, n = t?.x ?? 0, s = t?.y ?? 0;
-  return et(n, s, 5);
-}, I = (e, t, n) => {
-  const s = e.left + e.width / 2, i = e.top + e.height / 2;
+}, St = (e) => {
+  const t = e.pointer.value?.current, n = t?.x ?? 0, o = t?.y ?? 0;
+  return Dt(n, o, 5);
+}, T = (e, t, n) => {
+  const o = e.left + e.width / 2, s = e.top + e.height / 2;
   if (n) {
-    const f = n.top ?? 0, u = n.right ?? 0, d = n.bottom ?? 0, g = n.left ?? 0, y = t.left + g, b = t.right - u, D = t.top + f, O = t.bottom - d;
-    if (y < b && D < O && s >= y && s <= b && i >= D && i <= O)
-      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 a = i - t.top, o = t.bottom - i, r = s - t.left, l = t.right - s, c = Math.min(a, o, r, l);
+  const r = t.left + t.width / 2, i = t.top + t.height / 2;
   return {
-    top: a === c,
-    bottom: o === c,
-    left: r === c,
-    right: l === c
+    top: s < i,
+    bottom: s > i,
+    left: o < r,
+    right: o > r,
+    center: !1
   };
-}, nt = (e, t) => e.find((n) => n !== t && B(t, n)), Q = (e, t, n) => {
-  const s = w(t.droppable), i = w(t.draggable);
+}, vt = (e) => ({
+  x: e.left + e.width / 2,
+  y: e.top + e.height / 2
+}), K = (e, t) => {
+  const n = vt(t);
+  return Math.hypot(e.x - n.x, e.y - n.y);
+}, wt = (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 a = tt(e), o = n.zones[0], r = n.elements[0];
-  if (o && r && o === r && e.entities.droppableMap.has(o) && o) {
-    const u = o.getBoundingClientRect(), d = e.entities.draggableMap.get(o)?.placementMargins, g = I(a, u, d);
-    if (g.center) {
-      t.droppable.set(o, g);
-      const y = nt(n.elements, o);
+  const r = St(e), i = n.zones[0], a = n.elements[0];
+  if (i && a && i === a && e.entities.droppableMap.has(i) && i) {
+    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 = wt(n.elements, i);
       if (y) {
         const b = y.getBoundingClientRect();
         t.draggable.set(
           y,
-          I(a, b, void 0)
+          T(r, b, void 0)
         );
       }
     } else
-      t.draggable.set(r, g), t.droppable.set(o, g);
+      t.draggable.set(a, f);
   } else {
-    if (o) {
-      const u = o.getBoundingClientRect();
-      t.droppable.set(o, I(a, u));
-    }
-    if (r) {
-      const u = r.getBoundingClientRect(), d = e.entities.draggableMap.get(r)?.placementMargins;
-      t.draggable.set(
-        r,
-        I(a, u, d)
-      );
+    if (i) {
+      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 = w(t.droppable), f = w(t.draggable);
-  Xe(e, s, c), Ve(e, i, f);
-}, st = (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, oe = (e) => {
+  const u = B(t.droppable), d = B(t.draggable);
+  dt(e, o, u), yt(e, s, d);
+}, Mt = (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, he = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
   const t = e.getBoundingClientRect();
@@ -497,118 +592,161 @@ const H = (e) => {
     right: t.right,
     bottom: t.bottom
   };
-}, re = (e) => ({
+}, pe = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), it = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), at = (e, t) => {
+}), Et = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), At = (e, t) => {
   const n = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
-  ), s = Math.max(
+  ), o = Math.max(
     0,
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
-  ), i = n * s, a = e.width * e.height, o = t.width * t.height;
-  return a === 0 || o === 0 ? 0 : (i / a * 100 + i / o * 100) / 2;
-}, ot = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, le = () => !0, ce = () => 0, rt = () => {
+  ), 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;
+}, xt = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, De = () => !0, Se = () => 0, Ct = "separate", Lt = () => {
   const e = {
-    filterElements: le,
-    filterZones: le,
-    sortElements: ce,
-    sortZones: ce
-  }, t = (s, i, a, o, r, l, c) => {
-    const f = new Set(o), u = { containerBox: i, pointer: a }, d = [...o].filter((g) => r(g, s)).map((g) => {
-      const y = oe(g);
-      if (!c(y, u)) return null;
+    filterElements: De,
+    filterZones: De,
+    sortElements: Se,
+    sortZones: Se,
+    mergeStrategy: Ct,
+    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 = he(f);
+      if (!u(y, c)) return null;
       let b = 0;
-      for (const D of f)
-        D !== g && B(D, g) && b++;
+      for (const S of d)
+        S !== f && F(S, f) && b++;
+      const R = At(y, s);
       return {
-        node: g,
+        node: f,
         box: y,
         meta: {
-          isPointerInElement: ot(y, a.x, a.y),
-          overlapPercent: at(y, i),
+          isPointerInElement: xt(y, r.x, r.y),
+          overlapPercent: R,
           depth: b,
-          centerDistance: it(re(i), re(y))
+          centerDistance: Et(
+            pe(s),
+            pe(y)
+          )
         }
       };
-    }).filter((g) => g !== null);
-    return d.sort((g, y) => l(g, y, u)), d.map((g) => g.node);
+    }).filter((f) => f !== null);
+    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(s) {
-      return e.container = s, n;
+    container(o) {
+      return e.container = o, n;
+    },
+    containerBox(o) {
+      return e.containerBox = o, n;
+    },
+    elements(o) {
+      return e.elements = o, n;
     },
-    containerBox(s) {
-      return e.containerBox = s, n;
+    zones(o) {
+      return e.zones = o, n;
     },
-    elements(s) {
-      return e.elements = s, n;
+    filterElements(o) {
+      return e.filterElements = o, n;
     },
-    zones(s) {
-      return e.zones = s, n;
+    filterZones(o) {
+      return e.filterZones = o, n;
     },
-    filterElements(s) {
-      return e.filterElements = s, n;
+    collision(o) {
+      return e.collision = o, n;
     },
-    filterZones(s) {
-      return e.filterZones = s, n;
+    sortElements(o) {
+      return e.sortElements = o, n;
     },
-    collision(s) {
-      return e.collision = s, n;
+    sortZones(o) {
+      return e.sortZones = o, n;
     },
-    sortElements(s) {
-      return e.sortElements = s, n;
+    mergeStrategy(o) {
+      return e.mergeStrategy = o, n;
     },
-    sortZones(s) {
-      return e.sortZones = s, n;
+    pickClosestBetweenFirst(o) {
+      return e.pickClosestBetweenFirst = o, n;
+    },
+    minOverlapPercent(o) {
+      return e.minOverlapPercent = o, n;
     },
     build() {
-      const s = e;
-      if (!s.container || !s.elements || !s.zones || !s.collision)
-        throw new Error("sensor: container, elements, zones, collision are required");
-      return (i) => {
-        const a = s.container(i);
-        if (!a) return { elements: [], zones: [] };
-        const o = s.containerBox ? s.containerBox(i) : oe(a), r = i.pointer.value?.current ?? { x: 0, y: 0 };
-        return {
-          elements: t(
-            i,
-            o,
-            r,
-            s.elements(i),
-            s.filterElements,
-            s.sortElements,
-            s.collision
-          ),
-          zones: t(
-            i,
-            o,
-            r,
-            s.zones(i),
-            s.filterZones,
-            s.sortZones,
-            s.collision
-          )
-        };
+      const o = e;
+      if (!o.container || !o.elements || !o.zones || !o.collision)
+        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) : he(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,
+            u[0].getBoundingClientRect()
+          );
+          return K(
+            a,
+            l[0].getBoundingClientRect()
+          ) < d ? { elements: l, zones: [] } : { elements: [], zones: u };
+        }
+        return { elements: l, zones: u };
       };
     }
   };
   return n;
-}, lt = () => rt(), ct = (e) => e.overlay.ref?.value ?? null, gt = (e) => {
-  const t = e.overlay.style?.value ?? { x: 0, y: 0 }, n = e.overlay.size?.value ?? null, { x: s, y: i } = t, a = n?.width ?? 0, o = n?.height ?? 0;
+}, kt = () => Lt(), Rt = (e) => e.overlay.ref?.value ?? null, Pt = (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: s,
-    y: i,
-    width: a,
-    height: o,
-    top: i,
-    left: s,
-    right: s + a,
-    bottom: i + o
+    x: o,
+    y: s,
+    width: r,
+    height: i,
+    top: s,
+    left: o,
+    right: o + r,
+    bottom: s + i
   };
-}, ut = (e) => e.entities.visibleDraggableSet, ft = (e) => e.entities.visibleDroppableSet, dt = (e, t) => !t.entities.draggingMap.has(e), yt = (e, t) => ![...t.entities.draggingMap.keys()].some(
-  (n) => B(n, e)
-), bt = (e, t) => t.entities.draggableMap.has(e) ? !M(e, t) : t.entities.droppableMap.has(e) ? !L(e, t) : !0, ge = (e, t) => dt(e, t) && yt(e, t) && bt(e, t), mt = (e, t) => st(e, t.containerBox), ue = (e, t, n) => {
+}, Tt = (e) => e.entities.allowedDraggableSet, Bt = (e) => e.entities.allowedDroppableSet, Ot = (e, t) => !t.entities.draggingMap.has(e), zt = (e, t) => ![...t.entities.draggingMap.keys()].some(
+  (n) => F(n, e)
+), Ft = (e, t) => t.entities.draggableMap.has(e) ? !k(e, t) : t.entities.droppableMap.has(e) ? !z(e, t) : !0, ve = (e, t) => Ot(e, t) && zt(e, t) && Ft(e, t), _t = (e, t) => Mt(e, t.containerBox), we = (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;
@@ -616,99 +754,96 @@ const H = (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;
-}, ee = lt().container(ct).containerBox(gt).elements(ut).zones(ft).filterElements(ge).filterZones(ge).collision(mt).sortElements(ue).sortZones(ue).build();
-function fe(e) {
-  const n = (e.collision?.run ?? ee)(e);
-  Q(e, e.hovered, n);
+}, ge = kt().container(Rt).containerBox(Pt).elements(Tt).zones(Bt).filterElements(ve).filterZones(ve).collision(_t).minOverlapPercent(10).sortElements(we).sortZones(we).build();
+function Me(e) {
+  const n = (e.collision?.run ?? ge)(e);
+  ue(e, e.hovered, n);
 }
-function ht(e, t) {
+function Gt(e, t) {
   const n = e.collision?.throttle?.value ?? 0;
   if (n <= 0) {
-    fe(e);
+    Me(e);
     return;
   }
-  const s = Date.now();
-  s - t.value >= n && (t.value = s, fe(e));
+  const o = Date.now();
+  o - t.value >= n && (t.value = o, Me(e));
 }
-async function Me(e) {
+async function Oe(e) {
   const t = e.hovered.droppable.keys().next().value;
-  if (!t || L(t, e)) return !0;
-  const n = e.entities.droppableMap.get(t), s = {
-    payload: Ee(e),
-    provider: e
-  }, i = n?.events?.onDrop?.(s);
-  if (i != null && typeof i.then == "function")
+  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 i, !0;
+      return await s, !0;
     } catch {
-      const o = e.entities.initiatingDraggable;
-      return x(e, o, "onSelfDragCancel"), h(e, "onDragCancel"), ve(e, e.hovered), !1;
+      const i = e.entities.initiatingDraggable;
+      return O(e, i, "onSelfDragCancel"), w(e, "onDragCancel"), Be(e, e.hovered), !1;
     }
   return !0;
 }
-function Se(e) {
+function ze(e) {
   const t = e.entities.initiatingDraggable;
-  x(e, t, "onSelfDragEnd"), h(e, "onDragEnd"), qe(e, e.hovered);
+  O(e, t, "onSelfDragEnd"), w(e, "onDragEnd"), mt(e, e.hovered);
 }
-function Dt(e) {
+function It(e) {
   const t = e.entities.selectingArea;
   if (!t) return;
-  const n = e.entities.selectableAreaMap.get(t), s = [...e.entities.selectedSet];
-  n?.events?.onSelected?.(s);
+  const n = e.entities.selectableAreaMap.get(t), o = [...e.entities.selectedSet];
+  n?.events?.onSelected?.(o);
 }
-const pt = (e) => {
+const Kt = (e) => {
   const t = {
     current: null
-  }, n = { value: 0 }, s = async () => {
-    j(), t.current?.cancel(), t.current = null;
-    const r = e.state.value;
-    if (r === "dragging") {
-      if (!await Me(e)) {
-        H(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
+  }, n = { value: 0 }, o = async () => {
+    le(), t.current?.cancel(), t.current = null;
+    const a = e.state.value;
+    if (a === "dragging") {
+      if (!await Oe(e)) {
+        j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
         return;
       }
-      Se(e);
-    } else r === "selecting" && Dt(e);
-    H(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
-  }, i = (r) => {
+      ze(e);
+    } else a === "selecting" && It(e);
+    j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+  }, s = (a) => {
     if (e.pointer.value) {
-      if (e.pointer.value.current = { x: r.clientX, y: r.clientY }, Ke(e)) {
-        Z(e, r, "onSelfDragStart"), h(e, "onDragStart");
+      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, ot(e)) {
+        oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        ht(e, n);
+        Gt(e, n);
         const l = e.entities.initiatingDraggable;
-        x(e, l, "onSelfDragMove"), h(e, "onDragMove");
+        O(e, l, "onSelfDragMove"), w(e, "onDragMove");
       }
-      e.state.value === "selecting" && Je(e);
+      e.state.value === "selecting" && ht(e);
     }
   };
-  return { pointerDown: (r) => {
-    document.addEventListener("pointerup", s), document.addEventListener("pointermove", i);
-    const l = r.target, c = l.closest(
-      k.SELECT_AREA
-    ), f = l.closest(
-      k.DRAGGABLE
+  return { pointerDown: (a) => {
+    document.addEventListener("pointerup", o), document.addEventListener("pointermove", s);
+    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)) {
-      W(), e.pointer.value = J(r), 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(f)) {
-      const u = e.entities.draggableMap.get(f);
-      if (!De(l, f, u?.dragHandle))
+    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(d)) {
+      const c = e.entities.draggableMap.get(d);
+      if (!Pe(l, d, c?.dragHandle))
         return;
-      W(), e.entities.initiatingDraggable = f;
-      const d = me(r, f);
-      e.pointer.value = J(r, d.x, d.y), u?.activation?.distance || u?.activation?.delay ? (e.state.value = "activating", u?.activation?.delay && (e.delay.startTime = Date.now(), t.current = Ge(e, () => {
-        G(e), Z(e, r, "onSelfDragStart"), h(e, "onDragStart");
-      }))) : (G(e), Z(e, r, "onSelfDragStart"), h(e, "onDragStart"));
+      ae(), e.entities.initiatingDraggable = d;
+      const g = ke(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 = st(e, () => {
+        W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
+      }))) : (W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart"));
     }
-  }, pointerUp: s, pointerMove: i, cleanup: () => {
-    t.current?.cancel(), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
+  }, 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();
   } };
-}, Et = {
+}, Ht = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -717,73 +852,205 @@ const pt = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, vt = (e) => (t) => {
+}, Nt = (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(), j(), x(e, e.entities.initiatingDraggable, "onSelfDragCancel"), h(e, "onDragCancel"), ve(e, e.hovered), H(e);
+      t.preventDefault(), le(), O(
+        e,
+        e.entities.initiatingDraggable,
+        "onSelfDragCancel"
+      ), w(e, "onDragCancel"), Be(e, e.hovered), j(e);
       return;
     }
     if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await Me(e) && Se(e), j(), H(e)))();
+      t.preventDefault(), (async () => (await Oe(e) && ze(e), le(), j(e)))();
       return;
     }
-    const i = Et[t.code];
-    if (i && n.forMove.includes(t.code) && e.pointer.value) {
+    const s = Ht[t.code];
+    if (s && n.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
-      const a = n.forMoveFaster.some((c) => n.pressedKeys.value.has(c)), o = e.keyboard.step * (a ? e.keyboard.moveFaster : 1);
+      const r = n.forMoveFaster.some(
+        (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 + i.dx * o,
-        y: e.pointer.value.current.y + i.dy * o
+        x: e.pointer.value.current.x + s.dx * i,
+        y: e.pointer.value.current.y + s.dy * i
       };
-      const l = (e.collision?.run ?? ee)(e);
-      Q(e, e.hovered, l), x(e, e.entities.initiatingDraggable, "onSelfDragMove"), h(e, "onDragMove");
+      const l = (e.collision?.run ?? ge)(e);
+      ue(e, e.hovered, l), O(
+        e,
+        e.entities.initiatingDraggable,
+        "onSelfDragMove"
+      ), w(e, "onDragMove");
       return;
     }
     return;
   }
   if (n.forDrag.includes(t.code)) {
-    const i = document.activeElement;
-    if (!i) return;
-    const a = i.closest(k.DRAGGABLE);
-    if (!a || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(a))
+    const s = document.activeElement;
+    if (!s) return;
+    const r = s.closest(
+      H.DRAGGABLE
+    );
+    if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
       return;
-    const o = e.entities.draggableMap.get(a);
-    if (!De(i, a, o?.dragHandle, !0)) return;
-    t.preventDefault(), W();
-    const r = a.getBoundingClientRect(), l = r.left + r.width / 2, c = r.top + r.height / 2, f = {
+    const i = e.entities.draggableMap.get(r);
+    if (!Pe(s, r, i?.dragHandle, !0))
+      return;
+    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 = a;
-    const u = me(f, a);
-    e.pointer.value = J(f, u.x, u.y), G(e);
-    const g = (e.collision?.run ?? ee)(e);
-    Q(e, e.hovered, g), x(e, a, "onSelfDragStart"), h(e, "onDragStart");
+    e.entities.initiatingDraggable = r;
+    const c = ke(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");
   }
-}, Mt = (e) => (t) => {
+}, Yt = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, St = (e) => () => {
+}, Xt = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
-}, $ = {
-  keyDown: vt,
-  keyUp: Mt,
-  clear: St
-}, At = (e) => () => {
+}, se = {
+  keyDown: Nt,
+  keyUp: Yt,
+  clear: Xt
+}, Zt = (e) => () => {
   e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY);
-}, wt = (e) => {
-  const t = pt(e), n = $.keyDown(e), s = $.keyUp(e), i = $.clear(e), a = At(e);
-  R(() => {
-    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", s), document.addEventListener("blur", i), document.addEventListener("scroll", a, !0);
-  }), P(() => {
-    document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", n), document.removeEventListener("keyup", s), document.removeEventListener("blur", i), document.removeEventListener("scroll", a, !0), t.cleanup();
+}, A = 50, Ut = 144, Ee = 1e3 / Ut;
+function $t(e) {
+  return e == null ? {
+    top: A,
+    right: A,
+    bottom: A,
+    left: A
+  } : typeof e == "number" ? {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  } : {
+    top: e.top ?? A,
+    right: e.right ?? A,
+    bottom: e.bottom ?? A,
+    left: e.left ?? A
+  };
+}
+const Vt = {
+  getScrollState(e) {
+    return {
+      scrollTop: e.scrollTop,
+      scrollLeft: e.scrollLeft,
+      rect: e.getBoundingClientRect()
+    };
+  },
+  setScroll(e, t, n) {
+    e.scrollTop = t, e.scrollLeft = n;
+  }
+};
+function Fe(e, t, n, o = Vt, s) {
+  const { speed: r = 10, disabled: i = !1 } = t, a = $t(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;
+    }
+    u || (u = S);
+    const X = S - u;
+    if (X < Ee) {
+      l = requestAnimationFrame(y);
+      return;
+    }
+    const h = r * (X / Ee);
+    u = S;
+    const {
+      scrollTop: v,
+      scrollLeft: G,
+      rect: Ge
+    } = o.getScrollState(_);
+    (!d || c !== v || g !== G) && (d = Ge, 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: () => {
+    u = null, l = requestAnimationFrame(y);
+  }, stop: () => {
+    l && (cancelAnimationFrame(l), l = null), d = null, c = 0, g = 0, u = null, f(!1);
+  } };
+}
+const qt = {
+  getScrollState() {
+    return {
+      scrollTop: window.scrollY ?? document.documentElement.scrollTop,
+      scrollLeft: window.scrollX ?? document.documentElement.scrollLeft,
+      rect: new DOMRect(0, 0, window.innerWidth, window.innerHeight)
+    };
+  },
+  setScroll(e, t, n) {
+    window.scrollTo(n, t);
+  }
+}, Wt = {
+  get value() {
+    return typeof document < "u" ? document.documentElement : null;
+  }
+};
+function jt(e, t) {
+  const n = V(!1), s = Fe(
+    Wt,
+    t ?? {},
+    () => {
+      if (e.state.value !== "dragging") return null;
+      const a = e.overlay.position.value, l = e.overlay.size.value;
+      return a ? l?.width && l?.height ? {
+        x: a.x + l.width / 2,
+        y: a.y + l.height / 2
+      } : a : null;
+    },
+    qt,
+    n
+  ), r = J(
+    () => e.state.value,
+    (a) => {
+      a === "dragging" ? s.run() : s.stop();
+    }
+  ), i = () => {
+    r(), s.stop();
+  };
+  return Ie(i), { isScrolling: n, stop: i };
+}
+const Jt = (e) => {
+  const t = Kt(e), n = se.keyDown(e), o = se.keyUp(e), s = se.clear(e), r = Zt(e);
+  let i = null;
+  J(
+    e.autoScrollViewport,
+    (a) => {
+      i?.(), i = null, (a === !0 || a && typeof a == "object") && (i = jt(
+        e,
+        a === !0 ? {} : a
+      ).stop);
+    },
+    { immediate: !0 }
+  ), N(() => {
+    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", o), document.addEventListener("blur", s), document.addEventListener("scroll", r, !0);
+  }), 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();
   });
-}, U = () => {
-  const e = de(te);
+}, Q = () => {
+  const e = xe(fe);
   if (!e) throw Error("DnD provider not found");
   return e;
-}, xt = () => {
-  const e = U();
+}, _e = () => {
+  const e = Q();
   return {
     overlay: e.overlay,
     delay: e.delay,
@@ -794,82 +1061,118 @@ const pt = (e) => {
     scrollPosition: e.scrollPosition,
     keyboard: e.keyboard,
     hovered: e.hovered,
-    collision: e.collision
+    collision: e.collision,
+    autoScrollViewport: e.autoScrollViewport
   };
-}, Lt = /* @__PURE__ */ ye({
+}, Qt = /* @__PURE__ */ Ce({
   __name: "DefaultOverlay",
   setup(e) {
-    const { entities: t, state: n, overlay: s } = xt();
-    return (i, a) => A(n) === "dragging" ? (p(), K("div", {
+    const { entities: t, state: n, overlay: o } = _e();
+    return (s, r) => C(n) === "dragging" ? (x(), $("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
-      style: se({
-        "--position-x": A(s).style.value.x + "px",
-        "--position-y": A(s).style.value.y + "px"
+      style: ye({
+        "--position-x": C(o).position.value.x + "px",
+        "--position-y": C(o).position.value.y + "px"
       })
     }, [
-      (p(!0), K(X, null, we(A(t).draggingMap, ([o, r]) => (p(), K(X, null, [
-        A(t).draggableMap.get(o)?.render ? (p(), V(q(A(t).draggableMap.get(o)?.render), {
-          key: 0,
-          class: "test"
-        })) : (p(), V(q(o.tagName), {
+      (x(!0), $(ie, null, Ke(C(t).draggingMap, ([i, a]) => (x(), $(ie, null, [
+        C(t).draggableMap.get(i)?.render ? (x(), q(re(C(t).draggableMap.get(i)?.render), { key: 0 })) : (x(), q(re(i.tagName), {
           key: 1,
-          innerHTML: r.initialHTML,
-          class: "test",
-          style: se({
-            width: r.initialRect.width + "px",
-            height: r.initialRect.height + "px"
+          innerHTML: a.initialOuterHTML,
+          style: ye({
+            width: a.initialRect.width + "px",
+            height: a.initialRect.height + "px"
           })
         }, null, 8, ["innerHTML", "style"]))
       ], 64))), 256))
-    ], 4)) : xe("", !0);
+    ], 4)) : He("", !0);
   }
-}), kt = /* @__PURE__ */ ye({
+}), tn = /* @__PURE__ */ Ce({
   __name: "DnDProvider",
+  props: {
+    autoScrollViewport: { type: [Object, Boolean, null] },
+    overlayTo: { type: [String, Boolean, null] }
+  },
   setup(e) {
-    const t = Le("overlayRef"), n = Ze(t);
-    wt(n);
-    const s = E(
-      () => n.overlay.render.value ?? Lt
+    const t = e, n = Ne("overlayRef"), o = ct(n, t);
+    Jt(o);
+    const s = m(
+      () => o.overlay.render.value ?? Qt
     );
-    return Ce(te, n), (i, a) => (p(), K(X, null, [
-      ie(i.$slots, "default"),
-      ke("div", {
-        ref_key: "overlayRef",
-        ref: t,
-        class: "dnd-kit-overlay-container"
+    return Ye(fe, o), (r, i) => (x(), $(ie, null, [
+      me(r.$slots, "default"),
+      (x(), q(Xe, {
+        to: C(o).overlay.to.value || "body"
       }, [
-        ie(i.$slots, "overlay", { overlay: s.value }, () => [
-          (p(), V(q(s.value)))
-        ])
-      ], 512)
+        Ze("div", {
+          ref_key: "overlayRef",
+          ref: n,
+          class: "dnd-kit-overlay-container"
+        }, [
+          me(r.$slots, "overlay", { overlay: s.value }, () => [
+            (x(), q(re(s.value)))
+          ])
+        ], 512)
+      ], 8, ["to"]))
     ], 64));
   }
 });
-function Rt(e, t, n) {
-  const s = U();
-  let i, a, o;
-  return typeof t == "function" ? (i = {}, a = t) : (i = t ?? {}, a = n), R(() => {
-    o = N(e), o && (o.addEventListener("dragstart", m), o.addEventListener("drag", m), o.addEventListener("dragend", m), o.setAttribute(v.DRAGGABLE, ""), s.lib.draggableObserver.observe(o), s.entities.draggableMap.set(o, {
-      render: i.render,
-      disabled: i.disabled ?? !1,
-      groups: i.groups ?? [],
-      modifier: i.modifier,
-      events: i.events,
-      payload: a,
-      dragHandle: i.dragHandle,
-      activation: i.activation,
-      placementMargins: i.placementMargins
+function nn(e, t, n) {
+  const o = Q();
+  let s, r, i;
+  typeof t == "function" ? (s = {}, r = t) : (s = t ?? {}, r = n);
+  const a = m({
+    get() {
+      const c = p(e);
+      return c ? o.entities.selectedSet.has(c) : !1;
+    },
+    set(c) {
+      const g = p(e);
+      g && o.entities.selectedSet[c ? "add" : "delete"](g);
+    }
+  }), 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 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 ?? [],
+      modifier: s.modifier,
+      events: s.events,
+      payload: r,
+      dragHandle: s.dragHandle,
+      activation: s.activation,
+      placementMargins: s.placementMargins
     }));
-  }), P(() => {
-    o && (s.lib.draggableObserver.unobserve(o), s.entities.visibleDraggableSet.delete(o), s.entities.draggableMap.delete(o), s.entities.modifiersDraggableSet.delete(o));
-  }), {};
+  }), 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: u,
+    isDragOver: d
+  };
 }
-const Pt = (e, t) => {
-  const n = U(), s = E(() => e.value === n.entities.selectingArea);
-  let i = null;
-  R(() => {
-    i = N(e), i && (i.setAttribute(v.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(i), n.entities.selectableAreaMap.set(i, {
+const on = (e, t) => {
+  const n = Q(), o = m(() => e.value === n.entities.selectingArea);
+  let s = null;
+  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"
@@ -878,51 +1181,107 @@ const Pt = (e, t) => {
       disabled: t?.disabled ?? !1,
       groups: t?.groups ?? []
     }));
-  }), P(() => {
-    i && (n.lib.selectableAreaObserver.unobserve(i), n.entities.visibleSelectableAreaSet.delete(i), n.entities.modifiersSelectableAreaSet.delete(i), n.entities.selectableAreaMap.delete(i));
+  }), Y(() => {
+    s && (n.lib.selectableAreaObserver.unobserve(s), n.entities.visibleSelectableAreaSet.delete(s), n.entities.modifiersSelectableAreaSet.delete(s), n.entities.selectableAreaMap.delete(s));
   });
-  const a = E(() => {
+  const r = m(() => {
     n.scrollPosition.x, n.scrollPosition.y;
-    const o = n.pointer.value;
-    return !o || n.state.value !== "selecting" || !i ? {} : je(o.start, o.current, i);
+    const i = n.pointer.value;
+    return !i || n.state.value !== "selecting" || !s ? {} : bt(i.start, i.current, s);
   });
   return {
-    isSelecting: s,
-    style: a
+    isSelecting: o,
+    style: r
   };
 };
-function Bt(e, t) {
-  const n = de(te);
+function sn(e, t) {
+  const n = xe(fe);
   if (!n) throw Error("DnD provider not found");
-  let s = null;
-  return R(() => {
-    s = N(e), s && (s.setAttribute(v.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(s, {
+  let o = null;
+  return N(() => {
+    o = p(e), o && (o.setAttribute(L.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(o, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
     }));
-  }), P(() => {
-    s && n.entities.constraintsAreaMap.delete(s);
+  }), Y(() => {
+    o && n.entities.constraintsAreaMap.delete(o);
   }), {};
 }
-function Ot(e, t = {}) {
-  const n = U();
-  let s = null;
-  R(() => {
-    s = N(e), s && (s.setAttribute(v.DROPPABLE, ""), n.lib.droppableObserver.observe(s), n.entities.droppableMap.set(s, {
-      disabled: t.disabled ?? !1,
-      groups: t.groups ?? [],
-      events: t.events
+function rn(e, t, n) {
+  const o = Q();
+  let s = null, r, i;
+  typeof t == "function" ? (r = {}, i = t) : (r = t ?? {}, i = n);
+  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 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
     }));
-  }), P(() => {
-    s && (n.lib.droppableObserver.unobserve(s), n.entities.visibleDroppableSet.delete(s), n.entities.droppableMap.delete(s));
+  }), Y(() => {
+    s && (o.lib.droppableObserver.unobserve(s), o.entities.visibleDroppableSet.delete(s), o.entities.droppableMap.delete(s));
+  }), {
+    isAllowed: a,
+    isDragOver: l
+  };
+}
+const an = (e, t) => {
+  const n = _e(), o = V(!1), r = Fe(
+    e,
+    t ?? {},
+    () => {
+      if (n.state.value !== "dragging") return null;
+      const i = n.overlay.position.value, a = n.overlay.size.value;
+      return i ? a?.width && a?.height ? {
+        x: i.x + a.width / 2,
+        y: i.y + a.height / 2
+      } : i : null;
+    },
+    void 0,
+    o
+  );
+  return J(
+    () => n.state.value,
+    (i) => {
+      i === "dragging" ? r.run() : r.stop();
+    }
+  ), { isScrolling: o };
+};
+function Ae(e, t) {
+  return t <= 0 ? e : Math.round(e / t) * t;
+}
+function ln(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 m(() => {
+    const { x: r, y: i } = e.value;
+    return {
+      x: Ae(r, o),
+      y: Ae(i, s)
+    };
   });
 }
 export {
-  kt as DnDProvider,
-  Bt as makeBoundingBox,
-  Rt as makeDraggable,
-  Ot as makeDroppable,
-  Pt as makeSelectableArea,
-  xt as useDnDProvider
+  tn as DnDProvider,
+  kt as createSensor,
+  ge as defaultCollisionDetection,
+  an as makeAutoScroll,
+  sn as makeConstraintArea,
+  nn as makeDraggable,
+  rn as makeDroppable,
+  on as makeSelectionArea,
+  ln as makeSnappedOverlayPosition,
+  _e as useDnDProvider
 };
-//# sourceMappingURL=vue-dnd-kit-core.es.js.map