@vue-dnd-kit/core 2.0.6 → 2.0.7

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

@@ -1,15 +1,15 @@
 (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;z-index:9999}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as W, watch as oe, shallowRef as J, reactive as V, computed as y, onScopeDispose as We, onMounted as Y, onBeforeUnmount as X, inject as Oe, defineComponent as ze, unref as k, openBlock as C, createElementBlock as j, normalizeStyle as xe, Fragment as ue, renderList as je, createBlock as Q, resolveDynamicComponent as fe, createCommentVNode as Je, useTemplateRef as Qe, provide as et, renderSlot as Ae, Teleport as tt, createElementVNode as nt, mergeProps as st } from "vue";
+import { ref as j, watch as ae, shallowRef as ee, reactive as q, computed as y, onScopeDispose as We, onMounted as U, onBeforeUnmount as V, inject as Oe, defineComponent as Be, unref as k, openBlock as C, createElementBlock as J, normalizeStyle as Ae, Fragment as fe, renderList as je, createBlock as te, resolveDynamicComponent as de, createCommentVNode as Je, useTemplateRef as Qe, provide as et, renderSlot as Ee, Teleport as tt, createElementVNode as nt, mergeProps as st } from "vue";
 const T = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
   DROPPABLE: "data-dnd-kit-droppable",
   CONSTRAINT_AREA: "data-dnd-kit-constraint-area"
-}, F = {
+}, _ = {
   SELECT_AREA: `[${T.SELECT_AREA}]`,
   DRAGGABLE: `[${T.DRAGGABLE}]`,
   CONSTRAINT_AREA: `[${T.CONSTRAINT_AREA}]`
-}, De = "VueDnDKitProvider", Ee = (e, t, s, n) => {
+}, Me = "VueDnDKitProvider", Le = (e, t, s, n) => {
   const o = /* @__PURE__ */ new Set();
   return t.forEach((r) => {
     const a = e.get(r), i = n ? n(r) : a?.disabled;
@@ -22,24 +22,24 @@ const T = {
     g[l]((c) => s.value.has(c)) && o.add(r);
   }), o;
 };
-let Be = "", ot = "", at = "";
-const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, H = (e, t) => e !== t && e.contains(t), rt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), de = () => {
+let Fe = "", ot = "", at = "";
+const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, K = (e, t) => e !== t && e.contains(t), rt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), me = () => {
   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);
-}, me = () => {
+  Fe = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", M), window.addEventListener("selectstart", M), window.addEventListener("touchstart", M), window.addEventListener("touchmove", M);
+}, he = () => {
   const e = document.body;
-  e.style.userSelect = Be, e.style.touchAction = ot, e.style.overscrollBehavior = at, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
-}, M = (e) => e.preventDefault(), Me = (e, t) => {
+  e.style.userSelect = Fe, e.style.touchAction = ot, e.style.overscrollBehavior = at, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
+}, M = (e) => e.preventDefault(), ve = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
   for (const n of t.entities.visibleDraggableSet)
-    if (t.entities.draggableMap.get(n)?.disabled && H(n, e)) return !0;
+    if (t.entities.draggableMap.get(n)?.disabled && K(n, e)) return !0;
   return !1;
-}, _ = (e, t) => {
+}, G = (e, t) => {
   if (t.entities.droppableMap.get(e)?.disabled) return !0;
   for (const n of t.entities.visibleDroppableSet)
-    if (t.entities.droppableMap.get(n)?.disabled && H(n, e)) return !0;
+    if (t.entities.droppableMap.get(n)?.disabled && K(n, e)) return !0;
   return !1;
-}, ve = (e, t) => {
+}, we = (e, t) => {
   if (!e.length || !t.length) return !0;
   const s = new Set(t);
   return e.some((n) => s.has(n));
@@ -53,7 +53,7 @@ function it(e, t, s, n) {
   const r = [...o], a = /* @__PURE__ */ new Set();
   for (const i of e) {
     const l = n.get(i)?.groups ?? [];
-    ve(r, l) && a.add(i);
+    we(r, l) && a.add(i);
   }
   return a;
 }
@@ -66,11 +66,11 @@ function lt(e, t, s) {
   const o = [...n], r = /* @__PURE__ */ new Set();
   for (const a of e) {
     const g = s.get(a)?.groups ?? [];
-    ve(o, g) && r.add(a);
+    we(o, g) && r.add(a);
   }
   return r;
 }
-const le = (e) => {
+const ce = (e) => {
   const t = new IntersectionObserver((s) => {
     s.forEach((n) => {
       const o = n.target;
@@ -95,7 +95,7 @@ const le = (e) => {
     disconnect: () => t.disconnect()
   };
 }, gt = (e) => {
-  const t = W(null), s = ct(t), n = oe(
+  const t = j(null), s = ct(t), n = ae(
     e,
     (r) => {
       s.disconnect(), r && s.observe(r);
@@ -108,18 +108,18 @@ const le = (e) => {
     }
   } };
 };
-function he(e, t = 0, s = 0) {
+function be(e, t = 0, s = 0) {
   return {
     start: { x: e.clientX, y: e.clientY },
     current: { x: e.clientX, y: e.clientY },
     offset: { x: t, y: s }
   };
 }
-function Fe(e, t) {
+function _e(e, t) {
   const s = t.getBoundingClientRect(), n = s.width > 0 ? (e.clientX - s.left) / s.width : 0.5, o = s.height > 0 ? (e.clientY - s.top) / s.height : 0.5;
   return { x: n, y: o };
 }
-function _e(e, t) {
+function Ge(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -130,15 +130,15 @@ function _e(e, t) {
 function ut(e, t, s) {
   e.forEach((n) => {
     const o = t.get(n);
-    s.set(n, _e(n, o));
+    s.set(n, Ge(n, o));
   }), e.clear();
 }
 function ft(e, t, s) {
   s.clear();
   const n = t.get(e);
-  s.set(e, _e(e, n));
+  s.set(e, Ge(e, n));
 }
-function ee(e) {
+function ne(e) {
   e.entities.initiatingDraggable && (e.state.value = "dragging", dt(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
@@ -149,7 +149,7 @@ function ee(e) {
 function dt(e, t, s, n) {
   t.has(e) ? ut(t, s, n) : (t.clear(), ft(e, s, n));
 }
-function Ge(e, t, s, n) {
+function He(e, t, s, n) {
   if (n || !s) return !0;
   const o = e.closest(s);
   return o ? t.contains(o) : !1;
@@ -170,7 +170,7 @@ function mt(e, t) {
   const i = o > 0 ? Math.min(s / o, 1) : 1, g = r > 0 ? Math.min(n / r, 1) : 1;
   return a === "both" ? Math.min(i, g) : Math.max(i, g);
 }
-function He(e, t, s) {
+function Ke(e, t, s) {
   if (!s) return !0;
   const n = s.distance != null, o = s.delay != null;
   return !n && !o ? !0 : n && !o ? e >= 1 : !n && o ? t >= 1 : (s.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
@@ -181,11 +181,11 @@ function ht(e) {
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return He(
+  return Ke(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
-  ) ? (ee(e), !0) : !1;
+  ) ? (ne(e), !0) : !1;
 }
 function bt(e, t) {
   let s = null;
@@ -204,7 +204,7 @@ function bt(e, t) {
     e.delay.progress = Math.min(
       (Date.now() - e.delay.startTime) / (r * 1e3),
       1
-    ), He(
+    ), Ke(
       e.distanceProgress.value,
       e.delay.progress,
       o?.activation
@@ -218,7 +218,7 @@ function bt(e, t) {
 }
 function yt(e, t) {
   const s = e.closest(
-    F.CONSTRAINT_AREA
+    _.CONSTRAINT_AREA
   );
   return !s || !t.has(s) ? null : {
     element: s,
@@ -245,19 +245,19 @@ function Dt(e, t, s, n, o) {
   let g = e.current.x - a * e.offset.x, l = e.current.y - i * e.offset.y;
   if (!s)
     return { x: g, y: l };
-  const u = yt(s, n);
-  if (!u)
+  const f = yt(s, n);
+  if (!f)
     return { x: g, y: l };
-  const { element: c, entity: f } = u, d = c.getBoundingClientRect(), m = s.getBoundingClientRect(), h = pt(
+  const { element: c, entity: u } = f, d = c.getBoundingClientRect(), m = s.getBoundingClientRect(), h = pt(
     g,
     l,
-    f.axis || "both",
+    u.axis || "both",
     m
   );
-  return f.restrictToArea ? St(
+  return u.restrictToArea ? St(
     h.x,
     h.y,
-    f.axis || "both",
+    u.axis || "both",
     d,
     r
   ) : h;
@@ -279,9 +279,9 @@ const N = {
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
 function Mt(e, t) {
-  const s = J(), n = W(), r = {
+  const s = ee(), n = j(), r = {
     keys: {
-      pressedKeys: W(/* @__PURE__ */ new Set()),
+      pressedKeys: j(/* @__PURE__ */ new Set()),
       forDrag: [...N.forDrag],
       forCancel: [...N.forCancel],
       forDrop: [...N.forDrop],
@@ -290,7 +290,7 @@ function Mt(e, t) {
     },
     step: 8,
     moveFaster: 4
-  }, a = V({
+  }, a = q({
     draggableMap: /* @__PURE__ */ new Map(),
     droppableMap: /* @__PURE__ */ new Map(),
     selectableAreaMap: /* @__PURE__ */ new Map(),
@@ -310,42 +310,42 @@ function Mt(e, t) {
       a.draggingMap,
       a.draggableMap
     ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: y(() => Ee(
+    modifiersSelectableAreaSet: y(() => Le(
       a.selectableAreaMap,
       a.visibleSelectableAreaSet,
       r.keys.pressedKeys
     )),
-    modifiersDraggableSet: y(() => Ee(
+    modifiersDraggableSet: y(() => Le(
       a.draggableMap,
       a.visibleDraggableSet,
       r.keys.pressedKeys,
-      (w) => Me(w, { entities: a })
+      (w) => ve(w, { entities: a })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
     visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), i = V({
+  }), i = q({
     draggable: /* @__PURE__ */ new Map(),
     droppable: /* @__PURE__ */ new Map()
   }), g = {
-    throttle: J(0)
-  }, l = V({
+    throttle: ee(0)
+  }, l = q({
     x: window.scrollX,
     y: window.scrollY
-  }), u = V({
+  }), f = q({
     progress: 0,
     startTime: 0
   }), c = y(() => {
     if (!n.value || !a.initiatingDraggable) return 0;
     const w = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
     return w ? mt(n.value, w) : 1;
-  }), f = le(
+  }), u = ce(
     a.visibleDraggableSet
-  ), d = le(
+  ), d = ce(
     a.visibleDroppableSet
-  ), m = le(
+  ), m = ce(
     a.visibleSelectableAreaSet
-  ), { overlaySize: h, overlaySizeObserver: S } = gt(e), b = W(), v = y(() => {
+  ), { overlaySize: h, overlaySizeObserver: S } = gt(e), b = j(), v = y(() => {
     const p = a.initiatingDraggable;
     return Dt(
       n.value,
@@ -357,14 +357,14 @@ function Mt(e, t) {
   }), E = y({
     get: () => t?.overlayTo,
     set: (p) => E.value = p
-  }), U = y(() => t?.autoScrollViewport);
+  }), $ = y(() => t?.autoScrollViewport);
   return {
     state: s,
     pointer: n,
     entities: a,
     keyboard: r,
     scrollPosition: l,
-    delay: u,
+    delay: f,
     distanceProgress: c,
     hovered: i,
     collision: g,
@@ -376,16 +376,16 @@ function Mt(e, t) {
       to: E
     },
     lib: {
-      draggableObserver: f,
+      draggableObserver: u,
       droppableObserver: d,
       selectableAreaObserver: m,
       overlaySizeObserver: S,
       rectCache: /* @__PURE__ */ new Map()
     },
-    autoScrollViewport: U
+    autoScrollViewport: $
   };
 }
-const te = (e) => {
+const se = (e) => {
   const t = e.hovered.draggable.keys().next().value;
   if (t) {
     const n = e.entities.draggableMap.get(t);
@@ -402,17 +402,17 @@ function I(e, t, s) {
   const n = Math.max(0, Math.min(t, e.length));
   return [...e.slice(0, n), ...s, ...e.slice(n)];
 }
-function we(e, t, s = 1) {
+function xe(e, t, s = 1) {
   const n = Math.max(0, Math.min(t, e.length - 1)), o = Math.max(0, Math.min(s, e.length - n));
   return [...e.slice(0, n), ...e.slice(n + o)];
 }
-function G(e, t) {
+function H(e, t) {
   const s = [...new Set(t)].filter((o) => o >= 0 && o < e.length).sort((o, r) => r - o);
   let n = e;
-  for (const o of s) n = we(n, o, 1);
+  for (const o of s) n = xe(n, o, 1);
   return n;
 }
-function Ke(e, t, s) {
+function Ze(e, t, s) {
   if (t === s || t < 0 || s < 0 || t >= e.length || s >= e.length)
     return e;
   const n = [...e];
@@ -434,27 +434,27 @@ function Ne(e, t) {
   if (!s.length) return null;
   const r = o?.placement.center === !0 && n != null && n.items !== o.items, a = r ? n.items : o?.items ?? n?.items;
   if (!a) return null;
-  const i = s[0].items, g = s.map((f) => f.index), l = a.length;
-  let u, c;
+  const i = s[0].items, g = s.map((u) => u.index), l = a.length;
+  let f, c;
   if (o && !r) {
-    const f = o.items === i && g.includes(o.index);
-    if (f && s.length === 1) {
+    const u = o.items === i && g.includes(o.index);
+    if (u && s.length === 1) {
       const d = R.isAtZoneStart(n?.placement, t);
-      u = d ? 0 : l, c = d ? "prepend" : "append";
+      f = d ? 0 : l, c = d ? "prepend" : "append";
     } else {
-      if (f)
+      if (u)
         return null;
       {
         const d = R.getInsertSide(o.placement, t), m = o.index;
-        d === "before" ? (u = Math.max(0, m), c = "insert") : d === "after" ? (u = Math.min(l, m + 1), c = "insert") : (u = l, c = "append");
+        d === "before" ? (f = Math.max(0, m), c = "insert") : d === "after" ? (f = Math.min(l, m + 1), c = "insert") : (f = l, c = "append");
       }
     }
   } else {
     if (!n) return null;
-    const f = R.isAtZoneStart(n.placement, t);
-    u = f ? 0 : l, c = f ? "prepend" : "append";
+    const u = R.isAtZoneStart(n.placement, t);
+    f = u ? 0 : l, c = u ? "prepend" : "append";
   }
-  return { targetIndex: u, mode: c, targetArr: a };
+  return { targetIndex: f, mode: c, targetArr: a };
 }
 function vt(e, t = "vertical") {
   const { draggedItems: s } = e;
@@ -467,40 +467,40 @@ function vt(e, t = "vertical") {
   if (l === o) {
     const c = i.filter((d) => d < a).length;
     a = Math.max(0, a - c);
-    const f = I(G(l, i), a, g);
-    return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !0 };
+    const u = I(H(l, i), a, g);
+    return { sourceItems: u, targetItems: u, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !0 };
   } else {
-    const c = G(l, i), f = I(o, a, g);
-    return { sourceItems: c, targetItems: f, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !1 };
+    const c = H(l, i), u = I(o, a, g);
+    return { sourceItems: c, targetItems: u, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !1 };
   }
 }
 function wt(e) {
   const { draggedItems: t, hoveredDraggable: s } = e;
   if (!t.length || !s) return null;
-  const n = t.map((u) => u.index), o = s.index, r = t.map((u) => u.item), a = s.item, i = t[0].items, g = s.items, l = i === g;
+  const n = t.map((f) => f.index), o = s.index, r = t.map((f) => f.item), a = s.item, i = t[0].items, g = s.items, l = i === g;
   if (l && n.includes(o)) return null;
   if (t.length === 1) {
-    const u = n[0];
+    const f = n[0];
     if (l) {
-      const c = Ke(i, u, o);
+      const c = Ze(i, f, o);
       return { sourceItems: c, targetItems: c, sourceIndexes: n, targetIndex: o, sameList: !0 };
     } else {
-      const c = [...i], f = [...g];
-      return c[u] = g[o], f[o] = i[u], { sourceItems: c, targetItems: f, sourceIndexes: n, targetIndex: o, sameList: !1 };
+      const c = [...i], u = [...g];
+      return c[f] = g[o], u[o] = i[f], { sourceItems: c, targetItems: u, sourceIndexes: n, targetIndex: o, sameList: !1 };
     }
   } else {
-    const u = Math.min(...n);
+    const f = Math.min(...n);
     if (l) {
-      const c = n.filter((b) => b < o).length, f = Math.max(0, o - c), d = n.filter((b) => b < u).length, m = Math.max(0, u - d);
-      let h = G(i, n);
-      h = I(h, f, r);
-      const S = m >= f ? m + r.length : m;
-      return h = I(h, S, [a]), { sourceItems: h, targetItems: h, sourceIndexes: n, targetIndex: f, sameList: !0 };
+      const c = n.filter((b) => b < o).length, u = Math.max(0, o - c), d = n.filter((b) => b < f).length, m = Math.max(0, f - d);
+      let h = H(i, n);
+      h = I(h, u, r);
+      const S = m >= u ? m + r.length : m;
+      return h = I(h, S, [a]), { sourceItems: h, targetItems: h, sourceIndexes: n, targetIndex: u, sameList: !0 };
     } else {
-      const c = n.filter((h) => h < u).length, f = Math.max(0, u - c);
-      let d = G(i, n);
-      d = I(d, f, [a]);
-      let m = we(g, o);
+      const c = n.filter((h) => h < f).length, u = Math.max(0, f - c);
+      let d = H(i, n);
+      d = I(d, u, [a]);
+      let m = xe(g, o);
       return m = I(m, o, r), { sourceItems: d, targetItems: m, sourceIndexes: n, targetIndex: o, sameList: !1 };
     }
   }
@@ -517,15 +517,15 @@ function At(e) {
   const { draggedItems: t } = e;
   if (!t.length) return null;
   const s = t.map((a) => a.index), n = t.map((a) => a.item), o = t[0].items;
-  return { sourceItems: G(o, s), removedItems: n, sourceIndexes: s };
+  return { sourceItems: H(o, s), removedItems: n, sourceIndexes: s };
 }
 function Et(e) {
   return {
     // Low-level array ops
     insertAt: I,
-    removeAt: we,
-    removeIndexes: G,
-    swapAt: Ke,
+    removeAt: xe,
+    removeIndexes: H,
+    swapAt: Ze,
     // Placement helpers
     getInsertSide: (t, s) => R.getInsertSide(t, s),
     isAtZoneStart: (t, s) => R.isAtZoneStart(t, s),
@@ -538,7 +538,7 @@ function Et(e) {
   };
 }
 const P = (e) => e.keys().next().value, Lt = (e) => e.target.closest(
-  F.DRAGGABLE
+  _.DRAGGABLE
 );
 function Ct(e) {
   const t = e.entities.initiatingDraggable;
@@ -554,8 +554,8 @@ function Ct(e) {
     item: g[i],
     items: g,
     data: s?.data?.()
-  }), e.entities.draggingMap.forEach((u, c) => {
-    const f = e.entities.draggableMap.get(c), d = f?.payload;
+  }), e.entities.draggingMap.forEach((f, c) => {
+    const u = e.entities.draggableMap.get(c), d = u?.payload;
     if (!d) return;
     const m = d();
     if (!Array.isArray(m) || m.length < 2) return;
@@ -566,9 +566,9 @@ function Ct(e) {
       index: b,
       item: S[b],
       items: g,
-      data: f?.data?.()
+      data: u?.data?.()
     });
-  }), [...l.values()].sort((u, c) => u.index - c.index);
+  }), [...l.values()].sort((f, c) => f.index - c.index);
 }
 const A = (e, t) => {
   const s = Ct(e);
@@ -585,14 +585,14 @@ const A = (e, t) => {
     }
     const a = P(e.hovered.draggable);
     if (a && (a === t || t.contains(a)) && a) {
-      const g = e.entities.draggableMap.get(a), l = g?.payload, u = e.hovered.draggable.get(a), c = { top: !1, right: !1, bottom: !1, left: !1, center: !1 };
+      const g = e.entities.draggableMap.get(a), l = g?.payload, f = e.hovered.draggable.get(a), c = { top: !1, right: !1, bottom: !1, left: !1, center: !1 };
       if (l) {
-        const f = l();
-        if (Array.isArray(f) && f.length >= 2) {
-          const [d, m] = f, h = Number(d);
+        const u = l();
+        if (Array.isArray(u) && u.length >= 2) {
+          const [d, m] = u, h = Number(d);
           o = {
             element: a,
-            placement: u ?? c,
+            placement: f ?? c,
             index: h,
             item: m[h],
             items: m,
@@ -601,7 +601,7 @@ const A = (e, t) => {
         }
       } else g?.data && (o = {
         element: a,
-        placement: u ?? c,
+        placement: f ?? c,
         index: -1,
         item: void 0,
         items: [],
@@ -616,7 +616,7 @@ const A = (e, t) => {
     provider: e,
     helpers: Et({ draggedItems: s, dropZone: n, hoveredDraggable: o })
   };
-}, B = (e, t, s) => {
+}, F = (e, t, s) => {
   if (!t) return;
   const n = e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t);
   !n || n.disabled || n.events?.[s]?.(A(e));
@@ -627,11 +627,11 @@ const A = (e, t) => {
   });
 }, It = (e, t, s) => {
   if (t !== s) {
-    if (t && !_(t, e)) {
+    if (t && !G(t, e)) {
       const n = A(e, t);
       e.entities.droppableMap.get(t)?.events?.onLeave?.(n);
     }
-    if (s && !_(s, e)) {
+    if (s && !G(s, e)) {
       const n = A(e, s);
       e.entities.droppableMap.get(s)?.events?.onEnter?.(n);
     }
@@ -648,18 +648,18 @@ const A = (e, t) => {
       o && !o.disabled && o.events?.onHover?.(n);
     }
   }
-}, ce = (e, t, s) => {
+}, ge = (e, t, s) => {
   const n = Lt(t);
   !n || !e.entities.draggingMap.has(n) || e.entities.draggingMap.get(n)?.events?.[s]?.(A(e));
 }, kt = (e, t) => {
   const s = P(t.droppable);
-  s && !_(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
-}, Ze = (e, t) => {
+  s && !G(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
+}, Ye = (e, t) => {
   const s = P(t.droppable);
-  s && !_(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
+  s && !G(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
 };
 function Pt(e) {
-  return e.parentElement?.closest(F.SELECT_AREA) ?? null;
+  return e.parentElement?.closest(_.SELECT_AREA) ?? null;
 }
 const Tt = (e, t, s) => {
   if (!s) return {};
@@ -674,9 +674,9 @@ const Tt = (e, t, s) => {
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, Ot = (e) => {
+}, zt = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, s = zt(
+  const { selectingArea: t } = e.entities, s = Ot(
     e.pointer.value.start,
     e.pointer.value.current
   ), n = e.entities.selectableAreaMap.get(t)?.groups ?? [], o = e.lib.rectCache;
@@ -687,19 +687,19 @@ const Tt = (e, t, s) => {
       e.entities.selectedSet.delete(r);
       return;
     }
-    if (Me(r, e)) {
+    if (ve(r, e)) {
       e.entities.selectedSet.delete(r);
       return;
     }
     const g = e.entities.draggableMap.get(r)?.groups ?? [];
-    if (!ve(n, g)) {
+    if (!we(n, g)) {
       e.entities.selectedSet.delete(r);
       return;
     }
     let l = o.get(r);
     l || (l = r.getBoundingClientRect(), o.set(r, l)), rt(s, l) ? e.entities.selectedSet.add(r) : e.entities.selectedSet.delete(r);
   });
-}, zt = (e, t) => {
+}, Ot = (e, t) => {
   const s = Math.min(e.x, t.x), n = Math.min(e.y, t.y), o = Math.max(e.x, t.x), r = Math.max(e.y, t.y), a = o - s, i = r - n;
   return new DOMRect(s, n, a, i);
 }, Bt = (e, t, s = 5) => {
@@ -713,11 +713,11 @@ const Tt = (e, t, s) => {
 }, Ft = (e) => {
   const t = e.pointer.value?.current, s = t?.x ?? 0, n = t?.y ?? 0;
   return Bt(s, n, 5);
-}, z = (e, t, s) => {
+}, O = (e, t, s) => {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   if (s) {
-    const i = s.top ?? 0, g = s.right ?? 0, l = s.bottom ?? 0, u = s.left ?? 0, c = t.left + u, f = t.right - g, d = t.top + i, m = t.bottom - l;
-    if (c < f && d < m && n >= c && n <= f && o >= d && o <= m)
+    const i = s.top ?? 0, g = s.right ?? 0, l = s.bottom ?? 0, f = s.left ?? 0, c = t.left + f, u = t.right - g, d = t.top + i, m = t.bottom - l;
+    if (c < u && d < m && n >= c && n <= u && o >= d && o <= m)
       return {
         top: !1,
         right: !1,
@@ -737,22 +737,22 @@ const Tt = (e, t, s) => {
 }, _t = (e) => ({
   x: e.left + e.width / 2,
   y: e.top + e.height / 2
-}), Le = (e, t) => {
+}), Ce = (e, t) => {
   const s = _t(t);
   return Math.hypot(e.x - s.x, e.y - s.y);
 };
 function Gt(e, t) {
   return e === t ? !0 : !e || !t ? !1 : e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left && e.center === t.center;
 }
-function $(e, t) {
+function W(e, t) {
   Gt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
 }
-const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
+const Ht = (e, t) => e.find((s) => s !== t && K(t, s)), oe = (e, t, s) => {
   const n = P(t.droppable), o = P(t.draggable);
   o && t.draggable.delete(o), n && t.droppable.delete(n);
   const r = Ft(e), a = s.zones[0], i = s.elements[0];
   if (a && i && a === i && e.entities.droppableMap.has(a) && a) {
-    const c = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins, d = z(r, c, f);
+    const c = a.getBoundingClientRect(), u = e.entities.draggableMap.get(a)?.placementMargins, d = O(r, c, u);
     if (d.center) {
       t.droppable.set(a, d);
       const m = Ht(s.elements, a);
@@ -760,7 +760,7 @@ const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
         const h = m.getBoundingClientRect();
         t.draggable.set(
           m,
-          z(r, h, void 0)
+          O(r, h, void 0)
         );
       }
     } else
@@ -768,54 +768,54 @@ const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
   } else {
     if (a) {
       const c = a.getBoundingClientRect();
-      t.droppable.set(a, z(r, c));
+      t.droppable.set(a, O(r, c));
     }
     if (i)
       if (a)
-        if (H(a, i)) {
-          const c = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins;
+        if (K(a, i)) {
+          const c = i.getBoundingClientRect(), u = e.entities.draggableMap.get(i)?.placementMargins;
           t.draggable.set(
             i,
-            z(r, c, f)
+            O(r, c, u)
           );
         } else {
-          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = i.getBoundingClientRect(), m = Le(c, f);
-          if (Le(c, d) < m) {
+          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, u = a.getBoundingClientRect(), d = i.getBoundingClientRect(), m = Ce(c, u);
+          if (Ce(c, d) < m) {
             t.droppable.clear();
             const S = e.entities.draggableMap.get(i)?.placementMargins;
             t.draggable.set(
               i,
-              z(r, d, S)
+              O(r, d, S)
             );
           }
         }
       else {
-        const c = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins;
+        const c = i.getBoundingClientRect(), u = e.entities.draggableMap.get(i)?.placementMargins;
         t.draggable.set(
           i,
-          z(r, c, f)
+          O(r, c, u)
         );
       }
   }
-  const l = P(t.droppable), u = P(t.draggable);
-  if (o && o !== u) {
+  const l = P(t.droppable), f = P(t.draggable);
+  if (o && o !== f) {
     const c = e.entities.draggableMap.get(o);
-    c && $(c, void 0);
+    c && W(c, void 0);
   }
   if (n && n !== l) {
     const c = e.entities.droppableMap.get(n);
-    c && $(c, void 0);
+    c && W(c, void 0);
   }
-  if (u) {
-    const c = e.entities.draggableMap.get(u);
-    c && $(c, t.draggable.get(u));
+  if (f) {
+    const c = e.entities.draggableMap.get(f);
+    c && W(c, t.draggable.get(f));
   }
   if (l) {
     const c = e.entities.droppableMap.get(l);
-    c && $(c, t.droppable.get(l));
+    c && W(c, t.droppable.get(l));
   }
-  It(e, n, l), Rt(e, o, u);
-}, Ce = (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, se = (e) => {
+  It(e, n, l), Rt(e, o, f);
+}, Ie = (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, X = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
   const t = e.getBoundingClientRect();
@@ -829,10 +829,10 @@ const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
     right: t.right,
     bottom: t.bottom
   };
-}, Z = (e) => ({
+}, Y = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), Kt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), be = (e, t) => {
+}), Kt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), ye = (e, t) => {
   const s = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
@@ -841,7 +841,7 @@ const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
   ), o = s * n, r = e.width * e.height, a = t.width * t.height;
   return r === 0 || a === 0 ? 0 : (o / r * 100 + o / a * 100) / 2;
-}, Nt = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Zt = (e) => e.overlay.ref?.value ?? null, Yt = (e) => {
+}, Zt = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Nt = (e) => e.overlay.ref?.value ?? null, Yt = (e) => {
   const t = e.overlay.position?.value ?? { x: 0, y: 0 }, { x: s, y: n } = t, o = e.overlay.size?.value;
   let r, a;
   if (o)
@@ -860,59 +860,66 @@ const Ht = (e, t) => e.find((s) => s !== t && H(t, s)), ne = (e, t, s) => {
     right: s + r,
     bottom: n + a
   };
-}, Ye = (e) => e.entities.allowedDraggableSet, Xe = (e) => e.entities.allowedDroppableSet, Xt = (e, t) => !t.entities.draggingMap.has(e), Ut = (e, t) => ![...t.entities.draggingMap.keys()].some(
-  (s) => H(s, e)
-), Vt = (e, t) => t.entities.draggableMap.has(e) ? !Me(e, t) : t.entities.droppableMap.has(e) ? !_(e, t) : !0, ye = (e, t) => Xt(e, t) && Ut(e, t) && Vt(e, t), Ie = 10;
-function q(e, t) {
+}, pe = (e) => e.entities.allowedDraggableSet, Xe = (e) => e.entities.allowedDroppableSet, Xt = (e, t) => !t.entities.draggingMap.has(e), Ut = (e, t) => ![...t.entities.draggingMap.keys()].some(
+  (s) => K(s, e)
+), Vt = (e, t) => t.entities.draggableMap.has(e) ? !ve(e, t) : t.entities.droppableMap.has(e) ? !G(e, t) : !0, Q = (e, t) => Xt(e, t) && Ut(e, t) && Vt(e, t), Re = 10;
+function B(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
     t.y - (e.y + e.height / 2)
   );
 }
 function $t(e) {
-  const t = e.pointer.value?.current ?? { x: 0, y: 0 }, s = document.elementsFromPoint(t.x, t.y), n = Ye(e), o = Xe(e), r = [], a = [];
-  for (const i of s) {
-    const g = n.has(i), l = o.has(i);
-    !g && !l || ye(i, e) && (g && r.push(i), l && a.push(i));
-  }
+  const t = e.pointer.value?.current ?? { x: 0, y: 0 }, s = document.elementFromPoint(t.x, t.y);
+  if (!s) return null;
+  const n = pe(e), o = Xe(e), r = [], a = [];
+  let i = s;
+  for (; i; )
+    (n.has(i) || o.has(i)) && Q(i, e) && (n.has(i) && r.push(i), o.has(i) && a.push(i)), i = i.parentElement;
   return r.length === 0 && a.length === 0 ? null : { elements: r, zones: a };
 }
-const pe = (e) => {
-  if (!Zt(e)) return { elements: [], zones: [] };
-  const s = $t(e);
-  if (s) return s;
-  const n = Yt(e), o = e.pointer.value?.current ?? { x: 0, y: 0 }, r = [...Ye(e)].filter(
-    (l) => ye(l, e)
+const Se = (e) => {
+  if (!Nt(e)) return { elements: [], zones: [] };
+  const s = e.pointer.value?.current ?? { x: 0, y: 0 }, n = $t(e);
+  if (n) {
+    if (n.elements.length > 0) return n;
+    const l = n.zones[0];
+    return l ? { elements: [...pe(e)].filter(
+      (u) => l.contains(u) && Q(u, e)
+    ).map((u) => ({ el: u, box: X(u) })).sort((u, d) => B(u.box, s) - B(d.box, s)).map(({ el: u }) => u), zones: n.zones } : n;
+  }
+  const o = Yt(e), r = [...pe(e)].filter(
+    (l) => Q(l, e)
   ), a = [...Xe(e)].filter(
-    (l) => ye(l, e)
-  ), i = r.map((l) => ({ n: l, box: se(l) })).filter(
-    ({ box: l }) => Ce(l, n) && be(l, n) >= Ie
-  ).sort((l, u) => q(l.box, o) - q(u.box, o)).map(({ n: l }) => l), g = a.map((l) => ({ n: l, box: se(l) })).filter(
-    ({ box: l }) => Ce(l, n) && be(l, n) >= Ie
-  ).sort((l, u) => q(l.box, o) - q(u.box, o)).map(({ n: l }) => l);
+    (l) => Q(l, e)
+  ), i = r.map((l) => ({ n: l, box: X(l) })).filter(
+    ({ box: l }) => Ie(l, o) && ye(l, o) >= Re
+  ).sort((l, f) => B(l.box, s) - B(f.box, s)).map(({ n: l }) => l), g = a.map((l) => ({ n: l, box: X(l) })).filter(
+    ({ box: l }) => Ie(l, o) && ye(l, o) >= Re
+  ).sort((l, f) => B(l.box, s) - B(f.box, s)).map(({ n: l }) => l);
   return { elements: i, zones: g };
 };
-function Se(e) {
+function De(e) {
   if (e.collision?.run) {
     const s = e.collision.run(e);
-    ne(e, e.hovered, s);
+    oe(e, e.hovered, s);
     return;
   }
-  const t = pe(e);
-  ne(e, e.hovered, t);
+  const t = Se(e);
+  oe(e, e.hovered, t);
 }
 function qt(e, t) {
   const s = e.collision?.throttle?.value ?? 0;
   if (s <= 0) {
-    Se(e);
+    De(e);
     return;
   }
   const n = Date.now();
-  n - t.value >= s && (t.value = n, Se(e));
+  n - t.value >= s && (t.value = n, De(e));
 }
 async function Ue(e) {
   const t = e.hovered.droppable.keys().next().value;
-  if (!t || _(t, e)) return "accept";
+  if (!t || G(t, e)) return "accept";
   const s = e.entities.droppableMap.get(t), n = A(e, t), o = s?.events?.onDrop?.(n);
   if (o != null && typeof o.then == "function") {
     e.state.value = "pending";
@@ -921,7 +928,7 @@ async function Ue(e) {
       a = await o;
     } catch {
       const i = e.entities.initiatingDraggable;
-      return B(e, i, "onSelfDragCancel"), x(e, "onDragCancel"), Ze(e, e.hovered), "cancel";
+      return F(e, i, "onSelfDragCancel"), x(e, "onDragCancel"), Ye(e, e.hovered), "cancel";
     }
     return a === !1 ? (e.state.value = "dragging", "decline") : "accept";
   }
@@ -929,7 +936,7 @@ async function Ue(e) {
 }
 function Ve(e) {
   const t = e.entities.initiatingDraggable;
-  B(e, t, "onSelfDragEnd"), x(e, "onDragEnd"), kt(e, e.hovered);
+  F(e, t, "onSelfDragEnd"), x(e, "onDragEnd"), kt(e, e.hovered);
 }
 function Wt(e) {
   const t = e.entities.selectingArea;
@@ -941,51 +948,51 @@ const jt = (e) => {
   const t = {
     current: null
   }, s = { value: 0 }, n = async () => {
-    me(), t.current?.cancel(), t.current = null;
+    he(), t.current?.cancel(), t.current = null;
     const i = e.state.value;
     if (i === "dragging") {
       const g = await Ue(e);
       if (g === "accept" && Ve(e), g === "accept" || g === "cancel") {
-        te(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
+        se(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
         return;
       }
       return;
     } else i === "selecting" && Wt(e);
-    te(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
+    se(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
   }, o = (i) => {
     if (e.pointer.value) {
       if (e.pointer.value.current = { x: i.clientX, y: i.clientY }, ht(e)) {
-        ce(e, i, "onSelfDragStart"), x(e, "onDragStart");
+        ge(e, i, "onSelfDragStart"), x(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
         qt(e, s);
         const g = e.entities.initiatingDraggable;
-        B(e, g, "onSelfDragMove"), x(e, "onDragMove");
+        F(e, g, "onSelfDragMove"), x(e, "onDragMove");
       }
-      e.state.value === "selecting" && Ot(e);
+      e.state.value === "selecting" && zt(e);
     }
   };
   return { pointerDown: (i) => {
     document.addEventListener("pointerup", n), document.addEventListener("pointermove", o);
     const g = i.target, l = g.closest(
-      F.SELECT_AREA
-    ), u = g.closest(
-      F.DRAGGABLE
+      _.SELECT_AREA
+    ), f = g.closest(
+      _.DRAGGABLE
     );
     if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(l)) {
-      de(), e.pointer.value = he(i), e.state.value = "selecting", e.entities.selectingArea = l;
+      me(), e.pointer.value = be(i), e.state.value = "selecting", e.entities.selectingArea = l;
       return;
     }
-    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
-      const c = e.entities.draggableMap.get(u);
-      if (!Ge(g, u, c?.dragHandle))
+    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(f)) {
+      const c = e.entities.draggableMap.get(f);
+      if (!He(g, f, c?.dragHandle))
         return;
-      de(), e.entities.initiatingDraggable = u;
-      const f = Fe(i, u);
-      e.pointer.value = he(i, f.x, f.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = bt(e, () => {
-        ee(e), ce(e, i, "onSelfDragStart"), x(e, "onDragStart");
-      }))) : (ee(e), ce(e, i, "onSelfDragStart"), x(e, "onDragStart"));
+      me(), e.entities.initiatingDraggable = f;
+      const u = _e(i, f);
+      e.pointer.value = be(i, u.x, u.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = bt(e, () => {
+        ne(e), ge(e, i, "onSelfDragStart"), x(e, "onDragStart");
+      }))) : (ne(e), ge(e, i, "onSelfDragStart"), x(e, "onDragStart"));
     }
   }, pointerUp: n, pointerMove: o, cleanup: () => {
     t.current?.cancel(), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
@@ -1003,15 +1010,15 @@ const jt = (e) => {
   const { keys: s } = e.keyboard;
   if (s.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (s.forCancel.includes(t.code)) {
-      t.preventDefault(), me(), B(
+      t.preventDefault(), he(), F(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), x(e, "onDragCancel"), Ze(e, e.hovered), te(e);
+      ), x(e, "onDragCancel"), Ye(e, e.hovered), se(e);
       return;
     }
     if (s.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await Ue(e) && Ve(e), me(), te(e)))();
+      t.preventDefault(), (async () => (await Ue(e) && Ve(e), he(), se(e)))();
       return;
     }
     const o = Jt[t.code];
@@ -1024,8 +1031,8 @@ const jt = (e) => {
         x: e.pointer.value.current.x + o.dx * a,
         y: e.pointer.value.current.y + o.dy * a
       };
-      const g = (e.collision?.run ?? pe)(e);
-      ne(e, e.hovered, g), B(
+      const g = (e.collision?.run ?? Se)(e);
+      oe(e, e.hovered, g), F(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragMove"
@@ -1038,39 +1045,39 @@ const jt = (e) => {
     const o = document.activeElement;
     if (!o) return;
     const r = o.closest(
-      F.DRAGGABLE
+      _.DRAGGABLE
     );
     if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
       return;
     const a = e.entities.draggableMap.get(r);
-    if (!Ge(o, r, a?.dragHandle, !0))
+    if (!He(o, r, a?.dragHandle, !0))
       return;
-    t.preventDefault(), de();
-    const i = r.getBoundingClientRect(), g = i.left + i.width / 2, l = i.top + i.height / 2, u = {
+    t.preventDefault(), me();
+    const i = r.getBoundingClientRect(), g = i.left + i.width / 2, l = i.top + i.height / 2, f = {
       clientX: g,
       clientY: l
     };
     e.entities.initiatingDraggable = r;
-    const c = Fe(u, r);
-    e.pointer.value = he(
-      u,
+    const c = _e(f, r);
+    e.pointer.value = be(
+      f,
       c.x,
       c.y
-    ), ee(e);
-    const d = (e.collision?.run ?? pe)(e);
-    ne(e, e.hovered, d), B(e, r, "onSelfDragStart"), x(e, "onDragStart");
+    ), ne(e);
+    const d = (e.collision?.run ?? Se)(e);
+    oe(e, e.hovered, d), F(e, r, "onSelfDragStart"), x(e, "onDragStart");
   }
 }, en = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
 }, tn = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
-}, ge = {
+}, ue = {
   keyDown: Qt,
   keyUp: en,
   clear: tn
 }, nn = (e) => () => {
-  e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging" && Se(e));
-}, L = 50, sn = 144, Re = 1e3 / sn;
+  e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging" && De(e));
+}, L = 50, sn = 144, ke = 1e3 / sn;
 function on(e) {
   return e == null ? {
     top: L,
@@ -1102,7 +1109,7 @@ const an = {
 };
 function $e(e, t, s, n = an, o) {
   const { speed: r = 10, disabled: a = !1 } = t, i = on(t.threshold);
-  let g = null, l = null, u = null, c = 0, f = 0;
+  let g = null, l = null, f = null, c = 0, u = 0;
   const d = (b) => {
     o && (o.value = b);
   }, m = (b) => {
@@ -1112,22 +1119,22 @@ function $e(e, t, s, n = an, o) {
       return;
     }
     l || (l = b);
-    const U = b - l;
-    if (U < Re) {
+    const $ = b - l;
+    if ($ < ke) {
       g = requestAnimationFrame(m);
       return;
     }
-    const p = r * (U / Re);
+    const p = r * ($ / ke);
     l = b;
-    const { scrollTop: w, scrollLeft: K } = n.getScrollState(v);
-    (!u || c !== w || f !== K) && (u = n.getRect ? n.getRect(v) : v.getBoundingClientRect(), c = w, f = K);
-    let O = !1, re = w, ie = K;
-    i.top > 0 && E.y - u.top < i.top ? (re = w - p, O = !0) : i.bottom > 0 && u.bottom - E.y < i.bottom && (re = w + p, O = !0), i.left > 0 && E.x - u.left < i.left ? (ie = K - p, O = !0) : i.right > 0 && u.right - E.x < i.right && (ie = K + p, O = !0), O && n.setScroll(v, re, ie), d(O), g = requestAnimationFrame(m);
+    const { scrollTop: w, scrollLeft: Z } = n.getScrollState(v);
+    (!f || c !== w || u !== Z) && (f = n.getRect ? n.getRect(v) : v.getBoundingClientRect(), c = w, u = Z);
+    let z = !1, ie = w, le = Z;
+    i.top > 0 && E.y - f.top < i.top ? (ie = w - p, z = !0) : i.bottom > 0 && f.bottom - E.y < i.bottom && (ie = w + p, z = !0), i.left > 0 && E.x - f.left < i.left ? (le = Z - p, z = !0) : i.right > 0 && f.right - E.x < i.right && (le = Z + p, z = !0), z && n.setScroll(v, ie, le), d(z), g = requestAnimationFrame(m);
   };
   return { run: () => {
     l = null, g = requestAnimationFrame(m);
   }, stop: () => {
-    g && (cancelAnimationFrame(g), g = null), u = null, c = 0, f = 0, l = null, d(!1);
+    g && (cancelAnimationFrame(g), g = null), f = null, c = 0, u = 0, l = null, d(!1);
   } };
 }
 const rn = {
@@ -1149,7 +1156,7 @@ const rn = {
   }
 };
 function cn(e, t) {
-  const s = J(!1), o = $e(
+  const s = ee(!1), o = $e(
     ln,
     t ?? {},
     () => {
@@ -1162,7 +1169,7 @@ function cn(e, t) {
     },
     rn,
     s
-  ), r = oe(
+  ), r = ae(
     () => e.state.value,
     (i) => {
       i === "dragging" ? o.run() : o.stop();
@@ -1173,9 +1180,9 @@ function cn(e, t) {
   return We(a), { isScrolling: s, stop: a };
 }
 const gn = (e) => {
-  const t = jt(e), s = ge.keyDown(e), n = ge.keyUp(e), o = ge.clear(e), r = nn(e);
+  const t = jt(e), s = ue.keyDown(e), n = ue.keyUp(e), o = ue.clear(e), r = nn(e);
   let a = null;
-  oe(
+  ae(
     e.autoScrollViewport,
     (i) => {
       a?.(), a = null, (i === !0 || i && typeof i == "object") && (a = cn(
@@ -1184,17 +1191,17 @@ const gn = (e) => {
       ).stop);
     },
     { immediate: !0 }
-  ), Y(() => {
+  ), U(() => {
     document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", s), document.addEventListener("keyup", n), document.addEventListener("blur", o), document.addEventListener("scroll", r, !0);
-  }), X(() => {
+  }), V(() => {
     document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", s), document.removeEventListener("keyup", n), document.removeEventListener("blur", o), document.removeEventListener("scroll", r, !0), a?.(), t.cleanup();
   });
-}, ae = () => {
-  const e = Oe(De);
+}, re = () => {
+  const e = Oe(Me);
   if (!e) throw Error("DnD provider not found");
   return e;
 }, qe = () => {
-  const e = ae();
+  const e = re();
   return {
     overlay: e.overlay,
     delay: e.delay,
@@ -1208,23 +1215,23 @@ const gn = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, un = /* @__PURE__ */ ze({
+}, un = /* @__PURE__ */ Be({
   __name: "DefaultOverlay",
   setup(e) {
     const { entities: t, state: s, overlay: n } = qe();
-    return (o, r) => k(s) === "dragging" ? (C(), j("div", {
+    return (o, r) => k(s) === "dragging" ? (C(), J("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
-      style: xe({
+      style: Ae({
         "--position-x": k(n).position.value.x + "px",
         "--position-y": k(n).position.value.y + "px"
       })
     }, [
-      (C(!0), j(ue, null, je(k(t).draggingMap, ([a, i]) => (C(), j(ue, null, [
-        k(t).draggableMap.get(a)?.render ? (C(), Q(fe(k(t).draggableMap.get(a)?.render), { key: 0 })) : (C(), Q(fe(a.tagName), {
+      (C(!0), J(fe, null, je(k(t).draggingMap, ([a, i]) => (C(), J(fe, null, [
+        k(t).draggableMap.get(a)?.render ? (C(), te(de(k(t).draggableMap.get(a)?.render), { key: 0 })) : (C(), te(de(a.tagName), {
           key: 1,
           innerHTML: i.initialOuterHTML,
-          style: xe({
+          style: Ae({
             width: i.initialRect.width + "px",
             height: i.initialRect.height + "px"
           })
@@ -1232,7 +1239,7 @@ const gn = (e) => {
       ], 64))), 256))
     ], 4)) : Je("", !0);
   }
-}), hn = /* @__PURE__ */ ze({
+}), hn = /* @__PURE__ */ Be({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
@@ -1246,9 +1253,9 @@ const gn = (e) => {
     const o = y(
       () => n.overlay.render.value ?? un
     );
-    return et(De, n), (r, a) => (C(), j(ue, null, [
-      Ae(r.$slots, "default"),
-      (C(), Q(tt, {
+    return et(Me, n), (r, a) => (C(), J(fe, null, [
+      Ee(r.$slots, "default"),
+      (C(), te(tt, {
         to: k(n).overlay.to.value || "body"
       }, [
         nt("div", st({
@@ -1256,8 +1263,8 @@ const gn = (e) => {
           ref: s,
           class: "dnd-kit-overlay-container"
         }, t), [
-          Ae(r.$slots, "overlay", { overlay: o.value }, () => [
-            (C(), Q(fe(o.value)))
+          Ee(r.$slots, "overlay", { overlay: o.value }, () => [
+            (C(), te(de(o.value)))
           ])
         ], 16)
       ], 8, ["to"]))
@@ -1265,7 +1272,7 @@ const gn = (e) => {
   }
 });
 function bn(e, t, s) {
-  const n = ae();
+  const n = re();
   let o, r, a;
   typeof t == "function" ? (o = {}, r = t) : (o = t ?? {}, r = s);
   const i = y({
@@ -1274,8 +1281,8 @@ function bn(e, t, s) {
       return c ? n.entities.selectedSet.has(c) : !1;
     },
     set(c) {
-      const f = D(e);
-      f && n.entities.selectedSet[c ? "add" : "delete"](f);
+      const u = D(e);
+      u && n.entities.selectedSet[c ? "add" : "delete"](u);
     }
   }), g = y(() => {
     const c = D(e);
@@ -1283,12 +1290,12 @@ function bn(e, t, s) {
   }), l = y(() => {
     const c = D(e);
     return c ? n.entities.allowedDraggableSet.has(c) : !1;
-  }), u = y(() => {
+  }), f = y(() => {
     const c = D(e);
     if (c)
       return n.entities.draggableMap.get(c)?.hoveredPlacement;
   });
-  return Y(() => {
+  return U(() => {
     a = D(e), a && (a.addEventListener("dragstart", M), a.addEventListener("drag", M), a.addEventListener("dragend", M), a.setAttribute(T.DRAGGABLE, ""), n.lib.draggableObserver.observe(a), n.entities.draggableMap.set(a, {
       render: o.render,
       disabled: o.disabled ?? !1,
@@ -1302,19 +1309,19 @@ function bn(e, t, s) {
       placementMargins: o.placementMargins,
       hoveredPlacement: void 0
     }));
-  }), X(() => {
+  }), V(() => {
     a && (n.lib.draggableObserver.unobserve(a), n.entities.visibleDraggableSet.delete(a), n.entities.draggableMap.delete(a), n.entities.modifiersDraggableSet.delete(a));
   }), {
     selected: i,
     isDragging: g,
     isAllowed: l,
-    isDragOver: u
+    isDragOver: f
   };
 }
 const yn = (e, t) => {
-  const s = ae(), n = y(() => e.value === s.entities.selectingArea);
+  const s = re(), n = y(() => e.value === s.entities.selectingArea);
   let o = null;
-  Y(() => {
+  U(() => {
     o = D(e), o && (o.setAttribute(T.SELECT_AREA, ""), s.lib.selectableAreaObserver.observe(o), s.entities.selectableAreaMap.set(o, {
       modifier: t?.modifier ?? {
         keys: ["ControlLeft"],
@@ -1324,7 +1331,7 @@ const yn = (e, t) => {
       disabled: t?.disabled ?? !1,
       groups: t?.groups ?? []
     }));
-  }), X(() => {
+  }), V(() => {
     o && (s.lib.selectableAreaObserver.unobserve(o), s.entities.visibleSelectableAreaSet.delete(o), s.entities.modifiersSelectableAreaSet.delete(o), s.entities.selectableAreaMap.delete(o));
   });
   const r = y(() => {
@@ -1338,20 +1345,20 @@ const yn = (e, t) => {
   };
 };
 function pn(e, t) {
-  const s = Oe(De);
+  const s = Oe(Me);
   if (!s) throw Error("DnD provider not found");
   let n = null;
-  return Y(() => {
+  return U(() => {
     n = D(e), n && (n.setAttribute(T.CONSTRAINT_AREA, ""), s.entities.constraintsAreaMap.set(n, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
     }));
-  }), X(() => {
+  }), V(() => {
     n && s.entities.constraintsAreaMap.delete(n);
   }), {};
 }
 function Sn(e, t, s) {
-  const n = ae();
+  const n = re();
   let o = null, r, a;
   typeof t == "function" ? (r = {}, a = t) : (r = t ?? {}, a = s);
   const i = y(() => {
@@ -1362,7 +1369,7 @@ function Sn(e, t, s) {
     if (l)
       return n.entities.droppableMap.get(l)?.hoveredPlacement;
   });
-  return Y(() => {
+  return U(() => {
     o = D(e), o && (o.setAttribute(T.DROPPABLE, ""), n.lib.droppableObserver.observe(o), n.entities.droppableMap.set(o, {
       disabled: r.disabled ?? !1,
       groups: r.groups ?? [],
@@ -1371,7 +1378,7 @@ function Sn(e, t, s) {
       data: r.data,
       hoveredPlacement: void 0
     }));
-  }), X(() => {
+  }), V(() => {
     o && (n.lib.droppableObserver.unobserve(o), n.entities.visibleDroppableSet.delete(o), n.entities.droppableMap.delete(o));
   }), {
     isAllowed: i,
@@ -1379,7 +1386,7 @@ function Sn(e, t, s) {
   };
 }
 const Dn = (e, t) => {
-  const s = qe(), n = J(!1), r = $e(
+  const s = qe(), n = ee(!1), r = $e(
     e,
     t ?? {},
     () => {
@@ -1393,14 +1400,14 @@ const Dn = (e, t) => {
     void 0,
     n
   );
-  return oe(
+  return ae(
     () => s.state.value,
     (a) => {
       a === "dragging" ? r.run() : r.stop();
     }
   ), { isScrolling: n };
 };
-function ke(e, t) {
+function Pe(e, t) {
   return t <= 0 ? e : Math.round(e / t) * t;
 }
 function Mn(e, t) {
@@ -1408,40 +1415,40 @@ function Mn(e, t) {
   return y(() => {
     const { x: r, y: a } = e.value;
     return {
-      x: ke(r, n),
-      y: ke(a, o)
+      x: Pe(r, n),
+      y: Pe(a, o)
     };
   });
 }
-const Pe = () => !0, Te = () => 0, fn = "separate", dn = () => {
+const Te = () => !0, ze = () => 0, fn = "separate", dn = () => {
   const e = {
-    filterElements: Pe,
-    filterZones: Pe,
-    sortElements: Te,
-    sortZones: Te,
+    filterElements: Te,
+    filterZones: Te,
+    sortElements: ze,
+    sortZones: ze,
     mergeStrategy: fn,
     pickClosestBetweenFirst: !1
   }, t = (n, o, r, a, i, g, l) => {
-    const u = a instanceof Set ? a : new Set(a), c = { containerBox: o, pointer: r }, f = e.minOverlapPercent, d = [];
-    for (const m of u) {
+    const f = a instanceof Set ? a : new Set(a), c = { containerBox: o, pointer: r }, u = e.minOverlapPercent, d = [];
+    for (const m of f) {
       if (!i(m, n)) continue;
-      const h = se(m);
+      const h = X(m);
       if (!l(h, c)) continue;
-      const S = be(h, o);
-      if (f !== void 0 && S < f) continue;
+      const S = ye(h, o);
+      if (u !== void 0 && S < u) continue;
       let b = 0;
-      for (const v of u)
-        v !== m && H(v, m) && b++;
+      for (const v of f)
+        v !== m && K(v, m) && b++;
       d.push({
         node: m,
         box: h,
         meta: {
-          isPointerInElement: Nt(h, r.x, r.y),
+          isPointerInElement: Zt(h, r.x, r.y),
           overlapPercent: S,
           depth: b,
           centerDistance: Kt(
-            Z(o),
-            Z(h)
+            Y(o),
+            Y(h)
           )
         }
       });
@@ -1493,7 +1500,7 @@ const Pe = () => !0, Te = () => 0, fn = "separate", dn = () => {
       return (o) => {
         const r = n.container(o);
         if (!r) return { elements: [], zones: [] };
-        const a = n.containerBox ? n.containerBox(o) : se(r), i = o.pointer.value?.current ?? { x: 0, y: 0 }, g = t(
+        const a = n.containerBox ? n.containerBox(o) : X(r), i = o.pointer.value?.current ?? { x: 0, y: 0 }, g = t(
           o,
           a,
           i,
@@ -1511,46 +1518,46 @@ const Pe = () => !0, Te = () => 0, fn = "separate", dn = () => {
           n.collision
         );
         if (n.mergeStrategy === "unified-closest") {
-          const u = [
-            ...g.map((f) => ({
-              node: f.node,
-              box: f.box,
+          const f = [
+            ...g.map((u) => ({
+              node: u.node,
+              box: u.box,
               isZone: !1,
               distance: 0
             })),
-            ...l.map((f) => ({
-              node: f.node,
-              box: f.box,
+            ...l.map((u) => ({
+              node: u.node,
+              box: u.box,
               isZone: !0,
               distance: 0
             }))
           ];
-          if (u.length === 0) return { elements: [], zones: [] };
-          for (const f of u) {
-            const d = Z(f.box);
-            f.distance = Math.hypot(
+          if (f.length === 0) return { elements: [], zones: [] };
+          for (const u of f) {
+            const d = Y(u.box);
+            u.distance = Math.hypot(
               i.x - d.x,
               i.y - d.y
             );
           }
-          const c = u.reduce(
-            (f, d) => d.distance < f.distance ? d : f
+          const c = f.reduce(
+            (u, d) => d.distance < u.distance ? d : u
           );
           return c.isZone ? { elements: [], zones: [c.node] } : { elements: [c.node], zones: [] };
         }
         if (n.pickClosestBetweenFirst && g[0] && l[0]) {
-          const u = Z(l[0].box), c = Z(g[0].box), f = Math.hypot(
-            i.x - u.x,
-            i.y - u.y
+          const f = Y(l[0].box), c = Y(g[0].box), u = Math.hypot(
+            i.x - f.x,
+            i.y - f.y
           );
           return Math.hypot(
             i.x - c.x,
             i.y - c.y
-          ) < f ? { elements: g.map((m) => m.node), zones: [] } : { elements: [], zones: l.map((m) => m.node) };
+          ) < u ? { elements: g.map((m) => m.node), zones: [] } : { elements: [], zones: l.map((m) => m.node) };
         }
         return {
-          elements: g.map((u) => u.node),
-          zones: l.map((u) => u.node)
+          elements: g.map((f) => f.node),
+          zones: l.map((f) => f.node)
         };
       };
     }
@@ -1560,7 +1567,7 @@ const Pe = () => !0, Te = () => 0, fn = "separate", dn = () => {
 export {
   hn as DnDProvider,
   vn as createSensor,
-  pe as defaultCollisionDetection,
+  Se as defaultCollisionDetection,
   Dn as makeAutoScroll,
   pn as makeConstraintArea,
   bn as makeDraggable,