@vue-dnd-kit/core 2.0.9 → 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)}.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 re, shallowRef as te, reactive as q, computed as y, onScopeDispose as Je, onMounted as U, onBeforeUnmount as V, inject as Be, 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";
+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,26 +9,26 @@ const T = {
   SELECT_AREA: `[${T.SELECT_AREA}]`,
   DRAGGABLE: `[${T.DRAGGABLE}]`,
   CONSTRAINT_AREA: `[${T.CONSTRAINT_AREA}]`
-}, we = "VueDnDKitProvider", Ie = (e, t, s, n) => {
+}, ve = "VueDnDKitProvider", Ie = (e, t, s, n) => {
   const o = /* @__PURE__ */ new Set();
-  return t.forEach((r) => {
-    const a = e.get(r), i = n ? n(r) : a?.disabled;
-    if (!a || i) return;
+  return t.forEach((i) => {
+    const a = e.get(i), r = n ? n(i) : a?.disabled;
+    if (!a || r) return;
     const g = a.modifier?.keys, l = a.modifier?.method;
     if (!g || !l || g.length === 0) {
-      o.add(r);
+      o.add(i);
       return;
     }
-    g[l]((c) => s.value.has(c)) && o.add(r);
+    g[l]((c) => s.value.has(c)) && o.add(i);
   }), o;
 };
-let _e = "", rt = "", it = "";
+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;
   _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 = _e, e.style.touchAction = rt, e.style.overscrollBehavior = it, 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)
@@ -46,29 +46,29 @@ const D = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
 };
 function ct(e, t, s, n) {
   const o = /* @__PURE__ */ new Set();
-  for (const i of t.keys()) {
-    const g = s.get(i);
+  for (const r of t.keys()) {
+    const g = s.get(r);
     for (const l of g?.groups ?? []) o.add(l);
   }
-  const r = [...o], a = /* @__PURE__ */ new Set();
-  for (const i of e) {
-    const l = n.get(i)?.groups ?? [];
-    Ae(r, l) && a.add(i);
+  const i = [...o], a = /* @__PURE__ */ new Set();
+  for (const r of e) {
+    const l = n.get(r)?.groups ?? [];
+    Ae(i, l) && a.add(r);
   }
   return a;
 }
 function gt(e, t, s) {
   const n = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
-    const i = s.get(a);
-    for (const g of i?.groups ?? []) n.add(g);
+    const r = s.get(a);
+    for (const g of r?.groups ?? []) n.add(g);
   }
-  const o = [...n], r = /* @__PURE__ */ new Set();
+  const o = [...n], i = /* @__PURE__ */ new Set();
   for (const a of e) {
     const g = s.get(a)?.groups ?? [];
-    Ae(o, g) && r.add(a);
+    Ae(o, g) && i.add(a);
   }
-  return r;
+  return i;
 }
 const ge = (e) => {
   const t = new IntersectionObserver((s) => {
@@ -86,8 +86,8 @@ const ge = (e) => {
   const t = new ResizeObserver((s) => {
     const n = s[0];
     if (!n) return;
-    const { width: o, height: r } = n.contentRect;
-    e.value = { width: o, height: r };
+    const { width: o, height: i } = n.contentRect;
+    e.value = { width: o, height: i };
   });
   return {
     observe: (s) => t.observe(s),
@@ -95,10 +95,10 @@ const ge = (e) => {
     disconnect: () => t.disconnect()
   };
 }, ft = (e) => {
-  const t = j(null), s = ut(t), n = re(
+  const t = j(null), s = ut(t), n = ie(
     e,
-    (r) => {
-      s.disconnect(), r && s.observe(r);
+    (i) => {
+      s.disconnect(), i && s.observe(i);
     },
     { immediate: !0 }
   );
@@ -163,12 +163,12 @@ function bt(e, t) {
   }
   const {
     x: o = 0,
-    y: r = 0,
+    y: i = 0,
     condition: a = "any"
   } = t;
-  if (o === 0 && r === 0) return 1;
-  const i = o > 0 ? Math.min(s / o, 1) : 1, g = r > 0 ? Math.min(n / r, 1) : 1;
-  return a === "both" ? Math.min(i, g) : Math.max(i, g);
+  if (o === 0 && i === 0) return 1;
+  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 Ze(e, t, s) {
   if (!s) return !0;
@@ -196,13 +196,13 @@ function pt(e, t) {
     }
     const o = e.entities.draggableMap.get(
       e.entities.initiatingDraggable
-    ), r = o?.activation?.delay;
-    if (!r) {
+    ), i = o?.activation?.delay;
+    if (!i) {
       s = null;
       return;
     }
     e.delay.progress = Math.min(
-      (Date.now() - e.delay.startTime) / (r * 1e3),
+      (Date.now() - e.delay.startTime) / (i * 1e3),
       1
     ), Ze(
       e.distanceProgress.value,
@@ -229,20 +229,20 @@ 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 Mt(e, t, s, n, o) {
-  let r = e, a = t;
-  return s !== "y" && (r = Math.max(
+  let i = e, a = t;
+  return s !== "y" && (i = Math.max(
     n.left,
     Math.min(n.right - o.width, e)
   )), s !== "x" && (a = Math.max(
     n.top,
     Math.min(n.bottom - o.height, t)
-  )), { x: r, y: a };
+  )), { 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 r = t.getBoundingClientRect(), a = r.width || o?.width || 0, i = r.height || o?.height || 0;
-  let g = e.current.x - a * e.offset.x, l = e.current.y - i * e.offset.y;
+  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 = St(s, n);
@@ -259,7 +259,7 @@ function vt(e, t, s, n, o) {
     h.y,
     f.axis || "both",
     d,
-    r
+    i
   ) : h;
 }
 const N = {
@@ -278,8 +278,8 @@ const N = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function wt(e, t) {
-  const s = te(), n = j(), r = {
+function vt(e, t) {
+  const s = te(), n = j(), i = {
     keys: {
       pressedKeys: j(/* @__PURE__ */ new Set()),
       forDrag: [...N.forDrag],
@@ -299,6 +299,7 @@ function wt(e, t) {
     selectingArea: void 0,
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
+    selectionBase: /* @__PURE__ */ new Set(),
     allowedDroppableSet: y(() => s.value ? ct(
       a.visibleDroppableSet,
       a.draggingMap,
@@ -313,18 +314,18 @@ function wt(e, t) {
     modifiersSelectableAreaSet: y(() => Ie(
       a.selectableAreaMap,
       a.visibleSelectableAreaSet,
-      r.keys.pressedKeys
+      i.keys.pressedKeys
     )),
     modifiersDraggableSet: y(() => Ie(
       a.draggableMap,
       a.visibleDraggableSet,
-      r.keys.pressedKeys,
-      (w) => xe(w, { entities: a })
+      i.keys.pressedKeys,
+      (v) => xe(v, { entities: a })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
     visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), i = q({
+  }), r = q({
     draggable: /* @__PURE__ */ new Map(),
     droppable: /* @__PURE__ */ new Map()
   }), g = {
@@ -337,17 +338,17 @@ function wt(e, t) {
     startTime: 0
   }), c = y(() => {
     if (!n.value || !a.initiatingDraggable) return 0;
-    const w = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
-    return w ? bt(n.value, w) : 1;
+    const v = a.draggableMap.get(a.initiatingDraggable)?.activation?.distance;
+    return v ? bt(n.value, v) : 1;
   }), f = ge(
     a.visibleDraggableSet
   ), d = ge(
     a.visibleDroppableSet
   ), m = ge(
     a.visibleSelectableAreaSet
-  ), { overlaySize: h, overlaySizeObserver: S } = ft(e), b = j(), v = 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,
@@ -362,15 +363,15 @@ function wt(e, t) {
     state: s,
     pointer: n,
     entities: a,
-    keyboard: r,
+    keyboard: i,
     scrollPosition: l,
     delay: u,
     distanceProgress: c,
-    hovered: i,
+    hovered: r,
     collision: g,
     overlay: {
       size: h,
-      position: v,
+      position: w,
       render: b,
       ref: e,
       to: E
@@ -396,7 +397,7 @@ const oe = (e) => {
     const n = e.entities.droppableMap.get(s);
     n && (n.hoveredPlacement = void 0);
   }
-  e.lib.rectCache.clear(), e.pointer.value = void 0, e.state.value = void 0, e.entities.selectingArea = void 0, e.entities.initiatingDraggable = void 0, e.delay.progress = 0, e.delay.startTime = 0, e.entities.draggingMap.clear(), e.hovered.draggable.clear(), e.hovered.droppable.clear();
+  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 I(e, t, s) {
   const n = Math.max(0, Math.min(t, e.length));
@@ -407,7 +408,7 @@ function Ee(e, t, s = 1) {
   return [...e.slice(0, n), ...e.slice(n + o)];
 }
 function H(e, t) {
-  const s = [...new Set(t)].filter((o) => o >= 0 && o < e.length).sort((o, r) => r - o);
+  const s = [...new Set(t)].filter((o) => o >= 0 && o < e.length).sort((o, i) => i - o);
   let n = e;
   for (const o of s) n = Ee(n, o, 1);
   return n;
@@ -432,12 +433,12 @@ const R = {
 function Ye(e, t) {
   const { draggedItems: s, dropZone: n, hoveredDraggable: o } = e;
   if (!s.length) return null;
-  const r = o?.placement.center === !0 && n != null && n.items !== o.items, a = r ? n.items : o?.items ?? n?.items;
+  const i = o?.placement.center === !0 && n != null && n.items !== o.items, a = i ? n.items : o?.items ?? n?.items;
   if (!a) return null;
-  const i = s[0].items, g = s.map((f) => f.index), l = a.length;
+  const r = s[0].items, g = s.map((f) => f.index), l = a.length;
   let u, c;
-  if (o && !r) {
-    const f = o.items === i && g.includes(o.index);
+  if (o && !i) {
+    const f = o.items === r && g.includes(o.index);
     if (f && s.length === 1) {
       const d = R.isAtZoneStart(n?.placement, t);
       u = d ? 0 : l, c = d ? "prepend" : "append";
@@ -461,47 +462,47 @@ function xt(e, t = "vertical") {
   if (!s.length) return null;
   const n = Ye(e, t);
   if (!n) return null;
-  const { targetArr: o, mode: r } = n;
+  const { targetArr: o, mode: i } = n;
   let { targetIndex: a } = n;
-  const i = s.map((c) => c.index), g = s.map((c) => c.item), l = s[0].items;
+  const r = s.map((c) => c.index), g = s.map((c) => c.item), l = s[0].items;
   if (l === o) {
-    const c = i.filter((d) => d < a).length;
+    const c = r.filter((d) => d < a).length;
     a = Math.max(0, a - c);
-    const f = I(H(l, i), a, g);
-    return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !0 };
+    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, i), f = I(o, a, g);
-    return { sourceItems: c, targetItems: f, draggedItems: g, sourceIndexes: i, targetIndex: a, mode: r, sameList: !1 };
+    const c = H(l, r), f = I(o, a, g);
+    return { sourceItems: c, targetItems: f, draggedItems: g, sourceIndexes: r, targetIndex: a, mode: i, sameList: !1 };
   }
 }
 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, r = t.map((u) => u.item), a = s.item, i = t[0].items, g = s.items, l = i === g;
+  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;
   if (l && n.includes(o)) return null;
   if (t.length === 1) {
     const u = n[0];
     if (l) {
-      const c = Ne(i, u, o);
+      const c = Ne(r, u, o);
       return { sourceItems: c, targetItems: c, sourceIndexes: n, targetIndex: o, sameList: !0 };
     } else {
-      const c = [...i], f = [...g];
-      return c[u] = g[o], f[o] = i[u], { sourceItems: c, targetItems: f, sourceIndexes: n, targetIndex: o, sameList: !1 };
+      const c = [...r], f = [...g];
+      return c[u] = g[o], f[o] = r[u], { sourceItems: c, targetItems: f, sourceIndexes: n, targetIndex: o, sameList: !1 };
     }
   } else {
     const u = Math.min(...n);
     if (l) {
       const c = n.filter((b) => b < o).length, f = Math.max(0, o - c), d = n.filter((b) => b < u).length, m = Math.max(0, u - d);
-      let h = H(i, n);
-      h = I(h, f, r);
-      const S = m >= f ? m + r.length : m;
+      let h = H(r, n);
+      h = I(h, f, i);
+      const S = m >= f ? m + i.length : m;
       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(i, n);
+      let d = H(r, n);
       d = I(d, f, [a]);
       let m = Ee(g, o);
-      return m = I(m, o, r), { 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 };
     }
   }
 }
@@ -510,8 +511,8 @@ function Et(e, t = "vertical") {
   if (!s.length) return null;
   const n = Ye(e, t);
   if (!n) return null;
-  const { targetArr: o, targetIndex: r, mode: a } = n, i = s.map((l) => l.item);
-  return { targetItems: I(o, r, i), copiedItems: i, targetIndex: r, mode: a };
+  const { targetArr: o, targetIndex: i, mode: a } = n, r = s.map((l) => l.item);
+  return { targetItems: I(o, i, r), copiedItems: r, targetIndex: i, mode: a };
 }
 function Lt(e) {
   const { draggedItems: t } = e;
@@ -548,10 +549,10 @@ function Rt(e) {
     return s?.data ? [{ index: -1, item: void 0, items: [], data: s.data() }] : [];
   const o = n();
   if (!Array.isArray(o) || o.length < 2) return [];
-  const [r, a] = o, i = Number(r), g = a, l = /* @__PURE__ */ new Map();
-  return l.set(i, {
-    index: i,
-    item: g[i],
+  const [i, a] = o, r = Number(i), g = a, l = /* @__PURE__ */ new Map();
+  return l.set(r, {
+    index: r,
+    item: g[r],
     items: g,
     data: s?.data?.()
   }), e.entities.draggingMap.forEach((u, c) => {
@@ -574,13 +575,13 @@ const A = (e, t) => {
   const s = Rt(e);
   let n, o;
   if (t) {
-    const r = e.entities.droppableMap.get(t);
-    if (r) {
-      const g = r.payload;
+    const i = e.entities.droppableMap.get(t);
+    if (i) {
+      const g = i.payload;
       n = {
         items: g ? g() : [],
         placement: e.hovered.droppable.get(t),
-        data: r.data?.()
+        data: i.data?.()
       };
     }
     const a = P(e.hovered.draggable);
@@ -661,9 +662,9 @@ const A = (e, t) => {
 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)), r = Math.max(n.top, Math.min(e.y, t.y)), a = Math.min(n.right, Math.max(e.x, t.x)), i = Math.min(n.bottom, Math.max(e.y, t.y)), g = Math.max(0, a - o), l = Math.max(0, i - r), u = o - n.left + s.scrollLeft, c = r - n.top + s.scrollTop;
+  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 {
     position: "absolute",
     left: `${u}px`,
@@ -676,32 +677,34 @@ const Ot = (e, t, s) => {
   };
 }, Ue = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, s = Bt(
+  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((r) => {
-    if (r === t || !t.contains(r)) return;
-    const a = zt(r);
+  e.entities.visibleDraggableSet.forEach((i) => {
+    if (i === t || !t.contains(i)) return;
+    const a = zt(i);
     if (a && a !== t) {
-      e.entities.selectedSet.delete(r);
+      e.entities.selectedSet.delete(i);
       return;
     }
-    if (xe(r, e)) {
-      e.entities.selectedSet.delete(r);
+    if (xe(i, e)) {
+      e.entities.selectedSet.delete(i);
       return;
     }
-    const g = e.entities.draggableMap.get(r)?.groups ?? [];
+    const g = e.entities.draggableMap.get(i)?.groups ?? [];
     if (!Ae(n, g)) {
-      e.entities.selectedSet.delete(r);
+      e.entities.selectedSet.delete(i);
       return;
     }
-    let l = o.get(r);
-    l || (l = r.getBoundingClientRect(), o.set(r, l)), lt(s, l) ? e.entities.selectedSet.add(r) : e.entities.selectedSet.delete(r);
+    let l = o.get(i);
+    l || (l = i.getBoundingClientRect(), o.set(i, l));
+    const u = e.entities.selectionBase.has(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);
   });
-}, Bt = (e, t) => {
-  const s = Math.min(e.x, t.x), n = Math.min(e.y, t.y), o = Math.max(e.x, t.x), r = Math.max(e.y, t.y), a = o - s, i = r - n;
-  return new DOMRect(s, n, a, i);
+}, 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);
 }, Ft = (e, t, s = 5) => {
   const n = s / 2;
   return {
@@ -713,10 +716,10 @@ const Ot = (e, t, s) => {
 }, _t = (e) => {
   const t = e.pointer.value?.current, s = t?.x ?? 0, n = t?.y ?? 0;
   return Ft(s, n, 5);
-}, O = (e, t, s) => {
+}, B = (e, t, s) => {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   if (s) {
-    const i = s.top ?? 0, g = s.right ?? 0, l = s.bottom ?? 0, u = s.left ?? 0, c = t.left + u, f = t.right - g, d = t.top + i, m = t.bottom - l;
+    const r = s.top ?? 0, g = s.right ?? 0, l = s.bottom ?? 0, u = s.left ?? 0, c = t.left + u, f = t.right - g, d = t.top + r, m = t.bottom - l;
     if (c < f && d < m && n >= c && n <= f && o >= d && o <= m)
       return {
         top: !1,
@@ -726,12 +729,12 @@ const Ot = (e, t, s) => {
         center: !0
       };
   }
-  const r = t.left + t.width / 2, a = t.top + t.height / 2;
+  const i = t.left + t.width / 2, a = t.top + t.height / 2;
   return {
     top: o <= a,
     bottom: o > a,
-    left: n <= r,
-    right: n > r,
+    left: n <= i,
+    right: n > i,
     center: !1
   };
 }, Gt = (e) => ({
@@ -750,9 +753,9 @@ function W(e, t) {
 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 r = _t(e), a = s.zones[0], i = s.elements[0];
-  if (a && i && a === i && e.entities.droppableMap.has(a) && a) {
-    const c = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins, d = O(r, c, f);
+  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 = Kt(s.elements, a);
@@ -760,40 +763,40 @@ const Kt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
         const h = m.getBoundingClientRect();
         t.draggable.set(
           m,
-          O(r, h, void 0)
+          B(i, h, void 0)
         );
       }
     } else
-      t.draggable.set(i, d);
+      t.draggable.set(r, d);
   } else {
     if (a) {
       const c = a.getBoundingClientRect();
-      t.droppable.set(a, O(r, c));
+      t.droppable.set(a, B(i, c));
     }
-    if (i)
+    if (r)
       if (a)
-        if (K(a, i)) {
-          const c = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins;
+        if (K(a, r)) {
+          const c = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins;
           t.draggable.set(
-            i,
-            O(r, c, f)
+            r,
+            B(i, c, f)
           );
         } else {
-          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, f = a.getBoundingClientRect(), d = i.getBoundingClientRect(), m = Re(c, f);
+          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(i)?.placementMargins;
+            const S = e.entities.draggableMap.get(r)?.placementMargins;
             t.draggable.set(
-              i,
-              O(r, d, S)
+              r,
+              B(i, d, S)
             );
           }
         }
       else {
-        const c = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins;
+        const c = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins;
         t.draggable.set(
-          i,
-          O(r, c, f)
+          r,
+          B(i, c, f)
         );
       }
   }
@@ -839,31 +842,31 @@ const Kt = (e, t) => e.find((s) => s !== t && K(t, s)), ae = (e, t, s) => {
   ), n = Math.max(
     0,
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
-  ), o = s * n, r = e.width * e.height, a = t.width * t.height;
-  return r === 0 || a === 0 ? 0 : (o / r * 100 + o / a * 100) / 2;
+  ), 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;
 }, 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 r, a;
+  let i, a;
   if (o)
-    r = o.width, a = o.height;
+    i = o.width, a = o.height;
   else {
-    const i = e.overlay.ref?.value?.getBoundingClientRect();
-    r = i?.width ?? 0, a = i?.height ?? 0;
+    const r = e.overlay.ref?.value?.getBoundingClientRect();
+    i = r?.width ?? 0, a = r?.height ?? 0;
   }
   return {
     x: s,
     y: n,
-    width: r,
+    width: i,
     height: a,
     top: n,
     left: s,
-    right: s + r,
+    right: s + i,
     bottom: n + a
   };
 }, 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)
 ), 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 B(e, t) {
+function O(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
     t.y - (e.y + e.height / 2)
@@ -872,11 +875,11 @@ function B(e, t) {
 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 = Ve(e), r = [], a = [];
-  let i = s;
-  for (; i; )
-    (n.has(i) || o.has(i)) && ee(i, e) && (n.has(i) && r.push(i), o.has(i) && a.push(i)), i = i.parentElement;
-  return r.length === 0 && a.length === 0 ? null : { elements: r, zones: a };
+  const 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 (!Yt(e)) return { elements: [], zones: [] };
@@ -890,20 +893,20 @@ const Me = (e) => {
       (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) => B(d.box, s) - B(m.box, s)).map(({ el: d }) => d), zones: n.zones };
+    ).sort((d, m) => O(d.box, s) - O(m.box, s)).map(({ el: d }) => d), zones: n.zones };
   }
-  const o = ke(e), r = [...De(e)].filter(
+  const o = ke(e), i = [...De(e)].filter(
     (l) => ee(l, e)
   ), a = [...Ve(e)].filter(
     (l) => ee(l, e)
-  ), i = r.map((l) => ({ n: l, box: X(l) })).filter(
+  ), r = i.map((l) => ({ n: l, box: X(l) })).filter(
     ({ box: l }) => fe(l, o) && Q(l, o) >= de
-  ).sort((l, u) => B(l.box, s) - B(u.box, s)).map(({ n: l }) => l), g = a.map((l) => ({ n: l, box: X(l) })).filter(
+  ).sort((l, u) => O(l.box, s) - O(u.box, s)).map(({ n: l }) => l), g = a.map((l) => ({ n: l, box: X(l) })).filter(
     ({ box: l }) => fe(l, o) && Q(l, o) >= de
-  ).sort((l, u) => B(l.box, s) - B(u.box, s)).map(({ n: l }) => l);
-  return { elements: i, zones: g };
+  ).sort((l, u) => O(l.box, s) - O(u.box, s)).map(({ n: l }) => l);
+  return { elements: r, zones: g };
 };
-function ve(e) {
+function we(e) {
   if (e.collision?.run) {
     const s = e.collision.run(e);
     ae(e, e.hovered, s);
@@ -915,11 +918,11 @@ function ve(e) {
 function qt(e, t) {
   const s = e.collision?.throttle?.value ?? 0;
   if (s <= 0) {
-    ve(e);
+    we(e);
     return;
   }
   const n = Date.now();
-  n - t.value >= s && (t.value = n, ve(e));
+  n - t.value >= s && (t.value = n, we(e));
 }
 async function $e(e) {
   const t = e.hovered.droppable.keys().next().value;
@@ -931,8 +934,8 @@ async function $e(e) {
     try {
       a = await o;
     } catch {
-      const i = e.entities.initiatingDraggable;
-      return F(e, i, "onSelfDragCancel"), x(e, "onDragCancel"), Xe(e, e.hovered), "cancel";
+      const r = e.entities.initiatingDraggable;
+      return F(e, r, "onSelfDragCancel"), x(e, "onDragCancel"), Xe(e, e.hovered), "cancel";
     }
     return a === !1 ? (e.state.value = "dragging", "decline") : "accept";
   }
@@ -953,20 +956,20 @@ const jt = (e) => {
     current: null
   }, s = { value: 0 }, n = async () => {
     pe(), t.current?.cancel(), t.current = null;
-    const i = e.state.value;
-    if (i === "dragging") {
+    const r = e.state.value;
+    if (r === "dragging") {
       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 i === "selecting" && Wt(e);
+    } else r === "selecting" && Wt(e);
     oe(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
-  }, o = (i) => {
+  }, o = (r) => {
     if (e.pointer.value) {
-      if (e.pointer.value.current = { x: i.clientX, y: i.clientY }, yt(e)) {
-        ue(e, i, "onSelfDragStart"), x(e, "onDragStart");
+      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") {
@@ -977,15 +980,15 @@ const jt = (e) => {
       e.state.value === "selecting" && Ue(e);
     }
   };
-  return { pointerDown: (i) => {
+  return { pointerDown: (r) => {
     document.addEventListener("pointerup", n), document.addEventListener("pointermove", o);
-    const g = i.target, l = g.closest(
+    const g = r.target, l = g.closest(
       _.SELECT_AREA
     ), u = g.closest(
       _.DRAGGABLE
     );
     if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(l)) {
-      ye(), e.pointer.value = Se(i), e.state.value = "selecting", e.entities.selectingArea = l;
+      ye(), e.pointer.value = Se(r), e.state.value = "selecting", e.entities.selectingArea = l, e.entities.selectionBase = new Set(e.entities.selectedSet);
       return;
     }
     if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
@@ -993,10 +996,10 @@ const jt = (e) => {
       if (!Ke(g, u, c?.dragHandle))
         return;
       ye(), e.entities.initiatingDraggable = u;
-      const f = Ge(i, u);
-      e.pointer.value = Se(i, f.x, f.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = pt(e, () => {
-        se(e), ue(e, i, "onSelfDragStart"), x(e, "onDragStart");
-      }))) : (se(e), ue(e, i, "onSelfDragStart"), x(e, "onDragStart"));
+      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();
@@ -1028,9 +1031,9 @@ const jt = (e) => {
     const o = Jt[t.code];
     if (o && s.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
-      const r = s.forMoveFaster.some(
+      const i = s.forMoveFaster.some(
         (l) => s.pressedKeys.value.has(l)
-      ), a = e.keyboard.step * (r ? e.keyboard.moveFaster : 1);
+      ), a = e.keyboard.step * (i ? e.keyboard.moveFaster : 1);
       e.pointer.value.current = {
         x: e.pointer.value.current.x + o.dx * a,
         y: e.pointer.value.current.y + o.dy * a
@@ -1048,28 +1051,28 @@ const jt = (e) => {
   if (s.forDrag.includes(t.code)) {
     const o = document.activeElement;
     if (!o) return;
-    const r = o.closest(
+    const i = o.closest(
       _.DRAGGABLE
     );
-    if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
+    if (!i || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(i))
       return;
-    const a = e.entities.draggableMap.get(r);
-    if (!Ke(o, r, a?.dragHandle, !0))
+    const a = e.entities.draggableMap.get(i);
+    if (!Ke(o, i, a?.dragHandle, !0))
       return;
     t.preventDefault(), ye();
-    const i = r.getBoundingClientRect(), g = i.left + i.width / 2, l = i.top + i.height / 2, u = {
+    const r = i.getBoundingClientRect(), g = r.left + r.width / 2, l = r.top + r.height / 2, u = {
       clientX: g,
       clientY: l
     };
-    e.entities.initiatingDraggable = r;
-    const c = Ge(u, r);
+    e.entities.initiatingDraggable = i;
+    const c = Ge(u, i);
     e.pointer.value = Se(
       u,
       c.x,
       c.y
     ), se(e);
     const d = (e.collision?.run ?? Me)(e);
-    ae(e, e.hovered, d), F(e, r, "onSelfDragStart"), x(e, "onDragStart");
+    ae(e, e.hovered, d), F(e, i, "onSelfDragStart"), x(e, "onDragStart");
   }
 }, en = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
@@ -1083,7 +1086,7 @@ const jt = (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") {
-    ve(e);
+    we(e);
     return;
   }
   if (e.state.value === "selecting" && e.pointer.value) {
@@ -1121,13 +1124,13 @@ const an = {
   }
 };
 function We(e, t, s, n = an, o) {
-  const { speed: r = 10, disabled: a = !1 } = t, i = on(t.threshold);
+  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);
   }, m = (b) => {
-    const v = e.value, E = s();
-    if (!v || !E || a) {
+    const w = e.value, E = s();
+    if (!w || !E || a) {
       d(!1);
       return;
     }
@@ -1137,12 +1140,12 @@ function We(e, t, s, n = an, o) {
       g = requestAnimationFrame(m);
       return;
     }
-    const p = r * ($ / Pe);
+    const p = i * ($ / Pe);
     l = b;
-    const { scrollTop: w, scrollLeft: Z } = n.getScrollState(v);
-    (!u || c !== w || f !== Z) && (u = n.getRect ? n.getRect(v) : v.getBoundingClientRect(), c = w, f = Z);
-    let z = !1, le = w, ce = Z;
-    i.top > 0 && E.y - u.top < i.top ? (le = w - p, z = !0) : i.bottom > 0 && u.bottom - E.y < i.bottom && (le = w + p, z = !0), i.left > 0 && E.x - u.left < i.left ? (ce = Z - p, z = !0) : i.right > 0 && u.right - E.x < i.right && (ce = Z + p, z = !0), z && n.setScroll(v, le, ce), d(z), g = requestAnimationFrame(m);
+    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);
+    let z = !1, le = v, ce = Z;
+    r.top > 0 && E.y - u.top < r.top ? (le = v - p, z = !0) : r.bottom > 0 && u.bottom - E.y < r.bottom && (le = v + p, z = !0), r.left > 0 && E.x - u.left < r.left ? (ce = Z - p, z = !0) : r.right > 0 && u.right - E.x < r.right && (ce = Z + p, z = !0), z && n.setScroll(w, le, ce), d(z), g = requestAnimationFrame(m);
   };
   return { run: () => {
     l = null, g = requestAnimationFrame(m);
@@ -1174,47 +1177,47 @@ function cn(e, t) {
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
-      const i = e.overlay.position.value, g = e.overlay.size.value;
-      return i ? g?.width && g?.height ? {
-        x: i.x + g.width / 2,
-        y: i.y + g.height / 2
-      } : i : null;
+      const r = e.overlay.position.value, g = e.overlay.size.value;
+      return r ? g?.width && g?.height ? {
+        x: r.x + g.width / 2,
+        y: r.y + g.height / 2
+      } : r : null;
     },
     rn,
     s
-  ), r = re(
+  ), i = ie(
     () => e.state.value,
-    (i) => {
-      i === "dragging" ? o.run() : o.stop();
+    (r) => {
+      r === "dragging" ? o.run() : o.stop();
     }
   ), a = () => {
-    r(), o.stop();
+    i(), o.stop();
   };
   return Je(a), { isScrolling: s, stop: a };
 }
 const gn = (e) => {
-  const t = jt(e), s = me.keyDown(e), n = me.keyUp(e), o = me.clear(e), r = nn(e);
+  const t = jt(e), s = me.keyDown(e), n = me.keyUp(e), o = me.clear(e), i = nn(e);
   let a = null;
-  re(
+  ie(
     e.autoScrollViewport,
-    (i) => {
-      a?.(), a = null, (i === !0 || i && typeof i == "object") && (a = cn(
+    (r) => {
+      a?.(), a = null, (r === !0 || r && typeof r == "object") && (a = cn(
         e,
-        i === !0 ? {} : i
+        r === !0 ? {} : r
       ).stop);
     },
     { immediate: !0 }
   ), U(() => {
-    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", s), document.addEventListener("keyup", n), document.addEventListener("blur", o), document.addEventListener("scroll", r, !0);
+    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", s), document.addEventListener("keyup", n), document.addEventListener("blur", o), document.addEventListener("scroll", i, !0);
   }), V(() => {
-    document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", s), document.removeEventListener("keyup", n), document.removeEventListener("blur", o), document.removeEventListener("scroll", r, !0), a?.(), t.cleanup();
+    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();
   });
-}, ie = () => {
-  const e = Be(we);
+}, re = () => {
+  const e = Oe(ve);
   if (!e) throw Error("DnD provider not found");
   return e;
 }, je = () => {
-  const e = ie();
+  const e = re();
   return {
     overlay: e.overlay,
     delay: e.delay,
@@ -1232,7 +1235,7 @@ const gn = (e) => {
   __name: "DefaultOverlay",
   setup(e) {
     const { entities: t, state: s, overlay: n } = je();
-    return (o, r) => k(s) === "dragging" ? (C(), J("div", {
+    return (o, i) => k(s) === "dragging" ? (C(), J("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
       style: Le({
@@ -1240,13 +1243,13 @@ const gn = (e) => {
         "--position-y": k(n).position.value.y + "px"
       })
     }, [
-      (C(!0), J(he, null, Qe(k(t).draggingMap, ([a, i]) => (C(), J(he, null, [
+      (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: i.initialOuterHTML,
+          innerHTML: r.initialOuterHTML,
           style: Le({
-            width: i.initialRect.width + "px",
-            height: i.initialRect.height + "px"
+            width: r.initialRect.width + "px",
+            height: r.initialRect.height + "px"
           })
         }, null, 8, ["innerHTML", "style"]))
       ], 64))), 256))
@@ -1261,13 +1264,13 @@ const gn = (e) => {
     class: {}
   },
   setup(e) {
-    const t = e, s = tt("overlayRef"), n = wt(s, t);
+    const t = e, s = tt("overlayRef"), n = vt(s, t);
     gn(n);
     const o = y(
       () => n.overlay.render.value ?? un
     );
-    return nt(we, n), (r, a) => (C(), J(he, null, [
-      Ce(r.$slots, "default"),
+    return nt(ve, n), (i, a) => (C(), J(he, null, [
+      Ce(i.$slots, "default"),
       (C(), ne(st, {
         to: k(n).overlay.to.value || "body"
       }, [
@@ -1276,7 +1279,7 @@ const gn = (e) => {
           ref: s,
           class: "dnd-kit-overlay-container"
         }, t), [
-          Ce(r.$slots, "overlay", { overlay: o.value }, () => [
+          Ce(i.$slots, "overlay", { overlay: o.value }, () => [
             (C(), ne(be(o.value)))
           ])
         ], 16)
@@ -1285,10 +1288,10 @@ const gn = (e) => {
   }
 });
 function bn(e, t, s) {
-  const n = ie();
-  let o, r, a;
-  typeof t == "function" ? (o = {}, r = t) : (o = t ?? {}, r = s);
-  const i = y({
+  const n = re();
+  let o, i, a;
+  typeof t == "function" ? (o = {}, i = t) : (o = t ?? {}, i = s);
+  const r = y({
     get() {
       const c = D(e);
       return c ? n.entities.selectedSet.has(c) : !1;
@@ -1315,7 +1318,7 @@ function bn(e, t, s) {
       groups: o.groups ?? [],
       modifier: o.modifier,
       events: o.events,
-      payload: r,
+      payload: i,
       data: o.data,
       dragHandle: o.dragHandle,
       activation: o.activation,
@@ -1325,14 +1328,14 @@ function bn(e, t, s) {
   }), V(() => {
     a && (n.lib.draggableObserver.unobserve(a), n.entities.visibleDraggableSet.delete(a), n.entities.draggableMap.delete(a), n.entities.modifiersDraggableSet.delete(a));
   }), {
-    selected: i,
+    selected: r,
     isDragging: g,
     isAllowed: l,
     isDragOver: u
   };
 }
 const yn = (e, t) => {
-  const s = ie(), n = y(() => e.value === s.entities.selectingArea);
+  const s = re(), n = y(() => e.value === s.entities.selectingArea);
   let o = null;
   U(() => {
     o = D(e), o && (o.setAttribute(T.SELECT_AREA, ""), s.lib.selectableAreaObserver.observe(o), s.entities.selectableAreaMap.set(o, {
@@ -1347,18 +1350,18 @@ const yn = (e, t) => {
   }), V(() => {
     o && (s.lib.selectableAreaObserver.unobserve(o), s.entities.visibleSelectableAreaSet.delete(o), s.entities.modifiersSelectableAreaSet.delete(o), s.entities.selectableAreaMap.delete(o));
   });
-  const r = y(() => {
+  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: r
+    style: i
   };
 };
 function pn(e, t) {
-  const s = Be(we);
+  const s = Oe(ve);
   if (!s) throw Error("DnD provider not found");
   let n = null;
   return U(() => {
@@ -1371,10 +1374,10 @@ function pn(e, t) {
   }), {};
 }
 function Sn(e, t, s) {
-  const n = ie();
-  let o = null, r, a;
-  typeof t == "function" ? (r = {}, a = t) : (r = t ?? {}, a = s);
-  const i = y(() => {
+  const n = re();
+  let o = null, i, a;
+  typeof t == "function" ? (i = {}, a = t) : (i = t ?? {}, a = s);
+  const r = y(() => {
     const l = D(e);
     return l ? n.entities.allowedDroppableSet.has(l) : !1;
   }), g = y(() => {
@@ -1384,39 +1387,39 @@ function Sn(e, t, s) {
   });
   return U(() => {
     o = D(e), o && (o.setAttribute(T.DROPPABLE, ""), n.lib.droppableObserver.observe(o), n.entities.droppableMap.set(o, {
-      disabled: r.disabled ?? !1,
-      groups: r.groups ?? [],
-      events: r.events,
+      disabled: i.disabled ?? !1,
+      groups: i.groups ?? [],
+      events: i.events,
       payload: a,
-      data: r.data,
+      data: i.data,
       hoveredPlacement: void 0
     }));
   }), V(() => {
     o && (n.lib.droppableObserver.unobserve(o), n.entities.visibleDroppableSet.delete(o), n.entities.droppableMap.delete(o));
   }), {
-    isAllowed: i,
+    isAllowed: r,
     isDragOver: g
   };
 }
 const Dn = (e, t) => {
-  const s = je(), n = te(!1), r = We(
+  const s = je(), n = te(!1), i = We(
     e,
     t ?? {},
     () => {
       if (s.state.value !== "dragging") return null;
-      const a = s.overlay.position.value, i = s.overlay.size.value;
-      return a ? i?.width && i?.height ? {
-        x: a.x + i.width / 2,
-        y: a.y + i.height / 2
+      const a = s.overlay.position.value, r = s.overlay.size.value;
+      return a ? r?.width && r?.height ? {
+        x: a.x + r.width / 2,
+        y: a.y + r.height / 2
       } : a : null;
     },
     void 0,
     n
   );
-  return re(
+  return ie(
     () => s.state.value,
     (a) => {
-      a === "dragging" ? r.run() : r.stop();
+      a === "dragging" ? i.run() : i.stop();
     }
   ), { isScrolling: n };
 };
@@ -1426,37 +1429,37 @@ function Te(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: r, y: a } = e.value;
+    const { x: i, y: a } = e.value;
     return {
-      x: Te(r, n),
+      x: Te(i, n),
       y: Te(a, o)
     };
   });
 }
-const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
+const ze = () => !0, Be = () => 0, fn = "separate", dn = () => {
   const e = {
     filterElements: ze,
     filterZones: ze,
-    sortElements: Oe,
-    sortZones: Oe,
+    sortElements: Be,
+    sortZones: Be,
     mergeStrategy: fn,
     pickClosestBetweenFirst: !1
-  }, t = (n, o, r, a, i, g, l) => {
-    const u = a instanceof Set ? a : new Set(a), c = { containerBox: o, pointer: r }, f = e.minOverlapPercent, d = [];
+  }, 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 = [];
     for (const m of u) {
-      if (!i(m, n)) continue;
+      if (!r(m, n)) continue;
       const h = X(m);
       if (!l(h, c)) continue;
       const S = Q(h, o);
       if (f !== void 0 && S < f) continue;
       let b = 0;
-      for (const v of u)
-        v !== m && K(v, m) && b++;
+      for (const w of u)
+        w !== m && K(w, m) && b++;
       d.push({
         node: m,
         box: h,
         meta: {
-          isPointerInElement: Nt(h, r.x, r.y),
+          isPointerInElement: Nt(h, i.x, i.y),
           overlapPercent: S,
           depth: b,
           centerDistance: Zt(
@@ -1511,12 +1514,12 @@ const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
           "sensor: container, elements, zones, collision are required"
         );
       return (o) => {
-        const r = n.container(o);
-        if (!r) return { elements: [], zones: [] };
-        const a = n.containerBox ? n.containerBox(o) : X(r), i = o.pointer.value?.current ?? { x: 0, y: 0 }, g = t(
+        const i = n.container(o);
+        if (!i) return { elements: [], zones: [] };
+        const a = n.containerBox ? n.containerBox(o) : X(i), r = o.pointer.value?.current ?? { x: 0, y: 0 }, g = t(
           o,
           a,
-          i,
+          r,
           n.elements(o),
           n.filterElements,
           n.sortElements,
@@ -1524,7 +1527,7 @@ const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
         ), l = t(
           o,
           a,
-          i,
+          r,
           n.zones(o),
           n.filterZones,
           n.sortZones,
@@ -1549,8 +1552,8 @@ const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
           for (const f of u) {
             const d = Y(f.box);
             f.distance = Math.hypot(
-              i.x - d.x,
-              i.y - d.y
+              r.x - d.x,
+              r.y - d.y
             );
           }
           const c = u.reduce(
@@ -1560,12 +1563,12 @@ const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
         }
         if (n.pickClosestBetweenFirst && g[0] && l[0]) {
           const u = Y(l[0].box), c = Y(g[0].box), f = Math.hypot(
-            i.x - u.x,
-            i.y - u.y
+            r.x - u.x,
+            r.y - u.y
           );
           return Math.hypot(
-            i.x - c.x,
-            i.y - c.y
+            r.x - c.x,
+            r.y - c.y
           ) < f ? { elements: g.map((m) => m.node), zones: [] } : { elements: [], zones: l.map((m) => m.node) };
         }
         return {
@@ -1576,10 +1579,10 @@ const ze = () => !0, Oe = () => 0, fn = "separate", dn = () => {
     }
   };
   return s;
-}, vn = () => dn();
+}, wn = () => dn();
 export {
   hn as DnDProvider,
-  vn as createSensor,
+  wn as createSensor,
   Me as defaultCollisionDetection,
   Dn as makeAutoScroll,
   pn as makeConstraintArea,