@vue-dnd-kit/core 2.0.10 → 2.0.11

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-default-overlay{transform:translate3d(var(--position-x),var(--position-y),0)}pre{position:fixed;bottom:0;left:0;margin:0;padding:8px;font-size:12px;background-color:#fffc;border-top-right-radius:4px;z-index:9999}.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 j, watch as ie, shallowRef as te, reactive as q, computed as y, onScopeDispose as Qe, onMounted as U, onBeforeUnmount as V, inject as Fe, defineComponent as _e, unref as C, openBlock as I, createElementBlock as J, normalizeStyle as Le, Fragment as he, renderList as et, createBlock as ne, resolveDynamicComponent as be, createCommentVNode as tt, useTemplateRef as nt, provide as st, renderSlot as Ce, Teleport as ot, createElementVNode as Ie, mergeProps as at, toDisplayString as it } from "vue";
+(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 j, watch as ie, shallowRef as te, reactive as q, computed as y, onScopeDispose as Je, onMounted as U, onBeforeUnmount as V, inject as Oe, defineComponent as Fe, unref as k, openBlock as C, createElementBlock as J, normalizeStyle as Le, Fragment as he, renderList as Qe, createBlock as ne, resolveDynamicComponent as be, createCommentVNode as et, useTemplateRef as tt, provide as nt, renderSlot as Ce, Teleport as st, createElementVNode as ot, mergeProps as at } from "vue";
 const T = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
@@ -9,7 +9,7 @@ const T = {
   SELECT_AREA: `[${T.SELECT_AREA}]`,
   DRAGGABLE: `[${T.DRAGGABLE}]`,
   CONSTRAINT_AREA: `[${T.CONSTRAINT_AREA}]`
-}, ve = "VueDnDKitProvider", Re = (e, t, s, n) => {
+}, ve = "VueDnDKitProvider", Ie = (e, t, s, n) => {
   const o = /* @__PURE__ */ new Set();
   return t.forEach((i) => {
     const a = e.get(i), r = n ? n(i) : a?.disabled;
@@ -22,13 +22,13 @@ const T = {
     g[l]((c) => s.value.has(c)) && o.add(i);
   }), o;
 };
-let Ge = "", rt = "", lt = "";
-const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, K = (e, t) => e !== t && e.contains(t), ct = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ye = () => {
+let _e = "", it = "", rt = "";
+const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, K = (e, t) => e !== t && e.contains(t), lt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ye = () => {
   const e = document.body;
-  Ge = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", M), window.addEventListener("selectstart", M), window.addEventListener("touchstart", M), window.addEventListener("touchmove", M);
+  _e = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", M), window.addEventListener("selectstart", M), window.addEventListener("touchstart", M), window.addEventListener("touchmove", M);
 }, pe = () => {
   const e = document.body;
-  e.style.userSelect = Ge, e.style.touchAction = rt, e.style.overscrollBehavior = lt, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
+  e.style.userSelect = _e, e.style.touchAction = it, e.style.overscrollBehavior = rt, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
 }, M = (e) => e.preventDefault(), xe = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
   for (const n of t.entities.visibleDraggableSet)
@@ -44,7 +44,7 @@ const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
   const s = new Set(t);
   return e.some((n) => s.has(n));
 };
-function gt(e, t, s, n) {
+function ct(e, t, s, n) {
   const o = /* @__PURE__ */ new Set();
   for (const r of t.keys()) {
     const g = s.get(r);
@@ -57,7 +57,7 @@ function gt(e, t, s, n) {
   }
   return a;
 }
-function ut(e, t, s) {
+function gt(e, t, s) {
   const n = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
     const r = s.get(a);
@@ -82,7 +82,7 @@ const ge = (e) => {
     unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, ft = (e) => {
+}, ut = (e) => {
   const t = new ResizeObserver((s) => {
     const n = s[0];
     if (!n) return;
@@ -94,8 +94,8 @@ const ge = (e) => {
     unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, dt = (e) => {
-  const t = j(null), s = ft(t), n = ie(
+}, ft = (e) => {
+  const t = j(null), s = ut(t), n = ie(
     e,
     (i) => {
       s.disconnect(), i && s.observe(i);
@@ -115,11 +115,11 @@ function Se(e, t = 0, s = 0) {
     offset: { x: t, y: s }
   };
 }
-function He(e, t) {
+function Ge(e, t) {
   const s = t.getBoundingClientRect(), n = s.width > 0 ? (e.clientX - s.left) / s.width : 0.5, o = s.height > 0 ? (e.clientY - s.top) / s.height : 0.5;
   return { x: n, y: o };
 }
-function Ke(e, t) {
+function He(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -127,34 +127,34 @@ function Ke(e, t) {
     initialOuterHTML: e.outerHTML
   };
 }
-function mt(e, t, s) {
+function dt(e, t, s) {
   e.forEach((n) => {
     const o = t.get(n);
-    s.set(n, Ke(n, o));
+    s.set(n, He(n, o));
   }), e.clear();
 }
-function ht(e, t, s) {
+function mt(e, t, s) {
   s.clear();
   const n = t.get(e);
-  s.set(e, Ke(e, n));
+  s.set(e, He(e, n));
 }
 function se(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", bt(
+  e.entities.initiatingDraggable && (e.state.value = "dragging", ht(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function bt(e, t, s, n) {
-  t.has(e) ? mt(t, s, n) : (t.clear(), ht(e, s, n));
+function ht(e, t, s, n) {
+  t.has(e) ? dt(t, s, n) : (t.clear(), mt(e, s, n));
 }
-function Ze(e, t, s, n) {
+function Ke(e, t, s, n) {
   if (n || !s) return !0;
   const o = e.closest(s);
   return o ? t.contains(o) : !1;
 }
-function yt(e, t) {
+function bt(e, t) {
   if (!e || !t) return 1;
   const s = Math.abs(e.current.x - e.start.x), n = Math.abs(e.current.y - e.start.y);
   if (typeof t == "number") {
@@ -170,24 +170,24 @@ function yt(e, t) {
   const r = o > 0 ? Math.min(s / o, 1) : 1, g = i > 0 ? Math.min(n / i, 1) : 1;
   return a === "both" ? Math.min(r, g) : Math.max(r, g);
 }
-function Ne(e, t, s) {
+function Ze(e, t, s) {
   if (!s) return !0;
   const n = s.distance != null, o = s.delay != null;
   return !n && !o ? !0 : n && !o ? e >= 1 : !n && o ? t >= 1 : (s.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
 }
-function pt(e) {
+function yt(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return Ne(
+  return Ze(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
   ) ? (se(e), !0) : !1;
 }
-function St(e, t) {
+function pt(e, t) {
   let s = null;
   const n = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
@@ -204,7 +204,7 @@ function St(e, t) {
     e.delay.progress = Math.min(
       (Date.now() - e.delay.startTime) / (i * 1e3),
       1
-    ), Ne(
+    ), Ze(
       e.distanceProgress.value,
       e.delay.progress,
       o?.activation
@@ -216,7 +216,7 @@ function St(e, t) {
     }
   };
 }
-function Dt(e, t) {
+function St(e, t) {
   const s = e.closest(
     _.CONSTRAINT_AREA
   );
@@ -225,10 +225,10 @@ function Dt(e, t) {
     entity: t.get(s)
   };
 }
-function Mt(e, t, s, n) {
+function Dt(e, t, s, n) {
   return s === "x" ? { x: e, y: n.top } : s === "y" ? { x: n.left, y: t } : { x: e, y: t };
 }
-function wt(e, t, s, n, o) {
+function Mt(e, t, s, n, o) {
   let i = e, a = t;
   return s !== "y" && (i = Math.max(
     n.left,
@@ -238,23 +238,23 @@ function wt(e, t, s, n, o) {
     Math.min(n.bottom - o.height, t)
   )), { x: i, y: a };
 }
-function vt(e, t, s, n, o) {
+function wt(e, t, s, n, o) {
   if (!e || !t)
     return { x: 0, y: 0 };
   const i = t.getBoundingClientRect(), a = i.width || o?.width || 0, r = i.height || o?.height || 0;
   let g = e.current.x - a * e.offset.x, l = e.current.y - r * e.offset.y;
   if (!s)
     return { x: g, y: l };
-  const u = Dt(s, n);
+  const u = St(s, n);
   if (!u)
     return { x: g, y: l };
-  const { element: c, entity: f } = u, d = c.getBoundingClientRect(), m = s.getBoundingClientRect(), h = Mt(
+  const { element: c, entity: f } = u, d = c.getBoundingClientRect(), m = s.getBoundingClientRect(), h = Dt(
     g,
     l,
     f.axis || "both",
     m
   );
-  return f.restrictToArea ? wt(
+  return f.restrictToArea ? Mt(
     h.x,
     h.y,
     f.axis || "both",
@@ -278,7 +278,7 @@ const N = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function xt(e, t) {
+function vt(e, t) {
   const s = te(), n = j(), i = {
     keys: {
       pressedKeys: j(/* @__PURE__ */ new Set()),
@@ -300,23 +300,23 @@ function xt(e, t) {
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
     selectionBase: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: y(() => s.value ? gt(
+    allowedDroppableSet: y(() => s.value ? ct(
       a.visibleDroppableSet,
       a.draggingMap,
       a.draggableMap,
       a.droppableMap
     ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: y(() => s.value ? ut(
+    allowedDraggableSet: y(() => s.value ? gt(
       a.visibleDraggableSet,
       a.draggingMap,
       a.draggableMap
     ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: y(() => Re(
+    modifiersSelectableAreaSet: y(() => Ie(
       a.selectableAreaMap,
       a.visibleSelectableAreaSet,
       i.keys.pressedKeys
     )),
-    modifiersDraggableSet: y(() => Re(
+    modifiersDraggableSet: y(() => Ie(
       a.draggableMap,
       a.visibleDraggableSet,
       i.keys.pressedKeys,
@@ -339,16 +339,16 @@ function xt(e, t) {
   }), c = y(() => {
     if (!n.value || !a.initiatingDraggable) return 0;
     const v = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
-    return v ? yt(n.value, v) : 1;
+    return v ? bt(n.value, v) : 1;
   }), f = ge(
     a.visibleDraggableSet
   ), d = ge(
     a.visibleDroppableSet
   ), m = ge(
     a.visibleSelectableAreaSet
-  ), { overlaySize: h, overlaySizeObserver: S } = dt(e), b = j(), w = y(() => {
+  ), { overlaySize: h, overlaySizeObserver: S } = ft(e), b = j(), w = y(() => {
     const p = a.initiatingDraggable;
-    return vt(
+    return wt(
       n.value,
       e.value,
       p || null,
@@ -399,7 +399,7 @@ const oe = (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 R(e, t, s) {
+function I(e, t, s) {
   const n = Math.max(0, Math.min(t, e.length));
   return [...e.slice(0, n), ...s, ...e.slice(n)];
 }
@@ -413,24 +413,24 @@ function H(e, t) {
   for (const o of s) n = Ee(n, o, 1);
   return n;
 }
-function Ye(e, t, s) {
+function Ne(e, t, s) {
   if (t === s || t < 0 || s < 0 || t >= e.length || s >= e.length)
     return e;
   const n = [...e];
   return [n[t], n[s]] = [n[s], n[t]], n;
 }
-const k = {
+const R = {
   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 k.getInsertSide(e, t) === "before" && !e?.center;
+    return R.getInsertSide(e, t) === "before" && !e?.center;
   },
   isAtZoneEnd(e, t) {
-    return k.getInsertSide(e, t) === "after" && !e?.center;
+    return R.getInsertSide(e, t) === "after" && !e?.center;
   }
 };
-function Xe(e, t) {
+function Ye(e, t) {
   const { draggedItems: s, dropZone: n, hoveredDraggable: o } = e;
   if (!s.length) return null;
   const i = o?.placement.center === !0 && n != null && n.items !== o.items, a = i ? n.items : o?.items ?? n?.items;
@@ -440,27 +440,27 @@ function Xe(e, t) {
   if (o && !i) {
     const f = o.items === r && g.includes(o.index);
     if (f && s.length === 1) {
-      const d = k.isAtZoneStart(n?.placement, t);
+      const d = R.isAtZoneStart(n?.placement, t);
       u = d ? 0 : l, c = d ? "prepend" : "append";
     } else {
       if (f)
         return null;
       {
-        const d = k.getInsertSide(o.placement, t), m = o.index;
+        const d = R.getInsertSide(o.placement, t), m = o.index;
         d === "before" ? (u = Math.max(0, m), c = "insert") : d === "after" ? (u = Math.min(l, m + 1), c = "insert") : (u = l, c = "append");
       }
     }
   } else {
     if (!n) return null;
-    const f = k.isAtZoneStart(n.placement, t);
+    const f = R.isAtZoneStart(n.placement, t);
     u = f ? 0 : l, c = f ? "prepend" : "append";
   }
   return { targetIndex: u, mode: c, targetArr: a };
 }
-function At(e, t = "vertical") {
+function xt(e, t = "vertical") {
   const { draggedItems: s } = e;
   if (!s.length) return null;
-  const n = Xe(e, t);
+  const n = Ye(e, t);
   if (!n) return null;
   const { targetArr: o, mode: i } = n;
   let { targetIndex: a } = n;
@@ -468,14 +468,14 @@ function At(e, t = "vertical") {
   if (l === o) {
     const c = r.filter((d) => d < a).length;
     a = Math.max(0, a - c);
-    const f = R(H(l, r), a, g);
+    const f = I(H(l, r), a, g);
     return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: a, mode: i, sameList: !0 };
   } else {
-    const c = H(l, r), f = R(o, a, g);
+    const c = H(l, r), f = I(o, a, g);
     return { sourceItems: c, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: a, mode: i, sameList: !1 };
   }
 }
-function Et(e) {
+function At(e) {
   const { draggedItems: t, hoveredDraggable: s } = e;
   if (!t.length || !s) return null;
   const n = t.map((u) => u.index), o = s.index, i = t.map((u) => u.item), a = s.item, r = t[0].items, g = s.items, l = r === g;
@@ -483,7 +483,7 @@ function Et(e) {
   if (t.length === 1) {
     const u = n[0];
     if (l) {
-      const c = Ye(r, u, o);
+      const c = Ne(r, u, o);
       return { sourceItems: c, targetItems: c, sourceIndexes: n, targetIndex: o, sameList: !0 };
     } else {
       const c = [...r], f = [...g];
@@ -494,54 +494,54 @@ function Et(e) {
     if (l) {
       const c = n.filter((b) => b < o).length, f = Math.max(0, o - c), d = n.filter((b) => b < u).length, m = Math.max(0, u - d);
       let h = H(r, n);
-      h = R(h, f, i);
+      h = I(h, f, i);
       const S = m >= f ? m + i.length : m;
-      return h = R(h, S, [a]), { sourceItems: h, targetItems: h, sourceIndexes: n, targetIndex: f, sameList: !0 };
+      return h = I(h, S, [a]), { sourceItems: h, targetItems: h, sourceIndexes: n, targetIndex: f, sameList: !0 };
     } else {
       const c = n.filter((h) => h < u).length, f = Math.max(0, u - c);
       let d = H(r, n);
-      d = R(d, f, [a]);
+      d = I(d, f, [a]);
       let m = Ee(g, o);
-      return m = R(m, o, i), { sourceItems: d, targetItems: m, sourceIndexes: n, targetIndex: o, sameList: !1 };
+      return m = I(m, o, i), { sourceItems: d, targetItems: m, sourceIndexes: n, targetIndex: o, sameList: !1 };
     }
   }
 }
-function Lt(e, t = "vertical") {
+function Et(e, t = "vertical") {
   const { draggedItems: s } = e;
   if (!s.length) return null;
-  const n = Xe(e, t);
+  const n = Ye(e, t);
   if (!n) return null;
   const { targetArr: o, targetIndex: i, mode: a } = n, r = s.map((l) => l.item);
-  return { targetItems: R(o, i, r), copiedItems: r, targetIndex: i, mode: a };
+  return { targetItems: I(o, i, r), copiedItems: r, targetIndex: i, mode: a };
 }
-function Ct(e) {
+function Lt(e) {
   const { draggedItems: t } = e;
   if (!t.length) return null;
   const s = t.map((a) => a.index), n = t.map((a) => a.item), o = t[0].items;
   return { sourceItems: H(o, s), removedItems: n, sourceIndexes: s };
 }
-function It(e) {
+function Ct(e) {
   return {
     // Low-level array ops
-    insertAt: R,
+    insertAt: I,
     removeAt: Ee,
     removeIndexes: H,
-    swapAt: Ye,
+    swapAt: Ne,
     // Placement helpers
-    getInsertSide: (t, s) => k.getInsertSide(t, s),
-    isAtZoneStart: (t, s) => k.isAtZoneStart(t, s),
-    isAtZoneEnd: (t, s) => k.isAtZoneEnd(t, s),
+    getInsertSide: (t, s) => R.getInsertSide(t, s),
+    isAtZoneStart: (t, s) => R.isAtZoneStart(t, s),
+    isAtZoneEnd: (t, s) => R.isAtZoneEnd(t, s),
     // High-level (event-bound)
-    suggestSort: (t) => At(e, t),
-    suggestSwap: () => Et(e),
-    suggestCopy: (t) => Lt(e, t),
-    suggestRemove: () => Ct(e)
+    suggestSort: (t) => xt(e, t),
+    suggestSwap: () => At(e),
+    suggestCopy: (t) => Et(e, t),
+    suggestRemove: () => Lt(e)
   };
 }
-const P = (e) => e.keys().next().value, Rt = (e) => e.target.closest(
+const P = (e) => e.keys().next().value, It = (e) => e.target.closest(
   _.DRAGGABLE
 );
-function kt(e) {
+function Rt(e) {
   const t = e.entities.initiatingDraggable;
   if (!t) return [];
   const s = e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t), n = s?.payload;
@@ -572,7 +572,7 @@ function kt(e) {
   }), [...l.values()].sort((u, c) => u.index - c.index);
 }
 const A = (e, t) => {
-  const s = kt(e);
+  const s = Rt(e);
   let n, o;
   if (t) {
     const i = e.entities.droppableMap.get(t);
@@ -615,7 +615,7 @@ const A = (e, t) => {
     dropZone: n,
     hoveredDraggable: o,
     provider: e,
-    helpers: It({ draggedItems: s, dropZone: n, hoveredDraggable: o })
+    helpers: Ct({ draggedItems: s, dropZone: n, hoveredDraggable: o })
   };
 }, F = (e, t, s) => {
   if (!t) return;
@@ -626,7 +626,7 @@ const A = (e, t) => {
   e.entities.draggingMap.forEach((n) => {
     n.disabled || n.events?.[t]?.(s);
   });
-}, Pt = (e, t, s) => {
+}, kt = (e, t, s) => {
   if (t !== s) {
     if (t && !G(t, e)) {
       const n = A(e, t);
@@ -637,7 +637,7 @@ const A = (e, t) => {
       e.entities.droppableMap.get(s)?.events?.onEnter?.(n);
     }
   }
-}, Tt = (e, t, s) => {
+}, Pt = (e, t, s) => {
   if (t !== s) {
     const n = A(e);
     if (t) {
@@ -650,19 +650,19 @@ const A = (e, t) => {
     }
   }
 }, ue = (e, t, s) => {
-  const n = Rt(t);
+  const n = It(t);
   !n || !e.entities.draggingMap.has(n) || e.entities.draggingMap.get(n)?.events?.[s]?.(A(e));
-}, zt = (e, t) => {
+}, Tt = (e, t) => {
   const s = P(t.droppable);
   s && !G(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
-}, Ue = (e, t) => {
+}, Xe = (e, t) => {
   const s = P(t.droppable);
   s && !G(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e, s));
 };
-function Bt(e) {
+function zt(e) {
   return e.parentElement?.closest(_.SELECT_AREA) ?? null;
 }
-const Ot = (e, t, s) => {
+const Bt = (e, t, s) => {
   if (!s) return {};
   const n = s.getBoundingClientRect(), o = Math.max(n.left, Math.min(e.x, t.x)), i = Math.max(n.top, Math.min(e.y, t.y)), a = Math.min(n.right, Math.max(e.x, t.x)), r = Math.min(n.bottom, Math.max(e.y, t.y)), g = Math.max(0, a - o), l = Math.max(0, r - i), u = o - n.left + s.scrollLeft, c = i - n.top + s.scrollTop;
   return {
@@ -675,15 +675,15 @@ const Ot = (e, t, s) => {
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, Ve = (e) => {
+}, Ue = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, s = Ft(
+  const { selectingArea: t } = e.entities, s = Ot(
     e.pointer.value.start,
     e.pointer.value.current
   ), n = e.entities.selectableAreaMap.get(t)?.groups ?? [], o = e.lib.rectCache;
   e.entities.visibleDraggableSet.forEach((i) => {
     if (i === t || !t.contains(i)) return;
-    const a = Bt(i);
+    const a = zt(i);
     if (a && a !== t) {
       e.entities.selectedSet.delete(i);
       return;
@@ -700,12 +700,12 @@ const Ot = (e, t, s) => {
     let l = o.get(i);
     l || (l = i.getBoundingClientRect(), o.set(i, l));
     const u = e.entities.selectionBase.has(i);
-    ct(s, l) ? u ? e.entities.selectedSet.delete(i) : e.entities.selectedSet.add(i) : u ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
+    lt(s, l) ? u ? e.entities.selectedSet.delete(i) : e.entities.selectedSet.add(i) : u ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
   });
-}, Ft = (e, t) => {
+}, Ot = (e, t) => {
   const s = Math.min(e.x, t.x), n = Math.min(e.y, t.y), o = Math.max(e.x, t.x), i = Math.max(e.y, t.y), a = o - s, r = i - n;
   return new DOMRect(s, n, a, r);
-}, _t = (e, t, s = 5) => {
+}, Ft = (e, t, s = 5) => {
   const n = s / 2;
   return {
     left: e - n,
@@ -713,9 +713,9 @@ const Ot = (e, t, s) => {
     width: s,
     height: s
   };
-}, Gt = (e) => {
+}, _t = (e) => {
   const t = e.pointer.value?.current, s = t?.x ?? 0, n = t?.y ?? 0;
-  return _t(s, n, 5);
+  return Ft(s, n, 5);
 }, B = (e, t, s) => {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   if (s) {
@@ -737,28 +737,28 @@ const Ot = (e, t, s) => {
     right: n > i,
     center: !1
   };
-}, Ht = (e) => ({
+}, Gt = (e) => ({
   x: e.left + e.width / 2,
   y: e.top + e.height / 2
-}), ke = (e, t) => {
-  const s = Ht(t);
+}), Re = (e, t) => {
+  const s = Gt(t);
   return Math.hypot(e.x - s.x, e.y - s.y);
 };
-function Kt(e, t) {
+function Ht(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 W(e, t) {
-  Kt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
+  Ht(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
 }
-const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
+const Kt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
   const n = P(t.droppable), o = P(t.draggable);
   o && t.draggable.delete(o), n && t.droppable.delete(n);
-  const i = Gt(e), a = s.zones[0], r = s.elements[0];
+  const i = _t(e), a = s.zones[0], r = s.elements[0];
   if (a && r && a === r && e.entities.droppableMap.has(a) && a) {
     const c = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins, d = B(i, c, f);
     if (d.center) {
       t.droppable.set(a, d);
-      const m = Zt(s.elements, a);
+      const m = Kt(s.elements, a);
       if (m) {
         const h = m.getBoundingClientRect();
         t.draggable.set(
@@ -782,8 +782,8 @@ const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
             B(i, c, f)
           );
         } else {
-          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = r.getBoundingClientRect(), m = ke(c, f);
-          if (ke(c, d) < m) {
+          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = r.getBoundingClientRect(), m = Re(c, f);
+          if (Re(c, d) < m) {
             t.droppable.clear();
             const S = e.entities.draggableMap.get(r)?.placementMargins;
             t.draggable.set(
@@ -817,7 +817,7 @@ const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
     const c = e.entities.droppableMap.get(l);
     c && W(c, t.droppable.get(l));
   }
-  Pt(e, n, l), Tt(e, o, u);
+  kt(e, n, l), Pt(e, o, u);
 }, fe = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, X = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
@@ -835,7 +835,7 @@ const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
 }, Y = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), Nt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Q = (e, t) => {
+}), Zt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Q = (e, t) => {
   const s = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
@@ -844,7 +844,7 @@ const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
   ), o = s * n, i = e.width * e.height, a = t.width * t.height;
   return i === 0 || a === 0 ? 0 : (o / i * 100 + o / a * 100) / 2;
-}, Yt = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Xt = (e) => e.overlay.ref?.value ?? null, Pe = (e) => {
+}, Nt = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Yt = (e) => e.overlay.ref?.value ?? null, ke = (e) => {
   const t = e.overlay.position?.value ?? { x: 0, y: 0 }, { x: s, y: n } = t, o = e.overlay.size?.value;
   let i, a;
   if (o)
@@ -863,41 +863,41 @@ const Zt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
     right: s + i,
     bottom: n + a
   };
-}, De = (e) => e.entities.allowedDraggableSet, $e = (e) => e.entities.allowedDroppableSet, Ut = (e, t) => !t.entities.draggingMap.has(e), Vt = (e, t) => ![...t.entities.draggingMap.keys()].some(
+}, De = (e) => e.entities.allowedDraggableSet, Ve = (e) => e.entities.allowedDroppableSet, Xt = (e, t) => !t.entities.draggingMap.has(e), Ut = (e, t) => ![...t.entities.draggingMap.keys()].some(
   (s) => K(s, e)
-), $t = (e, t) => t.entities.draggableMap.has(e) ? !xe(e, t) : t.entities.droppableMap.has(e) ? !G(e, t) : !0, ee = (e, t) => Ut(e, t) && Vt(e, t) && $t(e, t), de = 10;
+), Vt = (e, t) => t.entities.draggableMap.has(e) ? !xe(e, t) : t.entities.droppableMap.has(e) ? !G(e, t) : !0, ee = (e, t) => Xt(e, t) && Ut(e, t) && Vt(e, t), de = 10;
 function O(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
     t.y - (e.y + e.height / 2)
   );
 }
-function qt(e) {
+function $t(e) {
   const t = e.pointer.value?.current ?? { x: 0, y: 0 }, s = document.elementFromPoint(t.x, t.y);
   if (!s) return null;
-  const n = De(e), o = $e(e), i = [], a = [];
+  const n = De(e), o = Ve(e), i = [], a = [];
   let r = s;
   for (; r; )
     (n.has(r) || o.has(r)) && ee(r, e) && (n.has(r) && i.push(r), o.has(r) && a.push(r)), r = r.parentElement;
   return i.length === 0 && a.length === 0 ? null : { elements: i, zones: a };
 }
 const Me = (e) => {
-  if (!Xt(e)) return { elements: [], zones: [] };
-  const s = e.pointer.value?.current ?? { x: 0, y: 0 }, n = qt(e);
+  if (!Yt(e)) return { elements: [], zones: [] };
+  const s = e.pointer.value?.current ?? { x: 0, y: 0 }, n = $t(e);
   if (n) {
     if (n.elements.length > 0) return n;
     const l = n.zones[0];
     if (!l) return n;
-    const u = Pe(e);
+    const u = ke(e);
     return { elements: [...De(e)].filter(
       (d) => l.contains(d) && ee(d, e)
     ).map((d) => ({ el: d, box: X(d) })).filter(
       ({ box: d }) => fe(d, u) && Q(d, u) >= de
     ).sort((d, m) => O(d.box, s) - O(m.box, s)).map(({ el: d }) => d), zones: n.zones };
   }
-  const o = Pe(e), i = [...De(e)].filter(
+  const o = ke(e), i = [...De(e)].filter(
     (l) => ee(l, e)
-  ), a = [...$e(e)].filter(
+  ), a = [...Ve(e)].filter(
     (l) => ee(l, e)
   ), r = i.map((l) => ({ n: l, box: X(l) })).filter(
     ({ box: l }) => fe(l, o) && Q(l, o) >= de
@@ -915,7 +915,7 @@ function we(e) {
   const t = Me(e);
   ae(e, e.hovered, t);
 }
-function Wt(e, t) {
+function qt(e, t) {
   const s = e.collision?.throttle?.value ?? 0;
   if (s <= 0) {
     we(e);
@@ -924,7 +924,7 @@ function Wt(e, t) {
   const n = Date.now();
   n - t.value >= s && (t.value = n, we(e));
 }
-async function qe(e) {
+async function $e(e) {
   const t = e.hovered.droppable.keys().next().value;
   if (!t || G(t, e)) return "accept";
   const s = e.entities.droppableMap.get(t), n = A(e, t), o = s?.events?.onDrop?.(n);
@@ -935,49 +935,49 @@ async function qe(e) {
       a = await o;
     } catch {
       const r = e.entities.initiatingDraggable;
-      return F(e, r, "onSelfDragCancel"), x(e, "onDragCancel"), Ue(e, e.hovered), "cancel";
+      return F(e, r, "onSelfDragCancel"), x(e, "onDragCancel"), Xe(e, e.hovered), "cancel";
     }
     return a === !1 ? (e.state.value = "dragging", "decline") : "accept";
   }
   return o === !1 ? "decline" : "accept";
 }
-function We(e) {
+function qe(e) {
   const t = e.entities.initiatingDraggable;
-  F(e, t, "onSelfDragEnd"), x(e, "onDragEnd"), zt(e, e.hovered);
+  F(e, t, "onSelfDragEnd"), x(e, "onDragEnd"), Tt(e, e.hovered);
 }
-function jt(e) {
+function Wt(e) {
   const t = e.entities.selectingArea;
   if (!t) return;
   const s = e.entities.selectableAreaMap.get(t), n = [...e.entities.selectedSet];
   s?.events?.onSelected?.(n);
 }
-const Jt = (e) => {
+const jt = (e) => {
   const t = {
     current: null
   }, s = { value: 0 }, n = async () => {
     pe(), t.current?.cancel(), t.current = null;
     const r = e.state.value;
     if (r === "dragging") {
-      const g = await qe(e);
-      if (g === "accept" && We(e), g === "accept" || g === "cancel") {
+      const g = await $e(e);
+      if (g === "accept" && qe(e), g === "accept" || g === "cancel") {
         oe(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
         return;
       }
       return;
-    } else r === "selecting" && jt(e);
+    } else r === "selecting" && Wt(e);
     oe(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
   }, o = (r) => {
     if (e.pointer.value) {
-      if (e.pointer.value.current = { x: r.clientX, y: r.clientY }, pt(e)) {
+      if (e.pointer.value.current = { x: r.clientX, y: r.clientY }, yt(e)) {
         ue(e, r, "onSelfDragStart"), x(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        Wt(e, s);
+        qt(e, s);
         const g = e.entities.initiatingDraggable;
         F(e, g, "onSelfDragMove"), x(e, "onDragMove");
       }
-      e.state.value === "selecting" && Ve(e);
+      e.state.value === "selecting" && Ue(e);
     }
   };
   return { pointerDown: (r) => {
@@ -993,18 +993,18 @@ const Jt = (e) => {
     }
     if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
       const c = e.entities.draggableMap.get(u);
-      if (!Ze(g, u, c?.dragHandle))
+      if (!Ke(g, u, c?.dragHandle))
         return;
       ye(), e.entities.initiatingDraggable = u;
-      const f = He(r, u);
-      e.pointer.value = Se(r, f.x, f.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = St(e, () => {
+      const f = Ge(r, u);
+      e.pointer.value = Se(r, f.x, f.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = pt(e, () => {
         se(e), ue(e, r, "onSelfDragStart"), x(e, "onDragStart");
       }))) : (se(e), ue(e, r, "onSelfDragStart"), x(e, "onDragStart"));
     }
   }, pointerUp: n, pointerMove: o, cleanup: () => {
     t.current?.cancel(), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
   } };
-}, Qt = {
+}, Jt = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -1013,7 +1013,7 @@ const Jt = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, en = (e) => (t) => {
+}, Qt = (e) => (t) => {
   const { keys: s } = e.keyboard;
   if (s.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (s.forCancel.includes(t.code)) {
@@ -1021,14 +1021,14 @@ const Jt = (e) => {
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), x(e, "onDragCancel"), Ue(e, e.hovered), oe(e);
+      ), x(e, "onDragCancel"), Xe(e, e.hovered), oe(e);
       return;
     }
     if (s.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await qe(e) && We(e), pe(), oe(e)))();
+      t.preventDefault(), (async () => (await $e(e) && qe(e), pe(), oe(e)))();
       return;
     }
-    const o = Qt[t.code];
+    const o = Jt[t.code];
     if (o && s.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
       const i = s.forMoveFaster.some(
@@ -1057,7 +1057,7 @@ const Jt = (e) => {
     if (!i || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(i))
       return;
     const a = e.entities.draggableMap.get(i);
-    if (!Ze(o, i, a?.dragHandle, !0))
+    if (!Ke(o, i, a?.dragHandle, !0))
       return;
     t.preventDefault(), ye();
     const r = i.getBoundingClientRect(), g = r.left + r.width / 2, l = r.top + r.height / 2, u = {
@@ -1065,7 +1065,7 @@ const Jt = (e) => {
       clientY: l
     };
     e.entities.initiatingDraggable = i;
-    const c = He(u, i);
+    const c = Ge(u, i);
     e.pointer.value = Se(
       u,
       c.x,
@@ -1074,15 +1074,15 @@ const Jt = (e) => {
     const d = (e.collision?.run ?? Me)(e);
     ae(e, e.hovered, d), F(e, i, "onSelfDragStart"), x(e, "onDragStart");
   }
-}, tn = (e) => (t) => {
+}, en = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, nn = (e) => () => {
+}, tn = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
 }, me = {
-  keyDown: en,
-  keyUp: tn,
-  clear: nn
-}, sn = (e) => () => {
+  keyDown: Qt,
+  keyUp: en,
+  clear: tn
+}, nn = (e) => () => {
   if (!e.state.value) return;
   const t = e.scrollPosition.x, s = e.scrollPosition.y;
   if (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging") {
@@ -1091,10 +1091,10 @@ const Jt = (e) => {
   }
   if (e.state.value === "selecting" && e.pointer.value) {
     const n = window.scrollX - t, o = window.scrollY - s;
-    e.pointer.value.start.x -= n, e.pointer.value.start.y -= o, Ve(e);
+    e.pointer.value.start.x -= n, e.pointer.value.start.y -= o, Ue(e);
   }
-}, L = 50, on = 144, Te = 1e3 / on;
-function an(e) {
+}, L = 50, sn = 144, Pe = 1e3 / sn;
+function on(e) {
   return e == null ? {
     top: L,
     right: L,
@@ -1112,7 +1112,7 @@ function an(e) {
     left: e.left ?? L
   };
 }
-const rn = {
+const an = {
   getScrollState(e) {
     return {
       scrollTop: e.scrollTop,
@@ -1123,8 +1123,8 @@ const rn = {
     e.scrollTop = t, e.scrollLeft = s;
   }
 };
-function je(e, t, s, n = rn, o) {
-  const { speed: i = 10, disabled: a = !1 } = t, r = an(t.threshold);
+function We(e, t, s, n = an, o) {
+  const { speed: i = 10, disabled: a = !1 } = t, r = on(t.threshold);
   let g = null, l = null, u = null, c = 0, f = 0;
   const d = (b) => {
     o && (o.value = b);
@@ -1136,11 +1136,11 @@ function je(e, t, s, n = rn, o) {
     }
     l || (l = b);
     const $ = b - l;
-    if ($ < Te) {
+    if ($ < Pe) {
       g = requestAnimationFrame(m);
       return;
     }
-    const p = i * ($ / Te);
+    const p = i * ($ / Pe);
     l = b;
     const { scrollTop: v, scrollLeft: Z } = n.getScrollState(w);
     (!u || c !== v || f !== Z) && (u = n.getRect ? n.getRect(w) : w.getBoundingClientRect(), c = v, f = Z);
@@ -1153,7 +1153,7 @@ function je(e, t, s, n = rn, o) {
     g && (cancelAnimationFrame(g), g = null), u = null, c = 0, f = 0, l = null, d(!1);
   } };
 }
-const ln = {
+const rn = {
   getScrollState() {
     return {
       scrollTop: window.scrollY ?? document.documentElement.scrollTop,
@@ -1166,14 +1166,14 @@ const ln = {
   getRect() {
     return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
   }
-}, cn = {
+}, ln = {
   get value() {
     return typeof document < "u" ? document.documentElement : null;
   }
 };
-function gn(e, t) {
-  const s = te(!1), o = je(
-    cn,
+function cn(e, t) {
+  const s = te(!1), o = We(
+    ln,
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
@@ -1183,7 +1183,7 @@ function gn(e, t) {
         y: r.y + g.height / 2
       } : r : null;
     },
-    ln,
+    rn,
     s
   ), i = ie(
     () => e.state.value,
@@ -1193,15 +1193,15 @@ function gn(e, t) {
   ), a = () => {
     i(), o.stop();
   };
-  return Qe(a), { isScrolling: s, stop: a };
+  return Je(a), { isScrolling: s, stop: a };
 }
-const un = (e) => {
-  const t = Jt(e), s = me.keyDown(e), n = me.keyUp(e), o = me.clear(e), i = sn(e);
+const gn = (e) => {
+  const t = jt(e), s = me.keyDown(e), n = me.keyUp(e), o = me.clear(e), i = nn(e);
   let a = null;
   ie(
     e.autoScrollViewport,
     (r) => {
-      a?.(), a = null, (r === !0 || r && typeof r == "object") && (a = gn(
+      a?.(), a = null, (r === !0 || r && typeof r == "object") && (a = cn(
         e,
         r === !0 ? {} : r
       ).stop);
@@ -1213,10 +1213,10 @@ const un = (e) => {
     document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", s), document.removeEventListener("keyup", n), document.removeEventListener("blur", o), document.removeEventListener("scroll", i, !0), a?.(), t.cleanup();
   });
 }, re = () => {
-  const e = Fe(ve);
+  const e = Oe(ve);
   if (!e) throw Error("DnD provider not found");
   return e;
-}, Je = () => {
+}, je = () => {
   const e = re();
   return {
     overlay: e.overlay,
@@ -1231,20 +1231,20 @@ const un = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, fn = /* @__PURE__ */ _e({
+}, un = /* @__PURE__ */ Fe({
   __name: "DefaultOverlay",
   setup(e) {
-    const { entities: t, state: s, overlay: n } = Je();
-    return (o, i) => C(s) === "dragging" ? (I(), J("div", {
+    const { entities: t, state: s, overlay: n } = je();
+    return (o, i) => k(s) === "dragging" ? (C(), J("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
       style: Le({
-        "--position-x": C(n).position.value.x + "px",
-        "--position-y": C(n).position.value.y + "px"
+        "--position-x": k(n).position.value.x + "px",
+        "--position-y": k(n).position.value.y + "px"
       })
     }, [
-      (I(!0), J(he, null, et(C(t).draggingMap, ([a, r]) => (I(), J(he, null, [
-        C(t).draggableMap.get(a)?.render ? (I(), ne(be(C(t).draggableMap.get(a)?.render), { key: 0 })) : (I(), ne(be(a.tagName), {
+      (C(!0), J(he, null, Qe(k(t).draggingMap, ([a, r]) => (C(), J(he, null, [
+        k(t).draggableMap.get(a)?.render ? (C(), ne(be(k(t).draggableMap.get(a)?.render), { key: 0 })) : (C(), ne(be(a.tagName), {
           key: 1,
           innerHTML: r.initialOuterHTML,
           style: Le({
@@ -1253,9 +1253,9 @@ const un = (e) => {
           })
         }, null, 8, ["innerHTML", "style"]))
       ], 64))), 256))
-    ], 4)) : tt("", !0);
+    ], 4)) : et("", !0);
   }
-}), bn = /* @__PURE__ */ _e({
+}), hn = /* @__PURE__ */ Fe({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
@@ -1264,31 +1264,30 @@ const un = (e) => {
     class: {}
   },
   setup(e) {
-    const t = e, s = nt("overlayRef"), n = xt(s, t);
-    un(n);
+    const t = e, s = tt("overlayRef"), n = vt(s, t);
+    gn(n);
     const o = y(
-      () => n.overlay.render.value ?? fn
+      () => n.overlay.render.value ?? un
     );
-    return st(ve, n), (i, a) => (I(), J(he, null, [
+    return nt(ve, n), (i, a) => (C(), J(he, null, [
       Ce(i.$slots, "default"),
-      (I(), ne(ot, {
-        to: C(n).overlay.to.value || "body"
+      (C(), ne(st, {
+        to: k(n).overlay.to.value || "body"
       }, [
-        Ie("div", at({
+        ot("div", at({
           ref_key: "overlayRef",
           ref: s,
           class: "dnd-kit-overlay-container"
         }, t), [
           Ce(i.$slots, "overlay", { overlay: o.value }, () => [
-            (I(), ne(be(o.value)))
+            (C(), ne(be(o.value)))
           ])
         ], 16)
-      ], 8, ["to"])),
-      Ie("pre", null, it(C(n).entities.selectedSet), 1)
+      ], 8, ["to"]))
     ], 64));
   }
 });
-function yn(e, t, s) {
+function bn(e, t, s) {
   const n = re();
   let o, i, a;
   typeof t == "function" ? (o = {}, i = t) : (o = t ?? {}, i = s);
@@ -1335,7 +1334,7 @@ function yn(e, t, s) {
     isDragOver: u
   };
 }
-const pn = (e, t) => {
+const yn = (e, t) => {
   const s = re(), n = y(() => e.value === s.entities.selectingArea);
   let o = null;
   U(() => {
@@ -1354,15 +1353,15 @@ const pn = (e, t) => {
   const i = y(() => {
     s.scrollPosition.x, s.scrollPosition.y;
     const a = s.pointer.value;
-    return !a || s.state.value !== "selecting" || !o || !n.value ? {} : Ot(a.start, a.current, o);
+    return !a || s.state.value !== "selecting" || !o || !n.value ? {} : Bt(a.start, a.current, o);
   });
   return {
     isSelecting: n,
     style: i
   };
 };
-function Sn(e, t) {
-  const s = Fe(ve);
+function pn(e, t) {
+  const s = Oe(ve);
   if (!s) throw Error("DnD provider not found");
   let n = null;
   return U(() => {
@@ -1374,7 +1373,7 @@ function Sn(e, t) {
     n && s.entities.constraintsAreaMap.delete(n);
   }), {};
 }
-function Dn(e, t, s) {
+function Sn(e, t, s) {
   const n = re();
   let o = null, i, a;
   typeof t == "function" ? (i = {}, a = t) : (i = t ?? {}, a = s);
@@ -1402,8 +1401,8 @@ function Dn(e, t, s) {
     isDragOver: g
   };
 }
-const Mn = (e, t) => {
-  const s = Je(), n = te(!1), i = je(
+const Dn = (e, t) => {
+  const s = je(), n = te(!1), i = We(
     e,
     t ?? {},
     () => {
@@ -1424,26 +1423,26 @@ const Mn = (e, t) => {
     }
   ), { isScrolling: n };
 };
-function ze(e, t) {
+function Te(e, t) {
   return t <= 0 ? e : Math.round(e / t) * t;
 }
-function wn(e, t) {
+function Mn(e, t) {
   const s = t && "grid" in t && t.grid != null, n = t ? s ? t.grid : t.gridX : 1, o = t ? s ? t.grid : t.gridY : 1;
   return y(() => {
     const { x: i, y: a } = e.value;
     return {
-      x: ze(i, n),
-      y: ze(a, o)
+      x: Te(i, n),
+      y: Te(a, o)
     };
   });
 }
-const Be = () => !0, Oe = () => 0, dn = "separate", mn = () => {
+const ze = () => !0, Be = () => 0, fn = "separate", dn = () => {
   const e = {
-    filterElements: Be,
-    filterZones: Be,
-    sortElements: Oe,
-    sortZones: Oe,
-    mergeStrategy: dn,
+    filterElements: ze,
+    filterZones: ze,
+    sortElements: Be,
+    sortZones: Be,
+    mergeStrategy: fn,
     pickClosestBetweenFirst: !1
   }, t = (n, o, i, a, r, g, l) => {
     const u = a instanceof Set ? a : new Set(a), c = { containerBox: o, pointer: i }, f = e.minOverlapPercent, d = [];
@@ -1460,10 +1459,10 @@ const Be = () => !0, Oe = () => 0, dn = "separate", mn = () => {
         node: m,
         box: h,
         meta: {
-          isPointerInElement: Yt(h, i.x, i.y),
+          isPointerInElement: Nt(h, i.x, i.y),
           overlapPercent: S,
           depth: b,
-          centerDistance: Nt(
+          centerDistance: Zt(
             Y(o),
             Y(h)
           )
@@ -1580,16 +1579,16 @@ const Be = () => !0, Oe = () => 0, dn = "separate", mn = () => {
     }
   };
   return s;
-}, vn = () => mn();
+}, wn = () => dn();
 export {
-  bn as DnDProvider,
-  vn as createSensor,
+  hn as DnDProvider,
+  wn as createSensor,
   Me as defaultCollisionDetection,
-  Mn as makeAutoScroll,
-  Sn as makeConstraintArea,
-  yn as makeDraggable,
-  Dn as makeDroppable,
-  pn as makeSelectionArea,
-  wn as makeSnappedOverlayPosition,
-  Je as useDnDProvider
+  Dn as makeAutoScroll,
+  pn as makeConstraintArea,
+  bn as makeDraggable,
+  Sn as makeDroppable,
+  yn as makeSelectionArea,
+  Mn as makeSnappedOverlayPosition,
+  je as useDnDProvider
 };