@vue-dnd-kit/core 2.4.3 → 2.4.5

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

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dnd-kit-preview{transform-origin:0 0;will-change:transform}.dnd-kit-preview-container{position:fixed;top:0;left:0;pointer-events:none;cursor:grabbing;z-index:9999}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { shallowRef as V, ref as oe, reactive as $, computed as b, watch as te, onScopeDispose as We, onMounted as X, onBeforeUnmount as Z, inject as Pe, defineComponent as Be, useTemplateRef as Oe, unref as q, openBlock as L, createElementBlock as j, normalizeStyle as Ce, renderSlot as me, Fragment as he, renderList as Je, createBlock as J, resolveDynamicComponent as be, createCommentVNode as Qe, provide as et, Teleport as tt, createElementVNode as nt, mergeProps as st } from "vue";
+import { shallowRef as V, ref as q, reactive as $, computed as b, watch as ne, onScopeDispose as Je, onMounted as Y, onBeforeUnmount as Z, inject as Be, defineComponent as Oe, useTemplateRef as Fe, unref as j, openBlock as L, createElementBlock as W, normalizeStyle as Ce, renderSlot as me, Fragment as he, renderList as Qe, createBlock as Q, resolveDynamicComponent as be, createCommentVNode as et, provide as tt, Teleport as nt, createElementVNode as st, mergeProps as it } from "vue";
 const I = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
@@ -9,7 +9,7 @@ const I = {
   SELECT_AREA: `[${I.SELECT_AREA}]`,
   DRAGGABLE: `[${I.DRAGGABLE}]`,
   CONSTRAINT_AREA: `[${I.CONSTRAINT_AREA}]`
-}, Ee = "VueDnDKitProvider", Ie = (e, t, n, s) => {
+}, xe = "VueDnDKitProvider", Ie = (e, t, n, s) => {
   const i = /* @__PURE__ */ new Set();
   return t.forEach((r) => {
     const a = e.get(r), o = s ? s(r) : a?.disabled;
@@ -22,14 +22,14 @@ const I = {
     c[l]((g) => n.value.has(g)) && i.add(r);
   }), i;
 };
-let Fe = "", it = "", at = "";
-const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, H = (e, t) => e !== t && e.contains(t), ot = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), pe = () => {
+let ze = "", at = "", ot = "";
+const S = (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), pe = () => {
   const e = document.body;
-  Fe = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", w), window.addEventListener("selectstart", w), window.addEventListener("touchstart", w), window.addEventListener("touchmove", w);
+  ze = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", M), window.addEventListener("selectstart", M), window.addEventListener("touchstart", M), window.addEventListener("touchmove", M);
 }, ye = () => {
   const e = document.body;
-  e.style.userSelect = Fe, e.style.touchAction = it, e.style.overscrollBehavior = at, window.removeEventListener("contextmenu", w), window.removeEventListener("selectstart", w), window.removeEventListener("touchstart", w), window.removeEventListener("touchmove", w);
-}, w = (e) => e.preventDefault(), xe = (e, t) => {
+  e.style.userSelect = ze, e.style.touchAction = at, e.style.overscrollBehavior = ot, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
+}, M = (e) => e.preventDefault(), Ee = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
   for (const s of t.entities.visibleDraggableSet)
     if (t.entities.draggableMap.get(s)?.disabled && H(s, e)) return !0;
@@ -39,12 +39,12 @@ const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
   for (const s of t.entities.visibleDroppableSet)
     if (t.entities.droppableMap.get(s)?.disabled && H(s, e)) return !0;
   return !1;
-}, ne = (e, t) => {
+}, se = (e, t) => {
   if (!e.length || !t.length) return !0;
   const n = new Set(t);
   return e.some((s) => n.has(s));
 };
-function rt(e, t, n, s) {
+function lt(e, t, n, s) {
   const i = [];
   for (const a of t.keys()) {
     const o = n.get(a);
@@ -53,11 +53,11 @@ function rt(e, t, n, s) {
   const r = /* @__PURE__ */ new Set();
   for (const a of e) {
     const o = s.get(a), c = o?.groups ?? [], l = o?.groupMatch ?? "every";
-    (!i.length || i[l]((g) => ne(g.groups, c))) && r.add(a);
+    (!i.length || i[l]((g) => se(g.groups, c))) && r.add(a);
   }
   return r;
 }
-function lt(e, t, n) {
+function ct(e, t, n) {
   const s = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
     const o = n.get(a);
@@ -66,11 +66,16 @@ function lt(e, t, n) {
   const i = [...s], r = /* @__PURE__ */ new Set();
   for (const a of e) {
     const c = n.get(a)?.groups ?? [];
-    ne(i, c) && r.add(a);
+    se(i, c) && r.add(a);
   }
   return r;
 }
 const re = (e) => {
+  if (typeof IntersectionObserver > "u")
+    return { observe: () => {
+    }, unobserve: () => {
+    }, disconnect: () => {
+    } };
   const t = new IntersectionObserver((n) => {
     n.forEach((s) => {
       const i = s.target;
@@ -90,11 +95,11 @@ function De(e, t = 0, n = 0) {
     offset: { x: t, y: n }
   };
 }
-function ze(e, t) {
+function _e(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 _e(e, t) {
+function Ge(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -102,34 +107,34 @@ function _e(e, t) {
     initialOuterHTML: e.outerHTML
   };
 }
-function ct(e, t, n) {
+function gt(e, t, n) {
   e.forEach((s) => {
     const i = t.get(s);
-    n.set(s, _e(s, i));
+    n.set(s, Ge(s, i));
   }), e.clear();
 }
-function gt(e, t, n) {
+function ut(e, t, n) {
   n.clear();
   const s = t.get(e);
-  n.set(e, _e(e, s));
+  n.set(e, Ge(e, s));
 }
-function Q(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", ut(
+function ee(e) {
+  e.entities.initiatingDraggable && (e.state.value = "dragging", ft(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function ut(e, t, n, s) {
-  t.has(e) ? ct(t, n, s) : (t.clear(), gt(e, n, s));
+function ft(e, t, n, s) {
+  t.has(e) ? gt(t, n, s) : (t.clear(), ut(e, n, s));
 }
-function Ge(e, t, n, s) {
+function He(e, t, n, s) {
   if (s || !n) return !0;
   const i = e.closest(n);
   return i ? t.contains(i) : !1;
 }
-function ft(e, t) {
+function dt(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);
   if (typeof t == "number") {
@@ -145,24 +150,24 @@ function ft(e, t) {
   const o = i > 0 ? Math.min(n / i, 1) : 1, c = r > 0 ? Math.min(s / r, 1) : 1;
   return a === "both" ? Math.min(o, c) : Math.max(o, c);
 }
-function He(e, t, n) {
+function Ke(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;
 }
-function dt(e) {
+function mt(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return He(
+  return Ke(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
-  ) ? (Q(e), !0) : !1;
+  ) ? (ee(e), !0) : !1;
 }
-function mt(e, t) {
+function ht(e, t) {
   let n = null;
   const s = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
@@ -179,7 +184,7 @@ function mt(e, t) {
     e.delay.progress = Math.min(
       (Date.now() - e.delay.startTime) / (r * 1e3),
       1
-    ), He(
+    ), Ke(
       e.distanceProgress.value,
       e.delay.progress,
       i?.activation
@@ -191,7 +196,7 @@ function mt(e, t) {
     }
   };
 }
-function ht(e, t) {
+function bt(e, t) {
   const n = e.closest(
     G.CONSTRAINT_AREA
   );
@@ -200,10 +205,10 @@ function ht(e, t) {
     entity: t.get(n)
   };
 }
-function bt(e, t, n, s) {
+function pt(e, t, n, s) {
   return n === "x" ? { x: e, y: s.top } : n === "y" ? { x: s.left, y: t } : { x: e, y: t };
 }
-function pt(e, t, n, s, i) {
+function yt(e, t, n, s, i) {
   let r = e, a = t;
   return n !== "y" && (r = Math.max(
     s.left,
@@ -213,23 +218,23 @@ function pt(e, t, n, s, i) {
     Math.min(s.bottom - i.height, t)
   )), { x: r, y: a };
 }
-function yt(e, t, n, s) {
+function Dt(e, t, n, s) {
   if (!e)
     return { x: 0, y: 0 };
   const i = t?.width ?? 0, r = t?.height ?? 0;
   let a = e.current.x - i * e.offset.x, o = e.current.y - r * e.offset.y;
   if (!n)
     return { x: a, y: o };
-  const c = ht(n, s);
+  const c = bt(n, s);
   if (!c)
     return { x: a, y: o };
-  const { element: l, entity: u } = c, g = l.getBoundingClientRect(), f = n.getBoundingClientRect(), d = bt(
+  const { element: l, entity: u } = c, g = l.getBoundingClientRect(), f = n.getBoundingClientRect(), d = pt(
     a,
     o,
     u.axis || "both",
     f
   );
-  return u.restrictToArea ? pt(
+  return u.restrictToArea ? yt(
     d.x,
     d.y,
     u.axis || "both",
@@ -237,7 +242,7 @@ function yt(e, t, n, s) {
     t ?? { width: 0, height: 0 }
   ) : d;
 }
-const Y = {
+const X = {
   forDrag: ["Enter", "Space"],
   forCancel: ["Escape"],
   forDrop: ["Enter", "Space"],
@@ -253,15 +258,15 @@ const Y = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function Dt(e, t) {
-  const n = V(), s = oe(), r = {
+function wt(e, t) {
+  const n = V(), s = q(), r = {
     keys: {
-      pressedKeys: oe(/* @__PURE__ */ new Set()),
-      forDrag: [...Y.forDrag],
-      forCancel: [...Y.forCancel],
-      forDrop: [...Y.forDrop],
-      forMove: [...Y.forMove],
-      forMoveFaster: [...Y.forMoveFaster]
+      pressedKeys: q(/* @__PURE__ */ new Set()),
+      forDrag: [...X.forDrag],
+      forCancel: [...X.forCancel],
+      forDrop: [...X.forDrop],
+      forMove: [...X.forMove],
+      forMoveFaster: [...X.forMoveFaster]
     },
     step: 8,
     moveFaster: 4
@@ -275,13 +280,13 @@ function Dt(e, t) {
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
     selectionBase: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: b(() => n.value ? rt(
+    allowedDroppableSet: b(() => n.value ? lt(
       a.visibleDroppableSet,
       a.draggingMap,
       a.draggableMap,
       a.droppableMap
     ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: b(() => n.value ? lt(
+    allowedDraggableSet: b(() => n.value ? ct(
       a.visibleDraggableSet,
       a.draggingMap,
       a.draggableMap
@@ -295,7 +300,7 @@ function Dt(e, t) {
       a.draggableMap,
       a.visibleDraggableSet,
       r.keys.pressedKeys,
-      (D) => xe(D, { entities: a })
+      (w) => Ee(w, { entities: a })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
@@ -306,33 +311,33 @@ function Dt(e, t) {
   }), c = {
     throttle: V(0)
   }, l = $({
-    x: window.scrollX,
-    y: window.scrollY
+    x: typeof window < "u" ? window.scrollX : 0,
+    y: typeof window < "u" ? window.scrollY : 0
   }), u = $({
     progress: 0,
     startTime: 0
   }), g = b(() => {
     if (!s.value || !a.initiatingDraggable) return 0;
-    const D = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
-    return D ? ft(s.value, D) : 1;
+    const w = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
+    return w ? dt(s.value, w) : 1;
   }), f = re(
     a.visibleDraggableSet
   ), d = re(
     a.visibleDroppableSet
-  ), m = re(
+  ), h = re(
     a.visibleSelectableAreaSet
-  ), h = oe(), M = V(new DOMRect()), p = b(() => {
+  ), m = q(), y = V(typeof DOMRect < "u" ? new DOMRect() : {}), p = b(() => {
     l.x, l.y;
-    const y = M.value, D = a.initiatingDraggable, T = D ? a.draggingMap.get(D) : null, P = y.width && y.height ? y : T?.initialRect ?? null;
-    return yt(
+    const D = y.value, w = a.initiatingDraggable, T = w ? a.draggingMap.get(w) : null, P = D.width && D.height ? D : T?.initialRect ?? null;
+    return Dt(
       s.value,
       P,
-      D || null,
+      w || null,
       a.constraintsAreaMap
     );
-  }), E = b({
+  }), x = b({
     get: () => t?.previewTo,
-    set: (y) => E.value = y
+    set: (D) => x.value = D
   }), k = b(() => t?.autoScrollViewport);
   return {
     state: n,
@@ -345,22 +350,22 @@ function Dt(e, t) {
     hovered: o,
     collision: c,
     preview: {
-      size: M,
+      size: y,
       position: p,
-      render: h,
+      render: m,
       ref: e,
-      to: E
+      to: x
     },
     lib: {
       draggableObserver: f,
       droppableObserver: d,
-      selectableAreaObserver: m,
+      selectableAreaObserver: h,
       rectCache: /* @__PURE__ */ new Map()
     },
     autoScrollViewport: k
   };
 }
-const ee = (e) => {
+const te = (e) => {
   const t = e.hovered.draggable.keys().next().value;
   if (t) {
     const s = e.entities.draggableMap.get(t);
@@ -378,7 +383,7 @@ function St(e) {
     G.SELECT_AREA
   ) ?? null;
 }
-const wt = (e, t, n) => {
+const Mt = (e, t, n) => {
   if (!n) return {};
   const s = n.getBoundingClientRect(), i = Math.max(s.left, Math.min(e.x, t.x)), r = Math.max(s.top, Math.min(e.y, t.y)), a = Math.min(s.right, Math.max(e.x, t.x)), o = Math.min(s.bottom, Math.max(e.y, t.y)), c = Math.max(0, a - i), l = Math.max(0, o - r), u = i - s.left + n.scrollLeft, g = r - s.top + n.scrollTop;
   return {
@@ -391,9 +396,9 @@ const wt = (e, t, n) => {
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, Ke = (e) => {
+}, Ne = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, n = Mt(
+  const { selectingArea: t } = e.entities, n = vt(
     e.pointer.value.start,
     e.pointer.value.current
   ), s = e.entities.selectableAreaMap.get(t)?.groups ?? [], i = e.lib.rectCache;
@@ -404,18 +409,18 @@ const wt = (e, t, n) => {
       e.entities.selectedSet.delete(r);
       return;
     }
-    if (xe(r, e)) {
+    if (Ee(r, e)) {
       e.entities.selectedSet.delete(r);
       return;
     }
     const c = e.entities.draggableMap.get(r)?.groups ?? [];
-    if (!ne(s, c)) {
+    if (!se(s, c)) {
       e.entities.selectedSet.delete(r);
       return;
     }
     let l = i.get(r);
     l || (l = r.getBoundingClientRect(), i.set(r, l));
-    const u = e.entities.selectionBase.has(r), g = ot(n, l);
+    const u = e.entities.selectionBase.has(r), g = rt(n, l);
     switch (e.entities.selectableAreaMap.get(t)?.strategy) {
       case "toggle":
         e.entities.selectedSet[g !== u ? "add" : "delete"](
@@ -427,7 +432,7 @@ const wt = (e, t, n) => {
         break;
     }
   });
-}, Mt = (e, t) => {
+}, vt = (e, t) => {
   const n = Math.min(e.x, t.x), s = Math.min(e.y, t.y), i = Math.max(e.x, t.x), r = Math.max(e.y, t.y), a = i - n, o = r - s;
   return new DOMRect(n, s, a, o);
 };
@@ -445,7 +450,7 @@ function N(e, t) {
   for (const i of n) s = Le(s, i, 1);
   return s;
 }
-function Ne(e, t, n) {
+function Ye(e, t, n) {
   if (t === n || t < 0 || n < 0 || t >= e.length || n >= e.length)
     return e;
   const s = [...e];
@@ -462,7 +467,7 @@ const R = {
     return R.getInsertSide(e, t) === "after" && !e?.center;
   }
 };
-function Ye(e, t) {
+function Xe(e, t) {
   const { draggedItems: n, dropZone: s, hoveredDraggable: i } = e;
   if (!n.length) return null;
   const r = i?.placement.center === !0 && s != null && s.items !== i.items, a = r ? s.items : i?.items ?? s?.items;
@@ -478,8 +483,8 @@ function Ye(e, t) {
       if (f)
         return null;
       {
-        const d = R.getInsertSide(i.placement, t), m = i.index;
-        d === "before" ? (u = Math.max(0, m), g = "insert") : d === "after" ? (u = Math.min(l, m + 1), g = "insert") : (u = l, g = "append");
+        const d = R.getInsertSide(i.placement, t), h = i.index;
+        d === "before" ? (u = Math.max(0, h), g = "insert") : d === "after" ? (u = Math.min(l, h + 1), g = "insert") : (u = l, g = "append");
       }
     }
   } else {
@@ -492,7 +497,7 @@ function Ye(e, t) {
 function At(e, t = "vertical") {
   const { draggedItems: n } = e;
   if (!n.length) return null;
-  const s = Ye(e, t);
+  const s = Xe(e, t);
   if (!s) return null;
   const { targetArr: i, mode: r } = s;
   let { targetIndex: a } = s;
@@ -507,7 +512,7 @@ function At(e, t = "vertical") {
     return { sourceItems: g, targetItems: f, draggedItems: c, sourceIndexes: o, targetIndex: a, mode: r, sameList: !1 };
   }
 }
-function vt(e) {
+function xt(e) {
   const { draggedItems: t, hoveredDraggable: n } = e;
   if (!t.length || !n) return null;
   const s = t.map((u) => u.index), i = n.index, r = t.map((u) => u.item), a = n.item, o = t[0].items, c = n.items, l = o === c;
@@ -515,7 +520,7 @@ function vt(e) {
   if (t.length === 1) {
     const u = s[0];
     if (l) {
-      const g = Ne(o, u, i);
+      const g = Ye(o, u, i);
       return { sourceItems: g, targetItems: g, sourceIndexes: s, targetIndex: i, sameList: !0 };
     } else {
       const g = [...o], f = [...c];
@@ -524,29 +529,29 @@ function vt(e) {
   } else {
     const u = Math.min(...s);
     if (l) {
-      const g = s.filter((p) => p < i).length, f = Math.max(0, i - g), d = s.filter((p) => p < u).length, m = Math.max(0, u - d);
-      let h = N(o, s);
-      h = C(h, f, r);
-      const M = m >= f ? m + r.length : m;
-      return h = C(h, M, [a]), { sourceItems: h, targetItems: h, sourceIndexes: s, targetIndex: f, sameList: !0 };
+      const g = s.filter((p) => p < i).length, f = Math.max(0, i - g), d = s.filter((p) => p < u).length, h = Math.max(0, u - d);
+      let m = N(o, s);
+      m = C(m, f, r);
+      const y = h >= f ? h + r.length : h;
+      return m = C(m, y, [a]), { sourceItems: m, targetItems: m, sourceIndexes: s, targetIndex: f, sameList: !0 };
     } else {
-      const g = s.filter((h) => h < u).length, f = Math.max(0, u - g);
+      const g = s.filter((m) => m < u).length, f = Math.max(0, u - g);
       let d = N(o, s);
       d = C(d, f, [a]);
-      let m = Le(c, i);
-      return m = C(m, i, r), { sourceItems: d, targetItems: m, sourceIndexes: s, targetIndex: i, sameList: !1 };
+      let h = Le(c, i);
+      return h = C(h, i, r), { sourceItems: d, targetItems: h, sourceIndexes: s, targetIndex: i, sameList: !1 };
     }
   }
 }
 function Et(e, t = "vertical") {
   const { draggedItems: n } = e;
   if (!n.length) return null;
-  const s = Ye(e, t);
+  const s = Xe(e, t);
   if (!s) return null;
   const { targetArr: i, targetIndex: r, mode: a } = s, o = n.map((l) => l.item);
   return { targetItems: C(i, r, o), copiedItems: o, targetIndex: r, mode: a };
 }
-function xt(e) {
+function Lt(e) {
   const { draggedItems: t } = e;
   if (!t.length) return null;
   const n = t.map((a) => a.index), s = t.map((a) => a.item), i = t[0].items;
@@ -558,22 +563,22 @@ function Ve(e) {
     insertAt: C,
     removeAt: Le,
     removeIndexes: N,
-    swapAt: Ne,
+    swapAt: Ye,
     // Placement helpers
     getInsertSide: (t, n) => R.getInsertSide(t, n),
     isAtZoneStart: (t, n) => R.isAtZoneStart(t, n),
     isAtZoneEnd: (t, n) => R.isAtZoneEnd(t, n),
     // High-level (event-bound)
     suggestSort: (t) => At(e, t),
-    suggestSwap: () => vt(e),
+    suggestSwap: () => xt(e),
     suggestCopy: (t) => Et(e, t),
-    suggestRemove: () => xt(e)
+    suggestRemove: () => Lt(e)
   };
 }
-const O = (e) => e.keys().next().value, Lt = (e) => e.target.closest(
+const O = (e) => e.keys().next().value, Ct = (e) => e.target.closest(
   G.DRAGGABLE
 );
-function Xe(e, t) {
+function Ze(e, t) {
   const n = t.entities.draggingMap.get(e);
   if (n) return n;
   const s = e.getAttribute(I.DRAGGABLE);
@@ -582,10 +587,10 @@ function Xe(e, t) {
       if (i.id === s) return i;
   }
 }
-function Ct(e) {
+function It(e) {
   const t = e.entities.initiatingDraggable;
   if (!t) return [];
-  const n = Xe(t, e) ?? e.entities.draggableMap.get(t), s = n?.payload;
+  const n = Ze(t, e) ?? e.entities.draggableMap.get(t), s = n?.payload;
   if (!s)
     return n?.data ? [{ index: -1, item: void 0, items: [], data: n.data() }] : [];
   const i = s();
@@ -599,21 +604,21 @@ function Ct(e) {
   }), e.entities.draggingMap.forEach((u, g) => {
     const f = e.entities.draggableMap.get(g), d = f?.payload;
     if (!d) return;
-    const m = d();
-    if (!Array.isArray(m) || m.length < 2) return;
-    const [h, M] = m;
-    if (M !== c) return;
-    const p = Number(h);
+    const h = d();
+    if (!Array.isArray(h) || h.length < 2) return;
+    const [m, y] = h;
+    if (y !== c) return;
+    const p = Number(m);
     l.has(p) || l.set(p, {
       index: p,
-      item: M[p],
+      item: y[p],
       items: c,
       data: f?.data?.()
     });
   }), [...l.values()].sort((u, g) => u.index - g.index);
 }
-const v = (e, t) => {
-  const n = Ct(e);
+const A = (e, t) => {
+  const n = It(e);
   let s, i;
   if (t) {
     const r = e.entities.droppableMap.get(t);
@@ -631,13 +636,13 @@ const v = (e, t) => {
       if (l) {
         const f = l();
         if (Array.isArray(f) && f.length >= 2) {
-          const [d, m] = f, h = Number(d);
+          const [d, h] = f, m = Number(d);
           i = {
             element: a,
             placement: u ?? g,
-            index: h,
-            item: m[h],
-            items: m,
+            index: m,
+            item: h[m],
+            items: h,
             data: c?.data?.()
           };
         }
@@ -660,27 +665,27 @@ const v = (e, t) => {
   };
 }, F = (e, t, n) => {
   if (!t) return;
-  const s = Xe(t, e) ?? e.entities.draggableMap.get(t);
-  !s || s.disabled || s.events?.[n]?.(v(e));
-}, A = (e, t) => {
-  const n = v(e);
+  const s = Ze(t, e) ?? e.entities.draggableMap.get(t);
+  !s || s.disabled || s.events?.[n]?.(A(e));
+}, v = (e, t) => {
+  const n = A(e);
   e.entities.draggingMap.forEach((s) => {
     s.disabled || s.events?.[t]?.(n);
   });
-}, It = (e, t, n) => {
+}, Rt = (e, t, n) => {
   if (t !== n) {
     if (t && !K(t, e)) {
-      const s = v(e, t);
+      const s = A(e, t);
       e.entities.droppableMap.get(t)?.events?.onLeave?.(s);
     }
     if (n && !K(n, e)) {
-      const s = v(e, n);
+      const s = A(e, n);
       e.entities.droppableMap.get(n)?.events?.onEnter?.(s);
     }
   }
-}, Rt = (e, t, n) => {
+}, kt = (e, t, n) => {
   if (t !== n) {
-    const s = v(e);
+    const s = A(e);
     if (t) {
       const i = e.entities.draggableMap.get(t);
       i && !i.disabled && i.events?.onLeave?.(s);
@@ -691,15 +696,15 @@ const v = (e, t) => {
     }
   }
 }, le = (e, t, n) => {
-  const s = Lt(t);
-  !s || !e.entities.draggingMap.has(s) || e.entities.draggingMap.get(s)?.events?.[n]?.(v(e));
-}, kt = (e, t) => {
+  const s = Ct(t);
+  !s || !e.entities.draggingMap.has(s) || e.entities.draggingMap.get(s)?.events?.[n]?.(A(e));
+}, Tt = (e, t) => {
   const n = O(t.droppable);
-  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(v(e, n));
-}, Se = (e, t) => {
+  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
+}, we = (e, t) => {
   const n = O(t.droppable);
-  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(v(e, n));
-}, Tt = (e, t, n = 5) => {
+  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
+}, Pt = (e, t, n = 5) => {
   const s = n / 2;
   return {
     left: e - s,
@@ -707,14 +712,14 @@ const v = (e, t) => {
     width: n,
     height: n
   };
-}, Pt = (e) => {
+}, Bt = (e) => {
   const t = e.pointer.value?.current, n = t?.x ?? 0, s = t?.y ?? 0;
-  return Tt(n, s, 5);
+  return Pt(n, s, 5);
 }, B = (e, t, n) => {
   const s = e.left + e.width / 2, i = e.top + e.height / 2;
   if (n) {
-    const o = n.top ?? 0, c = n.right ?? 0, l = n.bottom ?? 0, u = n.left ?? 0, g = t.left + u, f = t.right - c, d = t.top + o, m = t.bottom - l;
-    if (g < f && d < m && s >= g && s <= f && i >= d && i <= m)
+    const o = n.top ?? 0, c = n.right ?? 0, l = n.bottom ?? 0, u = n.left ?? 0, g = t.left + u, f = t.right - c, d = t.top + o, h = t.bottom - l;
+    if (g < f && d < h && s >= g && s <= f && i >= d && i <= h)
       return {
         top: !1,
         right: !1,
@@ -731,43 +736,43 @@ const v = (e, t) => {
     right: s > r,
     center: !1
   };
-}, Bt = (e) => ({
+}, Ot = (e) => ({
   x: e.left + e.width / 2,
   y: e.top + e.height / 2
 }), Re = (e, t) => {
-  const n = Bt(t);
+  const n = Ot(t);
   return Math.hypot(e.x - n.x, e.y - n.y);
 };
-function Ot(e, t) {
+function Ft(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 U(e, t) {
-  Ot(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
+  Ft(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
 }
-const Ft = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
+const zt = (e, t) => e.find((n) => n !== t && H(t, n)), Se = (e, t, n) => {
   const s = O(t.droppable), i = O(t.draggable);
   i && t.draggable.delete(i), s && t.droppable.delete(s);
-  const r = Pt(e), a = n.zones[0], o = n.elements[0];
+  const r = Bt(e), a = n.zones[0], o = n.elements[0];
   if (a && o && a === o && e.entities.droppableMap.has(a) && a) {
     const g = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins, d = B(r, g, f);
     if (d.center) {
       t.droppable.set(a, d);
-      const m = Ft(n.elements, a);
-      if (m) {
-        const h = m.getBoundingClientRect();
+      const h = zt(n.elements, a);
+      if (h) {
+        const m = h.getBoundingClientRect();
         t.draggable.set(
-          m,
-          B(r, h, void 0)
+          h,
+          B(r, m, void 0)
         );
       }
     } else {
       t.draggable.set(o, d);
-      const m = n.zones.find((h) => h !== a);
-      if (m) {
-        const h = m.getBoundingClientRect();
+      const h = n.zones.find((m) => m !== a);
+      if (h) {
+        const m = h.getBoundingClientRect();
         t.droppable.set(
-          m,
-          B(r, h)
+          h,
+          B(r, m)
         );
       }
     }
@@ -785,13 +790,13 @@ const Ft = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
             B(r, g, f)
           );
         } else {
-          const g = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = o.getBoundingClientRect(), m = Re(g, f);
-          if (Re(g, d) < m) {
+          const g = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = o.getBoundingClientRect(), h = Re(g, f);
+          if (Re(g, d) < h) {
             t.droppable.clear();
-            const M = e.entities.draggableMap.get(o)?.placementMargins;
+            const y = e.entities.draggableMap.get(o)?.placementMargins;
             t.draggable.set(
               o,
-              B(r, d, M)
+              B(r, d, y)
             );
           }
         }
@@ -820,7 +825,7 @@ const Ft = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
     const g = e.entities.droppableMap.get(l);
     g && U(g, t.droppable.get(l));
   }
-  It(e, s, l), Rt(e, i, u);
+  Rt(e, s, l), kt(e, i, 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, ge = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
@@ -844,7 +849,7 @@ const Ft = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
   ), i = n * s, r = e.width * e.height, a = t.width * t.height;
   return r === 0 || a === 0 ? 0 : (i / r * 100 + i / a * 100) / 2;
-}, zt = (e) => e.preview.ref?.value ?? null, ke = (e) => {
+}, _t = (e) => e.preview.ref?.value ?? null, ke = (e) => {
   const t = e.preview.position?.value ?? { x: 0, y: 0 }, { x: n, y: s } = t, i = e.preview.size?.value;
   let r, a;
   if (i)
@@ -863,46 +868,50 @@ const Ft = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
     right: n + r,
     bottom: s + a
   };
-}, Me = (e) => e.entities.allowedDraggableSet, Ze = (e) => e.entities.allowedDroppableSet, _t = (e, t) => !t.entities.draggingMap.has(e), Gt = (e, t) => ![...t.entities.draggingMap.keys()].some((n) => {
+}, Me = (e) => e.entities.allowedDraggableSet, $e = (e) => e.entities.allowedDroppableSet, Gt = (e, t) => !t.entities.draggingMap.has(e), Ht = (e, t) => ![...t.entities.draggingMap.keys()].some((n) => {
   if (H(n, e)) return !0;
   const s = n.parentElement;
   return !!(s && e !== n && !t.entities.draggableMap.has(s) && !t.entities.droppableMap.has(s) && H(s, e) && [
     ...t.entities.draggableMap.keys()
   ].filter((r) => r.parentElement === s).length === 1);
-}), Ht = (e, t) => t.entities.draggableMap.has(e) ? !xe(e, t) : t.entities.droppableMap.has(e) ? !K(e, t) : !0, W = (e, t) => _t(e, t) && Gt(e, t) && Ht(e, t), fe = 10;
+}), Kt = (e, t) => t.entities.draggableMap.has(e) ? !Ee(e, t) : t.entities.droppableMap.has(e) ? !K(e, t) : !0, J = (e, t) => Gt(e, t) && Ht(e, t) && Kt(e, t), fe = 10;
 function _(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
     t.y - (e.y + e.height / 2)
   );
 }
-function Kt(e) {
+function Te(e, t) {
+  const n = Math.max(e.x, Math.min(t.x, e.x + e.width)), s = Math.max(e.y, Math.min(t.y, e.y + e.height));
+  return Math.hypot(t.x - n, t.y - s);
+}
+function Nt(e) {
   const t = e.pointer.value?.current ?? { x: 0, y: 0 }, n = document.elementFromPoint(t.x, t.y);
   if (!n) return null;
-  const s = Me(e), i = Ze(e), r = [], a = [];
+  const s = Me(e), i = $e(e), r = [], a = [];
   let o = n;
   for (; o; )
-    (s.has(o) || i.has(o)) && W(o, e) && (s.has(o) && r.push(o), i.has(o) && a.push(o)), o = o.parentElement;
+    (s.has(o) || i.has(o)) && J(o, e) && (s.has(o) && r.push(o), i.has(o) && a.push(o)), o = o.parentElement;
   return r.length === 0 && a.length === 0 ? null : { elements: r, zones: a };
 }
-const Ae = (e) => {
-  if (!zt(e)) return { elements: [], zones: [] };
-  const n = e.pointer.value?.current ?? { x: 0, y: 0 }, s = Kt(e);
+const ve = (e) => {
+  if (!_t(e)) return { elements: [], zones: [] };
+  const n = e.pointer.value?.current ?? { x: 0, y: 0 }, s = Nt(e);
   if (s) {
     if (s.elements.length > 0) return s;
     const l = s.zones[0];
     if (!l) return s;
-    const u = ke(e);
-    return { elements: [...Me(e)].filter(
-      (d) => l.contains(d) && W(d, e)
-    ).map((d) => ({ el: d, box: ge(d) })).filter(
-      ({ box: d }) => ce(d, u) && ue(d, u) >= fe
-    ).sort((d, m) => _(d.box, n) - _(m.box, n)).map(({ el: d }) => d), zones: s.zones };
+    const u = ke(e), f = [...Me(e)].filter(
+      (m) => l.contains(m) && J(m, e)
+    ).map((m) => ({ el: m, box: ge(m) })), d = f.filter(
+      ({ box: m }) => ce(m, u) && ue(m, u) >= fe
+    ).sort((m, y) => _(m.box, n) - _(y.box, n)).map(({ el: m }) => m);
+    return d.length > 0 ? { elements: d, zones: s.zones } : { elements: f.sort((m, y) => Te(m.box, n) - Te(y.box, n)).map(({ el: m }) => m), zones: s.zones };
   }
   const i = ke(e), r = [...Me(e)].filter(
-    (l) => W(l, e)
-  ), a = [...Ze(e)].filter(
-    (l) => W(l, e)
+    (l) => J(l, e)
+  ), a = [...$e(e)].filter(
+    (l) => J(l, e)
   ), o = r.map((l) => ({ n: l, box: ge(l) })).filter(
     ({ box: l }) => ce(l, i) && ue(l, i) >= fe
   ).sort((l, u) => _(l.box, n) - _(u.box, n)).map(({ n: l }) => l), c = a.map((l) => ({ n: l, box: ge(l) })).filter(
@@ -910,30 +919,30 @@ const Ae = (e) => {
   ).sort((l, u) => _(l.box, n) - _(u.box, n)).map(({ n: l }) => l);
   return { elements: o, zones: c };
 };
-function ve(e) {
-  const t = Ae(e);
-  we(e, e.hovered, t);
+function Ae(e) {
+  const t = ve(e);
+  Se(e, e.hovered, t);
 }
-function Nt(e, t) {
+function Yt(e, t) {
   const n = e.collision?.throttle?.value ?? 0;
   if (n <= 0) {
-    ve(e);
+    Ae(e);
     return;
   }
   const s = Date.now();
-  s - t.value >= n && (t.value = s, ve(e));
+  s - t.value >= n && (t.value = s, Ae(e));
 }
-async function $e(e) {
+async function Ue(e) {
   const t = e.hovered.droppable.keys().next().value;
   if (!t || K(t, e)) return "accept";
-  const n = e.entities.droppableMap.get(t), s = v(e, t);
+  const n = e.entities.droppableMap.get(t), s = A(e, t);
   let i = s;
   if (n?.groupMatch === "some" && (n.groups?.length ?? 0) > 0) {
     const o = n.groups, c = s.draggedItems.filter((u) => {
       for (const [, g] of e.entities.draggingMap) {
         const f = g.payload?.();
         if (!(!Array.isArray(f) || f.length < 2) && Number(f[0]) === u.index && f[1] === u.items)
-          return ne(g.groups ?? [], o);
+          return se(g.groups ?? [], o);
       }
       return !0;
     }), l = s.draggedItems.filter(
@@ -958,16 +967,16 @@ async function $e(e) {
           try {
             d = await g;
           } catch {
-            const h = e.entities.initiatingDraggable;
-            return F(e, h, "onSelfDragCancel"), A(e, "onDragCancel"), Se(e, e.hovered), "cancel";
+            const m = e.entities.initiatingDraggable;
+            return F(e, m, "onSelfDragCancel"), v(e, "onDragCancel"), we(e, e.hovered), "cancel";
           }
         } else
           d = g;
         if (d === !1)
           return e.state.value = "dragging", "decline";
-        const m = Array.isArray(d) ? d : c;
-        if (m.length === 0) return "accept";
-        i = u(m);
+        const h = Array.isArray(d) ? d : c;
+        if (h.length === 0) return "accept";
+        i = u(h);
       } else {
         if (c.length === 0) return "accept";
         i = u(c);
@@ -982,17 +991,17 @@ async function $e(e) {
       o = await r;
     } catch {
       const c = e.entities.initiatingDraggable;
-      return F(e, c, "onSelfDragCancel"), A(e, "onDragCancel"), Se(e, e.hovered), "cancel";
+      return F(e, c, "onSelfDragCancel"), v(e, "onDragCancel"), we(e, e.hovered), "cancel";
     }
     return o === !1 ? (e.state.value = "dragging", "decline") : "accept";
   }
   return r === !1 ? "decline" : "accept";
 }
-function Ue(e) {
+function qe(e) {
   const t = e.entities.initiatingDraggable;
-  F(e, t, "onSelfDragEnd"), A(e, "onDragEnd"), kt(e, e.hovered);
+  F(e, t, "onSelfDragEnd"), v(e, "onDragEnd"), Tt(e, e.hovered);
 }
-function Yt(e) {
+function Xt(e) {
   const t = e.entities.selectingArea;
   if (!t) return;
   const n = e.entities.selectableAreaMap.get(t), s = [...e.entities.selectedSet];
@@ -1005,26 +1014,26 @@ const Vt = (e) => {
     ye(), t.current?.cancel(), t.current = null;
     const o = e.state.value;
     if (o === "dragging") {
-      const c = await $e(e);
-      if (c === "accept" && Ue(e), c === "accept" || c === "cancel") {
-        ee(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
+      const c = await Ue(e);
+      if (c === "accept" && qe(e), c === "accept" || c === "cancel") {
+        te(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
         return;
       }
       return;
-    } else o === "selecting" && Yt(e);
-    ee(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
+    } else o === "selecting" && Xt(e);
+    te(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", i);
   }, i = (o) => {
     if (e.pointer.value && e.state.value !== "pending") {
-      if (e.pointer.value.current = { x: o.clientX, y: o.clientY }, dt(e)) {
-        le(e, o, "onSelfDragStart"), A(e, "onDragStart");
+      if (e.pointer.value.current = { x: o.clientX, y: o.clientY }, mt(e)) {
+        le(e, o, "onSelfDragStart"), v(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        Nt(e, n);
+        Yt(e, n);
         const c = e.entities.initiatingDraggable;
-        F(e, c, "onSelfDragMove"), A(e, "onDragMove");
+        F(e, c, "onSelfDragMove"), v(e, "onDragMove");
       }
-      e.state.value === "selecting" && Ke(e);
+      e.state.value === "selecting" && Ne(e);
     }
   };
   return { pointerDown: (o) => {
@@ -1040,18 +1049,18 @@ const Vt = (e) => {
     }
     if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
       const g = e.entities.draggableMap.get(u);
-      if (!Ge(c, u, g?.dragHandle))
+      if (!He(c, u, g?.dragHandle))
         return;
       pe(), e.entities.initiatingDraggable = u;
-      const f = ze(o, u);
-      e.pointer.value = De(o, f.x, f.y), g?.activation?.distance || g?.activation?.delay ? (e.state.value = "activating", g?.activation?.delay && (e.delay.startTime = Date.now(), t.current = mt(e, () => {
-        Q(e), le(e, o, "onSelfDragStart"), A(e, "onDragStart");
-      }))) : (Q(e), le(e, o, "onSelfDragStart"), A(e, "onDragStart"));
+      const f = _e(o, u);
+      e.pointer.value = De(o, f.x, f.y), g?.activation?.distance || g?.activation?.delay ? (e.state.value = "activating", g?.activation?.delay && (e.delay.startTime = Date.now(), t.current = ht(e, () => {
+        ee(e), le(e, o, "onSelfDragStart"), v(e, "onDragStart");
+      }))) : (ee(e), le(e, o, "onSelfDragStart"), v(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();
   } };
-}, Xt = {
+}, Zt = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -1060,7 +1069,7 @@ const Vt = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, Zt = (e) => (t) => {
+}, $t = (e) => (t) => {
   const { keys: n } = e.keyboard;
   if (n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (n.forCancel.includes(t.code)) {
@@ -1068,14 +1077,14 @@ const Vt = (e) => {
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), A(e, "onDragCancel"), Se(e, e.hovered), ee(e);
+      ), v(e, "onDragCancel"), we(e, e.hovered), te(e);
       return;
     }
     if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await $e(e) && Ue(e), ye(), ee(e)))();
+      t.preventDefault(), (async () => (await Ue(e) && qe(e), ye(), te(e)))();
       return;
     }
-    const i = Xt[t.code];
+    const i = Zt[t.code];
     if (i && n.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
       const r = n.forMoveFaster.some(
@@ -1085,12 +1094,12 @@ const Vt = (e) => {
         x: e.pointer.value.current.x + i.dx * a,
         y: e.pointer.value.current.y + i.dy * a
       };
-      const o = Ae(e);
-      we(e, e.hovered, o), F(
+      const o = ve(e);
+      Se(e, e.hovered, o), F(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragMove"
-      ), A(e, "onDragMove");
+      ), v(e, "onDragMove");
       return;
     }
     return;
@@ -1104,7 +1113,7 @@ const Vt = (e) => {
     if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
       return;
     const a = e.entities.draggableMap.get(r);
-    if (!Ge(i, r, a?.dragHandle, !0))
+    if (!He(i, r, a?.dragHandle, !0))
       return;
     t.preventDefault(), pe();
     const o = r.getBoundingClientRect(), c = o.left + o.width / 2, l = o.top + o.height / 2, u = {
@@ -1112,54 +1121,54 @@ const Vt = (e) => {
       clientY: l
     };
     e.entities.initiatingDraggable = r;
-    const g = ze(u, r);
+    const g = _e(u, r);
     e.pointer.value = De(
       u,
       g.x,
       g.y
-    ), Q(e);
-    const f = Ae(e);
-    we(e, e.hovered, f), F(e, r, "onSelfDragStart"), A(e, "onDragStart");
+    ), ee(e);
+    const f = ve(e);
+    Se(e, e.hovered, f), F(e, r, "onSelfDragStart"), v(e, "onDragStart");
   }
-}, $t = (e) => (t) => {
+}, Ut = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, Ut = (e) => () => {
+}, qt = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
 }, de = {
-  keyDown: Zt,
-  keyUp: $t,
-  clear: Ut
-}, qt = (e) => () => {
+  keyDown: $t,
+  keyUp: Ut,
+  clear: qt
+}, jt = (e) => () => {
   if (!e.state.value) return;
   const t = e.scrollPosition.x, n = e.scrollPosition.y;
   if (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging") {
-    ve(e);
+    Ae(e);
     return;
   }
   if (e.state.value === "selecting" && e.pointer.value) {
     const s = window.scrollX - t, i = window.scrollY - n;
-    e.pointer.value.start.x -= s, e.pointer.value.start.y -= i, Ke(e);
+    e.pointer.value.start.x -= s, e.pointer.value.start.y -= i, Ne(e);
   }
-}, x = 50, jt = 144, Te = 1e3 / jt;
-function Wt(e) {
+}, E = 50, Wt = 144, Pe = 1e3 / Wt;
+function Jt(e) {
   return e == null ? {
-    top: x,
-    right: x,
-    bottom: x,
-    left: x
+    top: E,
+    right: E,
+    bottom: E,
+    left: E
   } : typeof e == "number" ? {
     top: e,
     right: e,
     bottom: e,
     left: e
   } : {
-    top: e.top ?? x,
-    right: e.right ?? x,
-    bottom: e.bottom ?? x,
-    left: e.left ?? x
+    top: e.top ?? E,
+    right: e.right ?? E,
+    bottom: e.bottom ?? E,
+    left: e.left ?? E
   };
 }
-const Jt = {
+const Qt = {
   getScrollState(e) {
     return {
       scrollTop: e.scrollTop,
@@ -1170,37 +1179,37 @@ const Jt = {
     e.scrollTop = t, e.scrollLeft = n;
   }
 };
-function qe(e, t, n, s = Jt, i) {
-  const { speed: r = 10, disabled: a = !1 } = t, o = Wt(t.threshold);
+function je(e, t, n, s = Qt, i) {
+  const { speed: r = 10, disabled: a = !1 } = t, o = Jt(t.threshold);
   let c = null, l = null, u = null, g = 0, f = 0;
   const d = (p) => {
     i && (i.value = p);
-  }, m = (p) => {
-    const E = e.value, k = n();
-    if (!E || !k || a) {
+  }, h = (p) => {
+    const x = e.value, k = n();
+    if (!x || !k || a) {
       d(!1);
       return;
     }
     l || (l = p);
-    const y = p - l;
-    if (y < Te) {
-      c = requestAnimationFrame(m);
+    const D = p - l;
+    if (D < Pe) {
+      c = requestAnimationFrame(h);
       return;
     }
-    const D = r * (y / Te);
+    const w = r * (D / Pe);
     l = p;
-    const { scrollTop: T, scrollLeft: P } = s.getScrollState(E);
-    (!u || g !== T || f !== P) && (u = s.getRect ? s.getRect(E) : E.getBoundingClientRect(), g = T, f = P);
-    let z = !1, ie = T, ae = P;
-    o.top > 0 && k.y - u.top < o.top ? (ie = T - D, z = !0) : o.bottom > 0 && u.bottom - k.y < o.bottom && (ie = T + D, z = !0), o.left > 0 && k.x - u.left < o.left ? (ae = P - D, z = !0) : o.right > 0 && u.right - k.x < o.right && (ae = P + D, z = !0), z && s.setScroll(E, ie, ae), d(z), c = requestAnimationFrame(m);
+    const { scrollTop: T, scrollLeft: P } = s.getScrollState(x);
+    (!u || g !== T || f !== P) && (u = s.getRect ? s.getRect(x) : x.getBoundingClientRect(), g = T, f = P);
+    let z = !1, ae = T, oe = P;
+    o.top > 0 && k.y - u.top < o.top ? (ae = T - w, z = !0) : o.bottom > 0 && u.bottom - k.y < o.bottom && (ae = T + w, z = !0), o.left > 0 && k.x - u.left < o.left ? (oe = P - w, z = !0) : o.right > 0 && u.right - k.x < o.right && (oe = P + w, z = !0), z && s.setScroll(x, ae, oe), d(z), c = requestAnimationFrame(h);
   };
   return { run: () => {
-    l = null, c = requestAnimationFrame(m);
+    l = null, c = requestAnimationFrame(h);
   }, stop: () => {
     c && (cancelAnimationFrame(c), c = null), u = null, g = 0, f = 0, l = null, d(!1);
   } };
 }
-const Qt = {
+const en = {
   getScrollState() {
     return {
       scrollTop: window.scrollY ?? document.documentElement.scrollTop,
@@ -1213,14 +1222,14 @@ const Qt = {
   getRect() {
     return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
   }
-}, en = {
+}, tn = {
   get value() {
     return typeof document < "u" ? document.documentElement : null;
   }
 };
-function tn(e, t) {
-  const n = V(!1), i = qe(
-    en,
+function nn(e, t) {
+  const n = V(!1), i = je(
+    tn,
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
@@ -1230,9 +1239,9 @@ function tn(e, t) {
         y: o.y + c.height / 2
       } : o : null;
     },
-    Qt,
+    en,
     n
-  ), r = te(
+  ), r = ne(
     () => e.state.value,
     (o) => {
       o === "dragging" ? i.run() : i.stop();
@@ -1240,31 +1249,31 @@ function tn(e, t) {
   ), a = () => {
     r(), i.stop();
   };
-  return We(a), { isScrolling: n, stop: a };
+  return Je(a), { isScrolling: n, stop: a };
 }
-const nn = (e) => {
-  const t = Vt(e), n = de.keyDown(e), s = de.keyUp(e), i = de.clear(e), r = qt(e);
+const sn = (e) => {
+  const t = Vt(e), n = de.keyDown(e), s = de.keyUp(e), i = de.clear(e), r = jt(e);
   let a = null;
-  te(
+  ne(
     e.autoScrollViewport,
     (o) => {
-      a?.(), a = null, (o === !0 || o && typeof o == "object") && (a = tn(
+      a?.(), a = null, (o === !0 || o && typeof o == "object") && (a = nn(
         e,
         o === !0 ? {} : o
       ).stop);
     },
     { immediate: !0 }
-  ), X(() => {
+  ), Y(() => {
     document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", s), document.addEventListener("blur", i), document.addEventListener("scroll", r, !0);
   }), Z(() => {
     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", r, !0), a?.(), t.cleanup();
   });
-}, se = () => {
-  const e = Pe(Ee);
+}, ie = () => {
+  const e = Be(xe);
   if (!e) throw Error("DnD provider not found");
   return e;
-}, je = () => {
-  const e = se();
+}, We = () => {
+  const e = ie();
   return {
     preview: e.preview,
     delay: e.delay,
@@ -1278,14 +1287,14 @@ const nn = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, sn = /* @__PURE__ */ Be({
+}, an = /* @__PURE__ */ Oe({
   __name: "DragPreview",
   props: {
     grid: {}
   },
   setup(e) {
-    const { state: t, entities: n, preview: s } = je(), i = Oe("contentRef");
-    te(
+    const { state: t, entities: n, preview: s } = We(), i = Fe("contentRef");
+    ne(
       () => i.value,
       () => {
         const o = i.value?.getBoundingClientRect();
@@ -1296,7 +1305,7 @@ const nn = (e) => {
       const { x: o, y: c } = s.position.value, l = typeof e.grid == "object" ? e.grid.x : e.grid, u = typeof e.grid == "object" ? e.grid.y : e.grid;
       return { x: r(o, l), y: r(c, u) };
     });
-    return (o, c) => q(t) === "dragging" ? (L(), j("div", {
+    return (o, c) => j(t) === "dragging" ? (L(), W("div", {
       key: 0,
       class: "dnd-kit-preview",
       ref_key: "contentRef",
@@ -1306,10 +1315,10 @@ const nn = (e) => {
       })
     }, [
       me(o.$slots, "default", {
-        draggingMap: q(n).draggingMap
+        draggingMap: j(n).draggingMap
       }, () => [
-        (L(!0), j(he, null, Je(q(n).draggingMap, ([l, u]) => (L(), j(he, { key: l }, [
-          u.render ? (L(), J(be(u.render), { key: 0 })) : (L(), J(be(l.tagName), {
+        (L(!0), W(he, null, Qe(j(n).draggingMap, ([l, u]) => (L(), W(he, { key: l }, [
+          u.render ? (L(), Q(be(u.render), { key: 0 })) : (L(), Q(be(l.tagName), {
             key: 1,
             innerHTML: u.initialOuterHTML,
             style: Ce({
@@ -1319,9 +1328,9 @@ const nn = (e) => {
           }, null, 8, ["innerHTML", "style"]))
         ], 64))), 128))
       ])
-    ], 4)) : Qe("", !0);
+    ], 4)) : et("", !0);
   }
-}), on = /* @__PURE__ */ Be({
+}), rn = /* @__PURE__ */ Oe({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
@@ -1330,29 +1339,32 @@ const nn = (e) => {
     class: {}
   },
   setup(e) {
-    const t = e, n = Oe("previewRef"), s = Dt(n, t);
-    nn(s);
-    const i = b(() => s.preview.render.value ?? sn);
-    return et(Ee, s), (r, a) => (L(), j(he, null, [
-      me(r.$slots, "default"),
-      (L(), J(tt, {
-        to: q(s).preview.to.value || "body"
+    const t = e, n = Fe("previewRef"), s = wt(n, t);
+    sn(s);
+    const i = q(!1);
+    Y(() => i.value = !0);
+    const r = b(() => s.preview.render.value ?? an);
+    return tt(xe, s), (a, o) => (L(), W(he, null, [
+      me(a.$slots, "default"),
+      (L(), Q(nt, {
+        disabled: !i.value,
+        to: j(s).preview.to.value || "body"
       }, [
-        nt("div", st({
+        st("div", it({
           ref_key: "previewRef",
           ref: n,
           class: "dnd-kit-preview-container"
         }, t), [
-          me(r.$slots, "preview", { preview: i.value }, () => [
-            (L(), J(be(i.value)))
+          me(a.$slots, "preview", { preview: r.value }, () => [
+            (L(), Q(be(r.value)))
           ])
         ], 16)
-      ], 8, ["to"]))
+      ], 8, ["disabled", "to"]))
     ], 64));
   }
 });
-function rn(e, t, n) {
-  const s = se();
+function ln(e, t, n) {
+  const s = ie();
   let i, r, a;
   typeof t == "function" ? (i = {}, r = t) : (i = t ?? {}, r = n);
   const o = i.id ?? Math.random().toString(36).slice(2), c = b({
@@ -1375,8 +1387,8 @@ function rn(e, t, n) {
     if (f)
       return s.entities.draggableMap.get(f)?.hoveredPlacement;
   });
-  return X(() => {
-    if (a = S(e), !!a && (a.addEventListener("dragstart", w), a.addEventListener("drag", w), a.addEventListener("dragend", w), a.setAttribute(I.DRAGGABLE, o), s.lib.draggableObserver.observe(a), s.entities.draggableMap.set(a, {
+  return Y(() => {
+    if (a = S(e), !!a && (a.addEventListener("dragstart", M), a.addEventListener("drag", M), a.addEventListener("dragend", M), a.setAttribute(I.DRAGGABLE, o), s.lib.draggableObserver.observe(a), s.entities.draggableMap.set(a, {
       id: o,
       render: i.render,
       disabled: i.disabled ?? !1,
@@ -1405,10 +1417,10 @@ function rn(e, t, n) {
     isDragOver: g
   };
 }
-const ln = (e, t) => {
-  const n = se(), s = b(() => e.value === n.entities.selectingArea);
+const cn = (e, t) => {
+  const n = ie(), s = b(() => e.value === n.entities.selectingArea);
   let i = null;
-  X(() => {
+  Y(() => {
     i = S(e), i && (i.setAttribute(I.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(i), n.entities.selectableAreaMap.set(i, {
       modifier: t?.modifier ?? {
         keys: ["ControlLeft"],
@@ -1425,18 +1437,18 @@ const ln = (e, t) => {
   const r = b(() => {
     n.scrollPosition.x, n.scrollPosition.y;
     const a = n.pointer.value;
-    return !a || n.state.value !== "selecting" || !i || !s.value ? {} : wt(a.start, a.current, i);
+    return !a || n.state.value !== "selecting" || !i || !s.value ? {} : Mt(a.start, a.current, i);
   });
   return {
     isSelecting: s,
     style: r
   };
 };
-function cn(e, t) {
-  const n = Pe(Ee);
+function gn(e, t) {
+  const n = Be(xe);
   if (!n) throw Error("DnD provider not found");
   let s = null;
-  return X(() => {
+  return Y(() => {
     s = S(e), s && (s.setAttribute(I.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(s, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
@@ -1445,8 +1457,8 @@ function cn(e, t) {
     s && n.entities.constraintsAreaMap.delete(s);
   }), {};
 }
-function gn(e, t, n) {
-  const s = se();
+function un(e, t, n) {
+  const s = ie();
   let i = null, r, a;
   typeof t == "function" ? (r = {}, a = t) : (r = t ?? {}, a = n);
   const o = b(() => {
@@ -1457,7 +1469,7 @@ function gn(e, t, n) {
     if (l)
       return s.entities.droppableMap.get(l)?.hoveredPlacement;
   });
-  return X(() => {
+  return Y(() => {
     i = S(e), i && (i.setAttribute(I.DROPPABLE, ""), s.lib.droppableObserver.observe(i), s.entities.droppableMap.set(i, {
       disabled: r.disabled ?? !1,
       groups: r.groups ?? [],
@@ -1474,8 +1486,8 @@ function gn(e, t, n) {
     isDragOver: c
   };
 }
-const un = (e, t) => {
-  const n = je(), s = V(!1), r = qe(
+const fn = (e, t) => {
+  const n = We(), s = V(!1), r = je(
     e,
     t ?? {},
     () => {
@@ -1489,7 +1501,7 @@ const un = (e, t) => {
     void 0,
     s
   );
-  return te(
+  return ne(
     () => n.state.value,
     (a) => {
       a === "dragging" ? r.run() : r.stop();
@@ -1497,13 +1509,13 @@ const un = (e, t) => {
   ), { isScrolling: s };
 };
 export {
-  on as DnDProvider,
-  sn as DragPreview,
-  Ee as injectionKey,
-  un as makeAutoScroll,
-  cn as makeConstraintArea,
-  rn as makeDraggable,
-  gn as makeDroppable,
-  ln as makeSelectionArea,
-  je as useDnDProvider
+  rn as DnDProvider,
+  an as DragPreview,
+  xe as injectionKey,
+  fn as makeAutoScroll,
+  gn as makeConstraintArea,
+  ln as makeDraggable,
+  un as makeDroppable,
+  cn as makeSelectionArea,
+  We as useDnDProvider
 };