@vue-dnd-kit/core 2.1.1 → 2.1.3

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

@@ -1,29 +1,29 @@
 (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 q, watch as ne, shallowRef as J, reactive as U, computed as b, onScopeDispose as qe, onMounted as V, onBeforeUnmount as Y, inject as Pe, defineComponent as Be, unref as N, openBlock as L, createElementBlock as W, normalizeStyle as Le, Fragment as me, renderList as We, createBlock as Q, resolveDynamicComponent as he, createCommentVNode as je, useTemplateRef as Je, provide as Qe, renderSlot as Ie, Teleport as et, createElementVNode as tt, mergeProps as nt } from "vue";
-const k = {
+import { ref as q, watch as ne, shallowRef as J, reactive as U, computed as b, onScopeDispose as qe, onMounted as Y, onBeforeUnmount as Z, inject as Pe, defineComponent as Be, unref as V, openBlock as L, createElementBlock as W, normalizeStyle as Le, Fragment as me, renderList as We, createBlock as Q, resolveDynamicComponent as he, createCommentVNode as je, useTemplateRef as Je, provide as Qe, renderSlot as Ce, Teleport as et, createElementVNode as tt, mergeProps as nt } from "vue";
+const P = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
   DROPPABLE: "data-dnd-kit-droppable",
   CONSTRAINT_AREA: "data-dnd-kit-constraint-area"
-}, z = {
-  SELECT_AREA: `[${k.SELECT_AREA}]`,
-  DRAGGABLE: `[${k.DRAGGABLE}]`,
-  CONSTRAINT_AREA: `[${k.CONSTRAINT_AREA}]`
-}, Ae = "VueDnDKitProvider", Ce = (e, t, n, s) => {
+}, _ = {
+  SELECT_AREA: `[${P.SELECT_AREA}]`,
+  DRAGGABLE: `[${P.DRAGGABLE}]`,
+  CONSTRAINT_AREA: `[${P.CONSTRAINT_AREA}]`
+}, Ae = "VueDnDKitProvider", Ie = (e, t, n, s) => {
   const a = /* @__PURE__ */ new Set();
-  return t.forEach((i) => {
-    const o = e.get(i), r = s ? s(i) : o?.disabled;
-    if (!o || r) return;
-    const g = o.modifier?.keys, c = o.modifier?.method;
+  return t.forEach((o) => {
+    const i = e.get(o), r = s ? s(o) : i?.disabled;
+    if (!i || r) return;
+    const g = i.modifier?.keys, c = i.modifier?.method;
     if (!g || !c || g.length === 0) {
-      a.add(i);
+      a.add(o);
       return;
     }
-    g[c]((l) => n.value.has(l)) && a.add(i);
+    g[c]((l) => n.value.has(l)) && a.add(o);
   }), a;
 };
 let Oe = "", st = "", at = "";
-const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, X = (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), be = () => {
+const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, F = (e, t) => e !== t && e.contains(t), it = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), be = () => {
   const e = document.body;
   Oe = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", D), window.addEventListener("selectstart", D), window.addEventListener("touchstart", D), window.addEventListener("touchmove", D);
 }, ye = () => {
@@ -32,43 +32,43 @@ const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
 }, D = (e) => e.preventDefault(), xe = (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 && X(s, e)) return !0;
+    if (t.entities.draggableMap.get(s)?.disabled && F(s, e)) return !0;
   return !1;
-}, F = (e, t) => {
+}, H = (e, t) => {
   if (t.entities.droppableMap.get(e)?.disabled) return !0;
   for (const s of t.entities.visibleDroppableSet)
-    if (t.entities.droppableMap.get(s)?.disabled && X(s, e)) return !0;
+    if (t.entities.droppableMap.get(s)?.disabled && F(s, e)) return !0;
   return !1;
 }, se = (e, t) => {
   if (!e.length || !t.length) return !0;
   const n = new Set(t);
   return e.some((s) => n.has(s));
 };
-function it(e, t, n, s) {
+function ot(e, t, n, s) {
   const a = [];
-  for (const o of t.keys()) {
-    const r = n.get(o);
+  for (const i of t.keys()) {
+    const r = n.get(i);
     a.push({ groups: r?.groups ?? [] });
   }
-  const i = /* @__PURE__ */ new Set();
-  for (const o of e) {
-    const r = s.get(o), g = r?.groups ?? [], c = r?.groupMatch ?? "every";
-    (!a.length || a[c]((l) => se(l.groups, g))) && i.add(o);
+  const o = /* @__PURE__ */ new Set();
+  for (const i of e) {
+    const r = s.get(i), g = r?.groups ?? [], c = r?.groupMatch ?? "every";
+    (!a.length || a[c]((l) => se(l.groups, g))) && o.add(i);
   }
-  return i;
+  return o;
 }
 function rt(e, t, n) {
   const s = /* @__PURE__ */ new Set();
-  for (const o of t.keys()) {
-    const r = n.get(o);
+  for (const i of t.keys()) {
+    const r = n.get(i);
     for (const g of r?.groups ?? []) s.add(g);
   }
-  const a = [...s], i = /* @__PURE__ */ new Set();
-  for (const o of e) {
-    const g = n.get(o)?.groups ?? [];
-    se(a, g) && i.add(o);
+  const a = [...s], o = /* @__PURE__ */ new Set();
+  for (const i of e) {
+    const g = n.get(i)?.groups ?? [];
+    se(a, g) && o.add(i);
   }
-  return i;
+  return o;
 }
 const re = (e) => {
   const t = new IntersectionObserver((n) => {
@@ -86,8 +86,8 @@ const re = (e) => {
   const t = new ResizeObserver((n) => {
     const s = n[0];
     if (!s) return;
-    const { width: a, height: i } = s.contentRect;
-    e.value = { width: a, height: i };
+    const { width: a, height: o } = s.contentRect;
+    e.value = { width: a, height: o };
   });
   return {
     observe: (n) => t.observe(n),
@@ -97,8 +97,8 @@ const re = (e) => {
 }, ct = (e) => {
   const t = q(null), n = lt(t), s = ne(
     e,
-    (i) => {
-      n.disconnect(), i && n.observe(i);
+    (o) => {
+      n.disconnect(), o && n.observe(o);
     },
     { immediate: !0 }
   );
@@ -115,11 +115,11 @@ function pe(e, t = 0, n = 0) {
     offset: { x: t, y: n }
   };
 }
-function _e(e, t) {
+function ze(e, t) {
   const n = t.getBoundingClientRect(), s = n.width > 0 ? (e.clientX - n.left) / n.width : 0.5, a = n.height > 0 ? (e.clientY - n.top) / n.height : 0.5;
   return { x: s, y: a };
 }
-function ze(e, t) {
+function _e(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -130,13 +130,13 @@ function ze(e, t) {
 function gt(e, t, n) {
   e.forEach((s) => {
     const a = t.get(s);
-    n.set(s, ze(s, a));
+    n.set(s, _e(s, a));
   }), e.clear();
 }
 function ut(e, t, n) {
   n.clear();
   const s = t.get(e);
-  n.set(e, ze(e, s));
+  n.set(e, _e(e, s));
 }
 function ee(e) {
   e.entities.initiatingDraggable && (e.state.value = "dragging", ft(
@@ -163,12 +163,12 @@ function dt(e, t) {
   }
   const {
     x: a = 0,
-    y: i = 0,
-    condition: o = "any"
+    y: o = 0,
+    condition: i = "any"
   } = t;
-  if (a === 0 && i === 0) return 1;
-  const r = a > 0 ? Math.min(n / a, 1) : 1, g = i > 0 ? Math.min(s / i, 1) : 1;
-  return o === "both" ? Math.min(r, g) : Math.max(r, g);
+  if (a === 0 && o === 0) return 1;
+  const r = a > 0 ? Math.min(n / a, 1) : 1, g = o > 0 ? Math.min(s / o, 1) : 1;
+  return i === "both" ? Math.min(r, g) : Math.max(r, g);
 }
 function He(e, t, n) {
   if (!n) return !0;
@@ -196,13 +196,13 @@ function ht(e, t) {
     }
     const a = e.entities.draggableMap.get(
       e.entities.initiatingDraggable
-    ), i = a?.activation?.delay;
-    if (!i) {
+    ), o = a?.activation?.delay;
+    if (!o) {
       n = null;
       return;
     }
     e.delay.progress = Math.min(
-      (Date.now() - e.delay.startTime) / (i * 1e3),
+      (Date.now() - e.delay.startTime) / (o * 1e3),
       1
     ), He(
       e.distanceProgress.value,
@@ -218,7 +218,7 @@ function ht(e, t) {
 }
 function bt(e, t) {
   const n = e.closest(
-    z.CONSTRAINT_AREA
+    _.CONSTRAINT_AREA
   );
   return !n || !t.has(n) ? null : {
     element: n,
@@ -229,20 +229,20 @@ function yt(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, a) {
-  let i = e, o = t;
-  return n !== "y" && (i = Math.max(
+  let o = e, i = t;
+  return n !== "y" && (o = Math.max(
     s.left,
     Math.min(s.right - a.width, e)
-  )), n !== "x" && (o = Math.max(
+  )), n !== "x" && (i = Math.max(
     s.top,
     Math.min(s.bottom - a.height, t)
-  )), { x: i, y: o };
+  )), { x: o, y: i };
 }
 function St(e, t, n, s, a) {
   if (!e || !t)
     return { x: 0, y: 0 };
-  const i = t.getBoundingClientRect(), o = i.width || a?.width || 0, r = i.height || a?.height || 0;
-  let g = e.current.x - o * e.offset.x, c = e.current.y - r * e.offset.y;
+  const o = t.getBoundingClientRect(), i = o.width || a?.width || 0, r = o.height || a?.height || 0;
+  let g = e.current.x - i * e.offset.x, c = e.current.y - r * e.offset.y;
   if (!n)
     return { x: g, y: c };
   const u = bt(n, s);
@@ -259,10 +259,10 @@ function St(e, t, n, s, a) {
     h.y,
     f.axis || "both",
     d,
-    i
+    o
   ) : h;
 }
-const K = {
+const N = {
   forDrag: ["Enter", "Space"],
   forCancel: ["Escape"],
   forDrop: ["Enter", "Space"],
@@ -279,18 +279,18 @@ const K = {
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
 function Dt(e, t) {
-  const n = J(), s = q(), i = {
+  const n = J(), s = q(), o = {
     keys: {
       pressedKeys: q(/* @__PURE__ */ new Set()),
-      forDrag: [...K.forDrag],
-      forCancel: [...K.forCancel],
-      forDrop: [...K.forDrop],
-      forMove: [...K.forMove],
-      forMoveFaster: [...K.forMoveFaster]
+      forDrag: [...N.forDrag],
+      forCancel: [...N.forCancel],
+      forDrop: [...N.forDrop],
+      forMove: [...N.forMove],
+      forMoveFaster: [...N.forMoveFaster]
     },
     step: 8,
     moveFaster: 4
-  }, o = U({
+  }, i = U({
     draggableMap: /* @__PURE__ */ new Map(),
     droppableMap: /* @__PURE__ */ new Map(),
     selectableAreaMap: /* @__PURE__ */ new Map(),
@@ -300,27 +300,27 @@ function Dt(e, t) {
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
     selectionBase: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: b(() => n.value ? it(
-      o.visibleDroppableSet,
-      o.draggingMap,
-      o.draggableMap,
-      o.droppableMap
+    allowedDroppableSet: b(() => n.value ? ot(
+      i.visibleDroppableSet,
+      i.draggingMap,
+      i.draggableMap,
+      i.droppableMap
     ) : /* @__PURE__ */ new Set()),
     allowedDraggableSet: b(() => n.value ? rt(
-      o.visibleDraggableSet,
-      o.draggingMap,
-      o.draggableMap
+      i.visibleDraggableSet,
+      i.draggingMap,
+      i.draggableMap
     ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: b(() => Ce(
-      o.selectableAreaMap,
-      o.visibleSelectableAreaSet,
-      i.keys.pressedKeys
+    modifiersSelectableAreaSet: b(() => Ie(
+      i.selectableAreaMap,
+      i.visibleSelectableAreaSet,
+      o.keys.pressedKeys
     )),
-    modifiersDraggableSet: b(() => Ce(
-      o.draggableMap,
-      o.visibleDraggableSet,
-      i.keys.pressedKeys,
-      (v) => xe(v, { entities: o })
+    modifiersDraggableSet: b(() => Ie(
+      i.draggableMap,
+      i.visibleDraggableSet,
+      o.keys.pressedKeys,
+      (M) => xe(M, { entities: i })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
@@ -337,33 +337,34 @@ function Dt(e, t) {
     progress: 0,
     startTime: 0
   }), l = b(() => {
-    if (!s.value || !o.initiatingDraggable) return 0;
-    const v = o.draggableMap.get(o.initiatingDraggable)?.activation?.distance;
-    return v ? dt(s.value, v) : 1;
+    if (!s.value || !i.initiatingDraggable) return 0;
+    const M = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
+    return M ? dt(s.value, M) : 1;
   }), f = re(
-    o.visibleDraggableSet
+    i.visibleDraggableSet
   ), d = re(
-    o.visibleDroppableSet
+    i.visibleDroppableSet
   ), m = re(
-    o.visibleSelectableAreaSet
+    i.visibleSelectableAreaSet
   ), { overlaySize: h, overlaySizeObserver: w } = ct(e), y = q(), R = b(() => {
-    const p = o.initiatingDraggable;
+    c.x, c.y;
+    const p = i.initiatingDraggable;
     return St(
       s.value,
       e.value,
       p || null,
-      o.constraintsAreaMap,
+      i.constraintsAreaMap,
       h.value
     );
   }), x = b({
     get: () => t?.overlayTo,
     set: (p) => x.value = p
-  }), Z = b(() => t?.autoScrollViewport);
+  }), X = b(() => t?.autoScrollViewport);
   return {
     state: n,
     pointer: s,
-    entities: o,
-    keyboard: i,
+    entities: i,
+    keyboard: o,
     scrollPosition: c,
     delay: u,
     distanceProgress: l,
@@ -383,7 +384,7 @@ function Dt(e, t) {
       overlaySizeObserver: w,
       rectCache: /* @__PURE__ */ new Map()
     },
-    autoScrollViewport: Z
+    autoScrollViewport: X
   };
 }
 const te = (e) => {
@@ -399,12 +400,12 @@ const te = (e) => {
   }
   e.lib.rectCache.clear(), e.pointer.value = void 0, e.state.value = void 0, e.entities.selectingArea = void 0, e.entities.selectionBase.clear(), e.entities.initiatingDraggable = void 0, e.delay.progress = 0, e.delay.startTime = 0, e.entities.draggingMap.clear(), e.hovered.draggable.clear(), e.hovered.droppable.clear();
 };
-function vt(e) {
-  return e.parentElement?.closest(z.SELECT_AREA) ?? null;
+function Mt(e) {
+  return e.parentElement?.closest(_.SELECT_AREA) ?? null;
 }
-const Mt = (e, t, n) => {
+const vt = (e, t, n) => {
   if (!n) return {};
-  const s = n.getBoundingClientRect(), a = Math.max(s.left, Math.min(e.x, t.x)), i = Math.max(s.top, Math.min(e.y, t.y)), o = Math.min(s.right, Math.max(e.x, t.x)), r = Math.min(s.bottom, Math.max(e.y, t.y)), g = Math.max(0, o - a), c = Math.max(0, r - i), u = a - s.left + n.scrollLeft, l = i - s.top + n.scrollTop;
+  const s = n.getBoundingClientRect(), a = Math.max(s.left, Math.min(e.x, t.x)), o = Math.max(s.top, Math.min(e.y, t.y)), i = Math.min(s.right, Math.max(e.x, t.x)), r = Math.min(s.bottom, Math.max(e.y, t.y)), g = Math.max(0, i - a), c = Math.max(0, r - o), u = a - s.left + n.scrollLeft, l = o - s.top + n.scrollTop;
   return {
     position: "absolute",
     left: `${u}px`,
@@ -421,32 +422,32 @@ const Mt = (e, t, n) => {
     e.pointer.value.start,
     e.pointer.value.current
   ), s = e.entities.selectableAreaMap.get(t)?.groups ?? [], a = e.lib.rectCache;
-  e.entities.visibleDraggableSet.forEach((i) => {
-    if (i === t || !t.contains(i)) return;
-    const o = vt(i);
-    if (o && o !== t) {
-      e.entities.selectedSet.delete(i);
+  e.entities.visibleDraggableSet.forEach((o) => {
+    if (o === t || !t.contains(o)) return;
+    const i = Mt(o);
+    if (i && i !== t) {
+      e.entities.selectedSet.delete(o);
       return;
     }
-    if (xe(i, e)) {
-      e.entities.selectedSet.delete(i);
+    if (xe(o, e)) {
+      e.entities.selectedSet.delete(o);
       return;
     }
-    const g = e.entities.draggableMap.get(i)?.groups ?? [];
+    const g = e.entities.draggableMap.get(o)?.groups ?? [];
     if (!se(s, g)) {
-      e.entities.selectedSet.delete(i);
+      e.entities.selectedSet.delete(o);
       return;
     }
-    let c = a.get(i);
-    c || (c = i.getBoundingClientRect(), a.set(i, c));
-    const u = e.entities.selectionBase.has(i);
-    ot(n, c) ? u ? e.entities.selectedSet.delete(i) : e.entities.selectedSet.add(i) : u ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
+    let c = a.get(o);
+    c || (c = o.getBoundingClientRect(), a.set(o, c));
+    const u = e.entities.selectionBase.has(o);
+    it(n, c) ? u ? e.entities.selectedSet.delete(o) : e.entities.selectedSet.add(o) : u ? e.entities.selectedSet.add(o) : e.entities.selectedSet.delete(o);
   });
 }, wt = (e, t) => {
-  const n = Math.min(e.x, t.x), s = Math.min(e.y, t.y), a = Math.max(e.x, t.x), i = Math.max(e.y, t.y), o = a - n, r = i - s;
-  return new DOMRect(n, s, o, r);
+  const n = Math.min(e.x, t.x), s = Math.min(e.y, t.y), a = Math.max(e.x, t.x), o = Math.max(e.y, t.y), i = a - n, r = o - s;
+  return new DOMRect(n, s, i, r);
 };
-function I(e, t, n) {
+function C(e, t, n) {
   const s = Math.max(0, Math.min(t, e.length));
   return [...e.slice(0, s), ...n, ...e.slice(s)];
 }
@@ -454,8 +455,8 @@ function Ee(e, t, n = 1) {
   const s = Math.max(0, Math.min(t, e.length - 1)), a = Math.max(0, Math.min(n, e.length - s));
   return [...e.slice(0, s), ...e.slice(s + a)];
 }
-function H(e, t) {
-  const n = [...new Set(t)].filter((a) => a >= 0 && a < e.length).sort((a, i) => i - a);
+function G(e, t) {
+  const n = [...new Set(t)].filter((a) => a >= 0 && a < e.length).sort((a, o) => o - a);
   let s = e;
   for (const a of n) s = Ee(s, a, 1);
   return s;
@@ -466,66 +467,66 @@ function Ke(e, t, n) {
   const s = [...e];
   return [s[t], s[n]] = [s[n], s[t]], s;
 }
-const C = {
+const I = {
   getInsertSide(e, t) {
     return e ? t === "vertical" ? e.top && !e.bottom ? "before" : e.bottom && !e.top ? "after" : e.top ? "before" : null : e.left && !e.right ? "before" : e.right && !e.left ? "after" : e.left ? "before" : null : null;
   },
   isAtZoneStart(e, t) {
-    return C.getInsertSide(e, t) === "before" && !e?.center;
+    return I.getInsertSide(e, t) === "before" && !e?.center;
   },
   isAtZoneEnd(e, t) {
-    return C.getInsertSide(e, t) === "after" && !e?.center;
+    return I.getInsertSide(e, t) === "after" && !e?.center;
   }
 };
 function Ne(e, t) {
   const { draggedItems: n, dropZone: s, hoveredDraggable: a } = e;
   if (!n.length) return null;
-  const i = a?.placement.center === !0 && s != null && s.items !== a.items, o = i ? s.items : a?.items ?? s?.items;
-  if (!o) return null;
-  const r = n[0].items, g = n.map((f) => f.index), c = o.length;
+  const o = a?.placement.center === !0 && s != null && s.items !== a.items, i = o ? s.items : a?.items ?? s?.items;
+  if (!i) return null;
+  const r = n[0].items, g = n.map((f) => f.index), c = i.length;
   let u, l;
-  if (a && !i) {
+  if (a && !o) {
     const f = a.items === r && g.includes(a.index);
     if (f && n.length === 1) {
-      const d = C.isAtZoneStart(s?.placement, t);
+      const d = I.isAtZoneStart(s?.placement, t);
       u = d ? 0 : c, l = d ? "prepend" : "append";
     } else {
       if (f)
         return null;
       {
-        const d = C.getInsertSide(a.placement, t), m = a.index;
+        const d = I.getInsertSide(a.placement, t), m = a.index;
         d === "before" ? (u = Math.max(0, m), l = "insert") : d === "after" ? (u = Math.min(c, m + 1), l = "insert") : (u = c, l = "append");
       }
     }
   } else {
     if (!s) return null;
-    const f = C.isAtZoneStart(s.placement, t);
+    const f = I.isAtZoneStart(s.placement, t);
     u = f ? 0 : c, l = f ? "prepend" : "append";
   }
-  return { targetIndex: u, mode: l, targetArr: o };
+  return { targetIndex: u, mode: l, targetArr: i };
 }
 function At(e, t = "vertical") {
   const { draggedItems: n } = e;
   if (!n.length) return null;
   const s = Ne(e, t);
   if (!s) return null;
-  const { targetArr: a, mode: i } = s;
-  let { targetIndex: o } = s;
+  const { targetArr: a, mode: o } = s;
+  let { targetIndex: i } = s;
   const r = n.map((l) => l.index), g = n.map((l) => l.item), c = n[0].items;
   if (c === a) {
-    const l = r.filter((d) => d < o).length;
-    o = Math.max(0, o - l);
-    const f = I(H(c, r), o, g);
-    return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: o, mode: i, sameList: !0 };
+    const l = r.filter((d) => d < i).length;
+    i = Math.max(0, i - l);
+    const f = C(G(c, r), i, g);
+    return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: i, mode: o, sameList: !0 };
   } else {
-    const l = H(c, r), f = I(a, o, g);
-    return { sourceItems: l, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: o, mode: i, sameList: !1 };
+    const l = G(c, r), f = C(a, i, g);
+    return { sourceItems: l, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: i, mode: o, sameList: !1 };
   }
 }
 function xt(e) {
   const { draggedItems: t, hoveredDraggable: n } = e;
   if (!t.length || !n) return null;
-  const s = t.map((u) => u.index), a = n.index, i = t.map((u) => u.item), o = n.item, r = t[0].items, g = n.items, c = r === g;
+  const s = t.map((u) => u.index), a = n.index, o = t.map((u) => u.item), i = n.item, r = t[0].items, g = n.items, c = r === g;
   if (c && s.includes(a)) return null;
   if (t.length === 1) {
     const u = s[0];
@@ -540,16 +541,16 @@ function xt(e) {
     const u = Math.min(...s);
     if (c) {
       const l = s.filter((y) => y < a).length, f = Math.max(0, a - l), d = s.filter((y) => y < u).length, m = Math.max(0, u - d);
-      let h = H(r, s);
-      h = I(h, f, i);
-      const w = m >= f ? m + i.length : m;
-      return h = I(h, w, [o]), { sourceItems: h, targetItems: h, sourceIndexes: s, targetIndex: f, sameList: !0 };
+      let h = G(r, s);
+      h = C(h, f, o);
+      const w = m >= f ? m + o.length : m;
+      return h = C(h, w, [i]), { sourceItems: h, targetItems: h, sourceIndexes: s, targetIndex: f, sameList: !0 };
     } else {
       const l = s.filter((h) => h < u).length, f = Math.max(0, u - l);
-      let d = H(r, s);
-      d = I(d, f, [o]);
+      let d = G(r, s);
+      d = C(d, f, [i]);
       let m = Ee(g, a);
-      return m = I(m, a, i), { sourceItems: d, targetItems: m, sourceIndexes: s, targetIndex: a, sameList: !1 };
+      return m = C(m, a, o), { sourceItems: d, targetItems: m, sourceIndexes: s, targetIndex: a, sameList: !1 };
     }
   }
 }
@@ -558,26 +559,26 @@ function Et(e, t = "vertical") {
   if (!n.length) return null;
   const s = Ne(e, t);
   if (!s) return null;
-  const { targetArr: a, targetIndex: i, mode: o } = s, r = n.map((c) => c.item);
-  return { targetItems: I(a, i, r), copiedItems: r, targetIndex: i, mode: o };
+  const { targetArr: a, targetIndex: o, mode: i } = s, r = n.map((c) => c.item);
+  return { targetItems: C(a, o, r), copiedItems: r, targetIndex: o, mode: i };
 }
 function Lt(e) {
   const { draggedItems: t } = e;
   if (!t.length) return null;
-  const n = t.map((o) => o.index), s = t.map((o) => o.item), a = t[0].items;
-  return { sourceItems: H(a, n), removedItems: s, sourceIndexes: n };
+  const n = t.map((i) => i.index), s = t.map((i) => i.item), a = t[0].items;
+  return { sourceItems: G(a, n), removedItems: s, sourceIndexes: n };
 }
 function Ve(e) {
   return {
     // Low-level array ops
-    insertAt: I,
+    insertAt: C,
     removeAt: Ee,
-    removeIndexes: H,
+    removeIndexes: G,
     swapAt: Ke,
     // Placement helpers
-    getInsertSide: (t, n) => C.getInsertSide(t, n),
-    isAtZoneStart: (t, n) => C.isAtZoneStart(t, n),
-    isAtZoneEnd: (t, n) => C.isAtZoneEnd(t, n),
+    getInsertSide: (t, n) => I.getInsertSide(t, n),
+    isAtZoneStart: (t, n) => I.isAtZoneStart(t, n),
+    isAtZoneEnd: (t, n) => I.isAtZoneEnd(t, n),
     // High-level (event-bound)
     suggestSort: (t) => At(e, t),
     suggestSwap: () => xt(e),
@@ -585,10 +586,10 @@ function Ve(e) {
     suggestRemove: () => Lt(e)
   };
 }
-const T = (e) => e.keys().next().value, It = (e) => e.target.closest(
-  z.DRAGGABLE
+const k = (e) => e.keys().next().value, Ct = (e) => e.target.closest(
+  _.DRAGGABLE
 );
-function Ct(e) {
+function It(e) {
   const t = e.entities.initiatingDraggable;
   if (!t) return [];
   const n = e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t), s = n?.payload;
@@ -596,7 +597,7 @@ function Ct(e) {
     return n?.data ? [{ index: -1, item: void 0, items: [], data: n.data() }] : [];
   const a = s();
   if (!Array.isArray(a) || a.length < 2) return [];
-  const [i, o] = a, r = Number(i), g = o, c = /* @__PURE__ */ new Map();
+  const [o, i] = a, r = Number(o), g = i, c = /* @__PURE__ */ new Map();
   return c.set(r, {
     index: r,
     item: g[r],
@@ -619,27 +620,27 @@ function Ct(e) {
   }), [...c.values()].sort((u, l) => u.index - l.index);
 }
 const A = (e, t) => {
-  const n = Ct(e);
+  const n = It(e);
   let s, a;
   if (t) {
-    const i = e.entities.droppableMap.get(t);
-    if (i) {
-      const g = i.payload;
+    const o = e.entities.droppableMap.get(t);
+    if (o) {
+      const g = o.payload;
       s = {
         items: g ? g() : [],
         placement: e.hovered.droppable.get(t),
-        data: i.data?.()
+        data: o.data?.()
       };
     }
-    const o = T(e.hovered.draggable);
-    if (o && (o === t || t.contains(o)) && o) {
-      const g = e.entities.draggableMap.get(o), c = g?.payload, u = e.hovered.draggable.get(o), l = { top: !1, right: !1, bottom: !1, left: !1, center: !1 };
+    const i = k(e.hovered.draggable);
+    if (i && (i === t || t.contains(i)) && i) {
+      const g = e.entities.draggableMap.get(i), c = g?.payload, u = e.hovered.draggable.get(i), l = { top: !1, right: !1, bottom: !1, left: !1, center: !1 };
       if (c) {
         const f = c();
         if (Array.isArray(f) && f.length >= 2) {
           const [d, m] = f, h = Number(d);
           a = {
-            element: o,
+            element: i,
             placement: u ?? l,
             index: h,
             item: m[h],
@@ -648,7 +649,7 @@ const A = (e, t) => {
           };
         }
       } else g?.data && (a = {
-        element: o,
+        element: i,
         placement: u ?? l,
         index: -1,
         item: void 0,
@@ -664,22 +665,22 @@ const A = (e, t) => {
     provider: e,
     helpers: Ve({ draggedItems: n, dropZone: s, hoveredDraggable: a })
   };
-}, P = (e, t, n) => {
+}, B = (e, t, n) => {
   if (!t) return;
   const s = e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t);
   !s || s.disabled || s.events?.[n]?.(A(e));
-}, M = (e, t) => {
+}, v = (e, t) => {
   const n = A(e);
   e.entities.draggingMap.forEach((s) => {
     s.disabled || s.events?.[t]?.(n);
   });
 }, Rt = (e, t, n) => {
   if (t !== n) {
-    if (t && !F(t, e)) {
+    if (t && !H(t, e)) {
       const s = A(e, t);
       e.entities.droppableMap.get(t)?.events?.onLeave?.(s);
     }
-    if (n && !F(n, e)) {
+    if (n && !H(n, e)) {
       const s = A(e, n);
       e.entities.droppableMap.get(n)?.events?.onEnter?.(s);
     }
@@ -697,14 +698,14 @@ const A = (e, t) => {
     }
   }
 }, le = (e, t, n) => {
-  const s = It(t);
+  const s = Ct(t);
   !s || !e.entities.draggingMap.has(s) || e.entities.draggingMap.get(s)?.events?.[n]?.(A(e));
 }, kt = (e, t) => {
-  const n = T(t.droppable);
-  n && !F(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
+  const n = k(t.droppable);
+  n && !H(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
 }, Se = (e, t) => {
-  const n = T(t.droppable);
-  n && !F(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
+  const n = k(t.droppable);
+  n && !H(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
 }, Pt = (e, t, n = 5) => {
   const s = n / 2;
   return {
@@ -716,7 +717,7 @@ const A = (e, t) => {
 }, Bt = (e) => {
   const t = e.pointer.value?.current, n = t?.x ?? 0, s = t?.y ?? 0;
   return Pt(n, s, 5);
-}, O = (e, t, n) => {
+}, T = (e, t, n) => {
   const s = e.left + e.width / 2, a = e.top + e.height / 2;
   if (n) {
     const r = n.top ?? 0, g = n.right ?? 0, c = n.bottom ?? 0, u = n.left ?? 0, l = t.left + u, f = t.right - g, d = t.top + r, m = t.bottom - c;
@@ -729,12 +730,12 @@ const A = (e, t) => {
         center: !0
       };
   }
-  const i = t.left + t.width / 2, o = t.top + t.height / 2;
+  const o = t.left + t.width / 2, i = t.top + t.height / 2;
   return {
-    top: a <= o,
-    bottom: a > o,
-    left: s <= i,
-    right: s > i,
+    top: a <= i,
+    bottom: a > i,
+    left: s <= o,
+    right: s > o,
     center: !1
   };
 }, Ot = (e) => ({
@@ -744,51 +745,60 @@ const A = (e, t) => {
   const n = Ot(t);
   return Math.hypot(e.x - n.x, e.y - n.y);
 };
-function _t(e, t) {
+function zt(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) {
-  _t(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
+  zt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
 }
-const zt = (e, t) => e.find((n) => n !== t && X(t, n)), De = (e, t, n) => {
-  const s = T(t.droppable), a = T(t.draggable);
+const _t = (e, t) => e.find((n) => n !== t && F(t, n)), De = (e, t, n) => {
+  const s = k(t.droppable), a = k(t.draggable);
   a && t.draggable.delete(a), s && t.droppable.delete(s);
-  const i = Bt(e), o = n.zones[0], r = n.elements[0];
-  if (o && r && o === r && e.entities.droppableMap.has(o) && o) {
-    const l = o.getBoundingClientRect(), f = e.entities.draggableMap.get(o)?.placementMargins, d = O(i, l, f);
+  const o = Bt(e), i = n.zones[0], r = n.elements[0];
+  if (i && r && i === r && e.entities.droppableMap.has(i) && i) {
+    const l = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins, d = T(o, l, f);
     if (d.center) {
-      t.droppable.set(o, d);
-      const m = zt(n.elements, o);
+      t.droppable.set(i, d);
+      const m = _t(n.elements, i);
       if (m) {
         const h = m.getBoundingClientRect();
         t.draggable.set(
           m,
-          O(i, h, void 0)
+          T(o, h, void 0)
         );
       }
-    } else
+    } else {
       t.draggable.set(r, d);
+      const m = n.zones.find((h) => h !== i);
+      if (m) {
+        const h = m.getBoundingClientRect();
+        t.droppable.set(
+          m,
+          T(o, h)
+        );
+      }
+    }
   } else {
-    if (o) {
-      const l = o.getBoundingClientRect();
-      t.droppable.set(o, O(i, l));
+    if (i) {
+      const l = i.getBoundingClientRect();
+      t.droppable.set(i, T(o, l));
     }
     if (r)
-      if (o)
-        if (X(o, r)) {
+      if (i)
+        if (F(i, r)) {
           const l = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins;
           t.draggable.set(
             r,
-            O(i, l, f)
+            T(o, l, f)
           );
         } else {
-          const l = e.pointer.value?.current ?? { x: 0, y: 0 }, f = o.getBoundingClientRect(), d = r.getBoundingClientRect(), m = Re(l, f);
+          const l = e.pointer.value?.current ?? { x: 0, y: 0 }, f = i.getBoundingClientRect(), d = r.getBoundingClientRect(), m = Re(l, f);
           if (Re(l, d) < m) {
             t.droppable.clear();
             const w = e.entities.draggableMap.get(r)?.placementMargins;
             t.draggable.set(
               r,
-              O(i, d, w)
+              T(o, d, w)
             );
           }
         }
@@ -796,11 +806,11 @@ const zt = (e, t) => e.find((n) => n !== t && X(t, n)), De = (e, t, n) => {
         const l = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins;
         t.draggable.set(
           r,
-          O(i, l, f)
+          T(o, l, f)
         );
       }
   }
-  const c = T(t.droppable), u = T(t.draggable);
+  const c = k(t.droppable), u = k(t.draggable);
   if (a && a !== u) {
     const l = e.entities.draggableMap.get(a);
     l && $(l, void 0);
@@ -839,31 +849,35 @@ const zt = (e, t) => e.find((n) => n !== t && X(t, n)), De = (e, t, n) => {
   ), s = Math.max(
     0,
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
-  ), a = n * s, i = e.width * e.height, o = t.width * t.height;
-  return i === 0 || o === 0 ? 0 : (a / i * 100 + a / o * 100) / 2;
+  ), a = n * s, o = e.width * e.height, i = t.width * t.height;
+  return o === 0 || i === 0 ? 0 : (a / o * 100 + a / i * 100) / 2;
 }, Ft = (e) => e.overlay.ref?.value ?? null, Te = (e) => {
   const t = e.overlay.position?.value ?? { x: 0, y: 0 }, { x: n, y: s } = t, a = e.overlay.size?.value;
-  let i, o;
+  let o, i;
   if (a)
-    i = a.width, o = a.height;
+    o = a.width, i = a.height;
   else {
     const r = e.overlay.ref?.value?.getBoundingClientRect();
-    i = r?.width ?? 0, o = r?.height ?? 0;
+    o = r?.width ?? 0, i = r?.height ?? 0;
   }
   return {
     x: n,
     y: s,
-    width: i,
-    height: o,
+    width: o,
+    height: i,
     top: s,
     left: n,
-    right: n + i,
-    bottom: s + o
+    right: n + o,
+    bottom: s + i
   };
-}, ve = (e) => e.entities.allowedDraggableSet, Ye = (e) => e.entities.allowedDroppableSet, Ht = (e, t) => !t.entities.draggingMap.has(e), Gt = (e, t) => ![...t.entities.draggingMap.keys()].some(
-  (n) => X(n, e)
-), Kt = (e, t) => t.entities.draggableMap.has(e) ? !xe(e, t) : t.entities.droppableMap.has(e) ? !F(e, t) : !0, j = (e, t) => Ht(e, t) && Gt(e, t) && Kt(e, t), fe = 10;
-function _(e, t) {
+}, Me = (e) => e.entities.allowedDraggableSet, Ye = (e) => e.entities.allowedDroppableSet, Ht = (e, t) => !t.entities.draggingMap.has(e), Gt = (e, t) => ![...t.entities.draggingMap.keys()].some((n) => {
+  if (F(n, e)) return !0;
+  const s = n.parentElement;
+  return !!(s && e !== n && !t.entities.draggableMap.has(s) && !t.entities.droppableMap.has(s) && F(s, e) && [
+    ...t.entities.draggableMap.keys()
+  ].filter((o) => o.parentElement === s).length === 1);
+}), Kt = (e, t) => t.entities.draggableMap.has(e) ? !xe(e, t) : t.entities.droppableMap.has(e) ? !H(e, t) : !0, j = (e, t) => Ht(e, t) && Gt(e, t) && Kt(e, t), fe = 10;
+function z(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
     t.y - (e.y + e.height / 2)
@@ -872,13 +886,13 @@ function _(e, t) {
 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 = ve(e), a = Ye(e), i = [], o = [];
+  const s = Me(e), a = Ye(e), o = [], i = [];
   let r = n;
   for (; r; )
-    (s.has(r) || a.has(r)) && j(r, e) && (s.has(r) && i.push(r), a.has(r) && o.push(r)), r = r.parentElement;
-  return i.length === 0 && o.length === 0 ? null : { elements: i, zones: o };
+    (s.has(r) || a.has(r)) && j(r, e) && (s.has(r) && o.push(r), a.has(r) && i.push(r)), r = r.parentElement;
+  return o.length === 0 && i.length === 0 ? null : { elements: o, zones: i };
 }
-const Me = (e) => {
+const ve = (e) => {
   if (!Ft(e)) return { elements: [], zones: [] };
   const n = e.pointer.value?.current ?? { x: 0, y: 0 }, s = Nt(e);
   if (s) {
@@ -886,25 +900,25 @@ const Me = (e) => {
     const c = s.zones[0];
     if (!c) return s;
     const u = Te(e);
-    return { elements: [...ve(e)].filter(
+    return { elements: [...Me(e)].filter(
       (d) => c.contains(d) && j(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 };
+    ).sort((d, m) => z(d.box, n) - z(m.box, n)).map(({ el: d }) => d), zones: s.zones };
   }
-  const a = Te(e), i = [...ve(e)].filter(
+  const a = Te(e), o = [...Me(e)].filter(
     (c) => j(c, e)
-  ), o = [...Ye(e)].filter(
+  ), i = [...Ye(e)].filter(
     (c) => j(c, e)
-  ), r = i.map((c) => ({ n: c, box: ge(c) })).filter(
+  ), r = o.map((c) => ({ n: c, box: ge(c) })).filter(
     ({ box: c }) => ce(c, a) && ue(c, a) >= fe
-  ).sort((c, u) => _(c.box, n) - _(u.box, n)).map(({ n: c }) => c), g = o.map((c) => ({ n: c, box: ge(c) })).filter(
+  ).sort((c, u) => z(c.box, n) - z(u.box, n)).map(({ n: c }) => c), g = i.map((c) => ({ n: c, box: ge(c) })).filter(
     ({ box: c }) => ce(c, a) && ue(c, a) >= fe
-  ).sort((c, u) => _(c.box, n) - _(u.box, n)).map(({ n: c }) => c);
+  ).sort((c, u) => z(c.box, n) - z(u.box, n)).map(({ n: c }) => c);
   return { elements: r, zones: g };
 };
 function we(e) {
-  const t = Me(e);
+  const t = ve(e);
   De(e, e.hovered, t);
 }
 function Vt(e, t) {
@@ -916,9 +930,9 @@ function Vt(e, t) {
   const s = Date.now();
   s - t.value >= n && (t.value = s, we(e));
 }
-async function Xe(e) {
+async function Ze(e) {
   const t = e.hovered.droppable.keys().next().value;
-  if (!t || F(t, e)) return "accept";
+  if (!t || H(t, e)) return "accept";
   const n = e.entities.droppableMap.get(t), s = A(e, t);
   let a = s;
   if (n?.groupMatch === "some" && (n.groups?.length ?? 0) > 0) {
@@ -952,7 +966,7 @@ async function Xe(e) {
             d = await l;
           } catch {
             const h = e.entities.initiatingDraggable;
-            return P(e, h, "onSelfDragCancel"), M(e, "onDragCancel"), Se(e, e.hovered), "cancel";
+            return B(e, h, "onSelfDragCancel"), v(e, "onDragCancel"), Se(e, e.hovered), "cancel";
           }
         } else
           d = l;
@@ -967,23 +981,23 @@ async function Xe(e) {
       }
     }
   }
-  const i = n?.events?.onDrop?.(a);
-  if (i != null && typeof i.then == "function") {
+  const o = n?.events?.onDrop?.(a);
+  if (o != null && typeof o.then == "function") {
     e.state.value = "pending";
     let r;
     try {
-      r = await i;
+      r = await o;
     } catch {
       const g = e.entities.initiatingDraggable;
-      return P(e, g, "onSelfDragCancel"), M(e, "onDragCancel"), Se(e, e.hovered), "cancel";
+      return B(e, g, "onSelfDragCancel"), v(e, "onDragCancel"), Se(e, e.hovered), "cancel";
     }
     return r === !1 ? (e.state.value = "dragging", "decline") : "accept";
   }
-  return i === !1 ? "decline" : "accept";
+  return o === !1 ? "decline" : "accept";
 }
-function Ze(e) {
+function Xe(e) {
   const t = e.entities.initiatingDraggable;
-  P(e, t, "onSelfDragEnd"), M(e, "onDragEnd"), kt(e, e.hovered);
+  B(e, t, "onSelfDragEnd"), v(e, "onDragEnd"), kt(e, e.hovered);
 }
 function Yt(e) {
   const t = e.entities.selectingArea;
@@ -991,15 +1005,15 @@ function Yt(e) {
   const n = e.entities.selectableAreaMap.get(t), s = [...e.entities.selectedSet];
   n?.events?.onSelected?.(s);
 }
-const Xt = (e) => {
+const Zt = (e) => {
   const t = {
     current: null
   }, n = { value: 0 }, s = async () => {
     ye(), t.current?.cancel(), t.current = null;
     const r = e.state.value;
     if (r === "dragging") {
-      const g = await Xe(e);
-      if (g === "accept" && Ze(e), g === "accept" || g === "cancel") {
+      const g = await Ze(e);
+      if (g === "accept" && Xe(e), g === "accept" || g === "cancel") {
         te(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", a);
         return;
       }
@@ -1009,13 +1023,13 @@ const Xt = (e) => {
   }, a = (r) => {
     if (e.pointer.value && e.state.value !== "pending") {
       if (e.pointer.value.current = { x: r.clientX, y: r.clientY }, mt(e)) {
-        le(e, r, "onSelfDragStart"), M(e, "onDragStart");
+        le(e, r, "onSelfDragStart"), v(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
         Vt(e, n);
         const g = e.entities.initiatingDraggable;
-        P(e, g, "onSelfDragMove"), M(e, "onDragMove");
+        B(e, g, "onSelfDragMove"), v(e, "onDragMove");
       }
       e.state.value === "selecting" && Ge(e);
     }
@@ -1023,9 +1037,9 @@ const Xt = (e) => {
   return { pointerDown: (r) => {
     document.addEventListener("pointerup", s), document.addEventListener("pointermove", a);
     const g = r.target, c = g.closest(
-      z.SELECT_AREA
+      _.SELECT_AREA
     ), u = g.closest(
-      z.DRAGGABLE
+      _.DRAGGABLE
     );
     if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(c)) {
       be(), e.pointer.value = pe(r), e.state.value = "selecting", e.entities.selectingArea = c, e.entities.selectionBase = new Set(e.entities.selectedSet);
@@ -1036,15 +1050,15 @@ const Xt = (e) => {
       if (!Fe(g, u, l?.dragHandle))
         return;
       be(), e.entities.initiatingDraggable = u;
-      const f = _e(r, u);
+      const f = ze(r, u);
       e.pointer.value = pe(r, f.x, f.y), l?.activation?.distance || l?.activation?.delay ? (e.state.value = "activating", l?.activation?.delay && (e.delay.startTime = Date.now(), t.current = ht(e, () => {
-        ee(e), le(e, r, "onSelfDragStart"), M(e, "onDragStart");
-      }))) : (ee(e), le(e, r, "onSelfDragStart"), M(e, "onDragStart"));
+        ee(e), le(e, r, "onSelfDragStart"), v(e, "onDragStart");
+      }))) : (ee(e), le(e, r, "onSelfDragStart"), v(e, "onDragStart"));
     }
   }, pointerUp: s, pointerMove: a, cleanup: () => {
     t.current?.cancel(), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", a), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
   } };
-}, Zt = {
+}, Xt = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -1055,35 +1069,35 @@ const Xt = (e) => {
   KeyD: { dx: 1, dy: 0 }
 }, Ut = (e) => (t) => {
   const { keys: n } = e.keyboard;
-  if (console.log(t.code), n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
+  if (n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (n.forCancel.includes(t.code)) {
-      t.preventDefault(), ye(), P(
+      t.preventDefault(), ye(), B(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), M(e, "onDragCancel"), Se(e, e.hovered), te(e);
+      ), v(e, "onDragCancel"), Se(e, e.hovered), te(e);
       return;
     }
     if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await Xe(e) && Ze(e), ye(), te(e)))();
+      t.preventDefault(), (async () => (await Ze(e) && Xe(e), ye(), te(e)))();
       return;
     }
-    const a = Zt[t.code];
+    const a = Xt[t.code];
     if (a && n.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
-      const i = n.forMoveFaster.some(
+      const o = n.forMoveFaster.some(
         (g) => n.pressedKeys.value.has(g)
-      ), o = e.keyboard.step * (i ? e.keyboard.moveFaster : 1);
+      ), i = e.keyboard.step * (o ? e.keyboard.moveFaster : 1);
       e.pointer.value.current = {
-        x: e.pointer.value.current.x + a.dx * o,
-        y: e.pointer.value.current.y + a.dy * o
+        x: e.pointer.value.current.x + a.dx * i,
+        y: e.pointer.value.current.y + a.dy * i
       };
-      const r = Me(e);
-      De(e, e.hovered, r), P(
+      const r = ve(e);
+      De(e, e.hovered, r), B(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragMove"
-      ), M(e, "onDragMove");
+      ), v(e, "onDragMove");
       return;
     }
     return;
@@ -1091,28 +1105,28 @@ const Xt = (e) => {
   if (n.forDrag.includes(t.code)) {
     const a = document.activeElement;
     if (!a) return;
-    const i = a.closest(
-      z.DRAGGABLE
+    const o = a.closest(
+      _.DRAGGABLE
     );
-    if (!i || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(i))
+    if (!o || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(o))
       return;
-    const o = e.entities.draggableMap.get(i);
-    if (!Fe(a, i, o?.dragHandle, !0))
+    const i = e.entities.draggableMap.get(o);
+    if (!Fe(a, o, i?.dragHandle, !0))
       return;
     t.preventDefault(), be();
-    const r = i.getBoundingClientRect(), g = r.left + r.width / 2, c = r.top + r.height / 2, u = {
+    const r = o.getBoundingClientRect(), g = r.left + r.width / 2, c = r.top + r.height / 2, u = {
       clientX: g,
       clientY: c
     };
-    e.entities.initiatingDraggable = i;
-    const l = _e(u, i);
+    e.entities.initiatingDraggable = o;
+    const l = ze(u, o);
     e.pointer.value = pe(
       u,
       l.x,
       l.y
     ), ee(e);
-    const f = Me(e);
-    De(e, e.hovered, f), P(e, i, "onSelfDragStart"), M(e, "onDragStart");
+    const f = ve(e);
+    De(e, e.hovered, f), B(e, o, "onSelfDragStart"), v(e, "onDragStart");
   }
 }, $t = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
@@ -1164,28 +1178,28 @@ const Qt = {
   }
 };
 function Ue(e, t, n, s = Qt, a) {
-  const { speed: i = 10, disabled: o = !1 } = t, r = Jt(t.threshold);
+  const { speed: o = 10, disabled: i = !1 } = t, r = Jt(t.threshold);
   let g = null, c = null, u = null, l = 0, f = 0;
   const d = (y) => {
     a && (a.value = y);
   }, m = (y) => {
     const R = e.value, x = n();
-    if (!R || !x || o) {
+    if (!R || !x || i) {
       d(!1);
       return;
     }
     c || (c = y);
-    const Z = y - c;
-    if (Z < ke) {
+    const X = y - c;
+    if (X < ke) {
       g = requestAnimationFrame(m);
       return;
     }
-    const p = i * (Z / ke);
+    const p = o * (X / ke);
     c = y;
-    const { scrollTop: v, scrollLeft: G } = s.getScrollState(R);
-    (!u || l !== v || f !== G) && (u = s.getRect ? s.getRect(R) : R.getBoundingClientRect(), l = v, f = G);
-    let B = !1, oe = v, ie = G;
-    r.top > 0 && x.y - u.top < r.top ? (oe = v - p, B = !0) : r.bottom > 0 && u.bottom - x.y < r.bottom && (oe = v + p, B = !0), r.left > 0 && x.x - u.left < r.left ? (ie = G - p, B = !0) : r.right > 0 && u.right - x.x < r.right && (ie = G + p, B = !0), B && s.setScroll(R, oe, ie), d(B), g = requestAnimationFrame(m);
+    const { scrollTop: M, scrollLeft: K } = s.getScrollState(R);
+    (!u || l !== M || f !== K) && (u = s.getRect ? s.getRect(R) : R.getBoundingClientRect(), l = M, f = K);
+    let O = !1, ie = M, oe = K;
+    r.top > 0 && x.y - u.top < r.top ? (ie = M - p, O = !0) : r.bottom > 0 && u.bottom - x.y < r.bottom && (ie = M + p, O = !0), r.left > 0 && x.x - u.left < r.left ? (oe = K - p, O = !0) : r.right > 0 && u.right - x.x < r.right && (oe = K + p, O = !0), O && s.setScroll(R, ie, oe), d(O), g = requestAnimationFrame(m);
   };
   return { run: () => {
     c = null, g = requestAnimationFrame(m);
@@ -1225,32 +1239,32 @@ function nn(e, t) {
     },
     en,
     n
-  ), i = ne(
+  ), o = ne(
     () => e.state.value,
     (r) => {
       r === "dragging" ? a.run() : a.stop();
     }
-  ), o = () => {
-    i(), a.stop();
+  ), i = () => {
+    o(), a.stop();
   };
-  return qe(o), { isScrolling: n, stop: o };
+  return qe(i), { isScrolling: n, stop: i };
 }
 const sn = (e) => {
-  const t = Xt(e), n = de.keyDown(e), s = de.keyUp(e), a = de.clear(e), i = Wt(e);
-  let o = null;
+  const t = Zt(e), n = de.keyDown(e), s = de.keyUp(e), a = de.clear(e), o = Wt(e);
+  let i = null;
   ne(
     e.autoScrollViewport,
     (r) => {
-      o?.(), o = null, (r === !0 || r && typeof r == "object") && (o = nn(
+      i?.(), i = null, (r === !0 || r && typeof r == "object") && (i = nn(
         e,
         r === !0 ? {} : r
       ).stop);
     },
     { immediate: !0 }
-  ), V(() => {
-    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", s), document.addEventListener("blur", a), document.addEventListener("scroll", i, !0);
-  }), Y(() => {
-    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", a), document.removeEventListener("scroll", i, !0), o?.(), t.cleanup();
+  ), Y(() => {
+    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", s), document.addEventListener("blur", a), document.addEventListener("scroll", o, !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", a), document.removeEventListener("scroll", o, !0), i?.(), t.cleanup();
   });
 }, ae = () => {
   const e = Pe(Ae);
@@ -1275,16 +1289,16 @@ const sn = (e) => {
   __name: "DefaultOverlay",
   setup(e) {
     const { entities: t, state: n, overlay: s } = $e();
-    return (a, i) => N(n) === "dragging" ? (L(), W("div", {
+    return (a, o) => V(n) === "dragging" ? (L(), W("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
       style: Le({
-        "--position-x": N(s).position.value.x + "px",
-        "--position-y": N(s).position.value.y + "px"
+        "--position-x": V(s).position.value.x + "px",
+        "--position-y": V(s).position.value.y + "px"
       })
     }, [
-      (L(!0), W(me, null, We(N(t).draggingMap, ([o, r]) => (L(), W(me, null, [
-        r.render ? (L(), Q(he(r.render), { key: 0 })) : (L(), Q(he(o.tagName), {
+      (L(!0), W(me, null, We(V(t).draggingMap, ([i, r]) => (L(), W(me, null, [
+        r.render ? (L(), Q(he(r.render), { key: 0 })) : (L(), Q(he(i.tagName), {
           key: 1,
           innerHTML: r.initialOuterHTML,
           style: Le({
@@ -1309,17 +1323,17 @@ const sn = (e) => {
     const a = b(
       () => s.overlay.render.value ?? an
     );
-    return Qe(Ae, s), (i, o) => (L(), W(me, null, [
-      Ie(i.$slots, "default"),
+    return Qe(Ae, s), (o, i) => (L(), W(me, null, [
+      Ce(o.$slots, "default"),
       (L(), Q(et, {
-        to: N(s).overlay.to.value || "body"
+        to: V(s).overlay.to.value || "body"
       }, [
         tt("div", nt({
           ref_key: "overlayRef",
           ref: n,
           class: "dnd-kit-overlay-container"
         }, t), [
-          Ie(i.$slots, "overlay", { overlay: a.value }, () => [
+          Ce(o.$slots, "overlay", { overlay: a.value }, () => [
             (L(), Q(he(a.value)))
           ])
         ], 16)
@@ -1329,8 +1343,8 @@ const sn = (e) => {
 });
 function ln(e, t, n) {
   const s = ae();
-  let a, i, o;
-  typeof t == "function" ? (a = {}, i = t) : (a = t ?? {}, i = n);
+  let a, o, i;
+  typeof t == "function" ? (a = {}, o = t) : (a = t ?? {}, o = n);
   const r = b({
     get() {
       const l = S(e);
@@ -1351,22 +1365,22 @@ function ln(e, t, n) {
     if (l)
       return s.entities.draggableMap.get(l)?.hoveredPlacement;
   });
-  return V(() => {
-    o = S(e), o && (o.addEventListener("dragstart", D), o.addEventListener("drag", D), o.addEventListener("dragend", D), o.setAttribute(k.DRAGGABLE, ""), s.lib.draggableObserver.observe(o), s.entities.draggableMap.set(o, {
+  return Y(() => {
+    i = S(e), i && (i.addEventListener("dragstart", D), i.addEventListener("drag", D), i.addEventListener("dragend", D), i.setAttribute(P.DRAGGABLE, ""), s.lib.draggableObserver.observe(i), s.entities.draggableMap.set(i, {
       render: a.render,
       disabled: a.disabled ?? !1,
       groups: a.groups ?? [],
       modifier: a.modifier,
       events: a.events,
-      payload: i,
+      payload: o,
       data: a.data,
       dragHandle: a.dragHandle,
       activation: a.activation,
       placementMargins: a.placementMargins,
       hoveredPlacement: void 0
     }));
-  }), Y(() => {
-    o && (s.lib.draggableObserver.unobserve(o), s.entities.visibleDraggableSet.delete(o), s.entities.draggableMap.delete(o), s.entities.modifiersDraggableSet.delete(o));
+  }), Z(() => {
+    i && (s.lib.draggableObserver.unobserve(i), s.entities.visibleDraggableSet.delete(i), s.entities.draggableMap.delete(i), s.entities.modifiersDraggableSet.delete(i));
   }), {
     selected: r,
     isDragging: g,
@@ -1377,8 +1391,8 @@ function ln(e, t, n) {
 const cn = (e, t) => {
   const n = ae(), s = b(() => e.value === n.entities.selectingArea);
   let a = null;
-  V(() => {
-    a = S(e), a && (a.setAttribute(k.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(a), n.entities.selectableAreaMap.set(a, {
+  Y(() => {
+    a = S(e), a && (a.setAttribute(P.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(a), n.entities.selectableAreaMap.set(a, {
       modifier: t?.modifier ?? {
         keys: ["ControlLeft"],
         method: "every"
@@ -1387,36 +1401,36 @@ const cn = (e, t) => {
       disabled: t?.disabled ?? !1,
       groups: t?.groups ?? []
     }));
-  }), Y(() => {
+  }), Z(() => {
     a && (n.lib.selectableAreaObserver.unobserve(a), n.entities.visibleSelectableAreaSet.delete(a), n.entities.modifiersSelectableAreaSet.delete(a), n.entities.selectableAreaMap.delete(a));
   });
-  const i = b(() => {
+  const o = b(() => {
     n.scrollPosition.x, n.scrollPosition.y;
-    const o = n.pointer.value;
-    return !o || n.state.value !== "selecting" || !a || !s.value ? {} : Mt(o.start, o.current, a);
+    const i = n.pointer.value;
+    return !i || n.state.value !== "selecting" || !a || !s.value ? {} : vt(i.start, i.current, a);
   });
   return {
     isSelecting: s,
-    style: i
+    style: o
   };
 };
 function gn(e, t) {
   const n = Pe(Ae);
   if (!n) throw Error("DnD provider not found");
   let s = null;
-  return V(() => {
-    s = S(e), s && (s.setAttribute(k.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(s, {
+  return Y(() => {
+    s = S(e), s && (s.setAttribute(P.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(s, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
     }));
-  }), Y(() => {
+  }), Z(() => {
     s && n.entities.constraintsAreaMap.delete(s);
   }), {};
 }
 function un(e, t, n) {
   const s = ae();
-  let a = null, i, o;
-  typeof t == "function" ? (i = {}, o = t) : (i = t ?? {}, o = n);
+  let a = null, o, i;
+  typeof t == "function" ? (o = {}, i = t) : (o = t ?? {}, i = n);
   const r = b(() => {
     const c = S(e);
     return c ? s.entities.allowedDroppableSet.has(c) : !1;
@@ -1425,17 +1439,17 @@ function un(e, t, n) {
     if (c)
       return s.entities.droppableMap.get(c)?.hoveredPlacement;
   });
-  return V(() => {
-    a = S(e), a && (a.setAttribute(k.DROPPABLE, ""), s.lib.droppableObserver.observe(a), s.entities.droppableMap.set(a, {
-      disabled: i.disabled ?? !1,
-      groups: i.groups ?? [],
-      groupMatch: i.groupMatch ?? "every",
-      events: i.events,
-      payload: o,
-      data: i.data,
+  return Y(() => {
+    a = S(e), a && (a.setAttribute(P.DROPPABLE, ""), s.lib.droppableObserver.observe(a), s.entities.droppableMap.set(a, {
+      disabled: o.disabled ?? !1,
+      groups: o.groups ?? [],
+      groupMatch: o.groupMatch ?? "every",
+      events: o.events,
+      payload: i,
+      data: o.data,
       hoveredPlacement: void 0
     }));
-  }), Y(() => {
+  }), Z(() => {
     a && (s.lib.droppableObserver.unobserve(a), s.entities.visibleDroppableSet.delete(a), s.entities.droppableMap.delete(a));
   }), {
     isAllowed: r,
@@ -1443,30 +1457,29 @@ function un(e, t, n) {
   };
 }
 const fn = (e, t) => {
-  const n = $e(), s = J(!1), i = Ue(
+  const n = $e(), s = J(!1), o = Ue(
     e,
     t ?? {},
     () => {
       if (n.state.value !== "dragging") return null;
-      const o = n.overlay.position.value, r = n.overlay.size.value;
-      return o ? r?.width && r?.height ? {
-        x: o.x + r.width / 2,
-        y: o.y + r.height / 2
-      } : o : null;
+      const i = n.overlay.position.value, r = n.overlay.size.value;
+      return i ? r?.width && r?.height ? {
+        x: i.x + r.width / 2,
+        y: i.y + r.height / 2
+      } : i : null;
     },
     void 0,
     s
   );
   return ne(
     () => n.state.value,
-    (o) => {
-      o === "dragging" ? i.run() : i.stop();
+    (i) => {
+      i === "dragging" ? o.run() : o.stop();
     }
   ), { isScrolling: s };
 };
 export {
   rn as DnDProvider,
-  Me as defaultCollisionDetection,
   fn as makeAutoScroll,
   gn as makeConstraintArea,
   ln as makeDraggable,