@vue-dnd-kit/core 2.0.0-alpha9 → 2.0.1

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

@@ -1,121 +1,125 @@
-(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}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as U, watch as J, shallowRef as V, reactive as Z, computed as m, onScopeDispose as Ke, onMounted as N, onBeforeUnmount as Y, inject as Ce, defineComponent as Le, unref as x, openBlock as C, createElementBlock as $, normalizeStyle as ye, Fragment as ie, renderList as He, createBlock as q, resolveDynamicComponent as re, createCommentVNode as Ne, useTemplateRef as Ye, provide as Xe, renderSlot as me, createElementVNode as be, toDisplayString as Ze, Teleport as Ue } from "vue";
-const L = {
+(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 ne, watch as ue, shallowRef as re, reactive as Q, computed as M, onScopeDispose as at, onMounted as q, onBeforeUnmount as J, inject as Ze, defineComponent as Ue, unref as F, openBlock as z, createElementBlock as se, normalizeStyle as ke, Fragment as ye, renderList as lt, createBlock as ie, resolveDynamicComponent as be, createCommentVNode as ct, useTemplateRef as ut, provide as gt, renderSlot as Pe, Teleport as ft, createElementVNode as dt, mergeProps as mt } from "vue";
+const H = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
   DROPPABLE: "data-dnd-kit-droppable",
   CONSTRAINT_AREA: "data-dnd-kit-constraint-area"
-}, H = {
-  SELECT_AREA: `[${L.SELECT_AREA}]`,
-  DRAGGABLE: `[${L.DRAGGABLE}]`,
-  CONSTRAINT_AREA: `[${L.CONSTRAINT_AREA}]`
-}, fe = "VueDnDKitProvider", he = (e, t, n, o) => {
-  const s = /* @__PURE__ */ new Set();
-  return t.forEach((r) => {
-    const i = e.get(r), a = o ? o(r) : i?.disabled;
-    if (!i || a) return;
-    const l = i.modifier?.keys, u = i.modifier?.method;
-    if (!l || !u || l.length === 0) {
-      s.add(r);
+}, Y = {
+  SELECT_AREA: `[${H.SELECT_AREA}]`,
+  DRAGGABLE: `[${H.DRAGGABLE}]`,
+  CONSTRAINT_AREA: `[${H.CONSTRAINT_AREA}]`
+}, Ee = "VueDnDKitProvider", Re = (e, t, s, n) => {
+  const o = /* @__PURE__ */ new Set();
+  return t.forEach((i) => {
+    const r = e.get(i), a = n ? n(i) : r?.disabled;
+    if (!r || a) return;
+    const g = r.modifier?.keys, u = r.modifier?.method;
+    if (!g || !u || g.length === 0) {
+      o.add(i);
       return;
     }
-    l[u]((c) => n.value.has(c)) && s.add(r);
-  }), s;
+    g[u]((l) => s.value.has(l)) && o.add(i);
+  }), o;
 };
-let ke = "", $e = "", Ve = "";
-const p = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, F = (e, t) => e !== t && e.contains(t), qe = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ae = () => {
+let Ye = "", ht = "", yt = "";
+const E = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, _ = (e, t) => e !== t && e.contains(t), bt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), pe = () => {
   const e = document.body;
-  ke = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", D), window.addEventListener("selectstart", D), window.addEventListener("touchstart", D), window.addEventListener("touchmove", D);
-}, le = () => {
+  Ye = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", A), window.addEventListener("selectstart", A), window.addEventListener("touchstart", A), window.addEventListener("touchmove", A);
+}, Se = () => {
   const e = document.body;
-  e.style.userSelect = ke, e.style.touchAction = $e, e.style.overscrollBehavior = Ve, window.removeEventListener("contextmenu", D), window.removeEventListener("selectstart", D), window.removeEventListener("touchstart", D), window.removeEventListener("touchmove", D);
-}, D = (e) => e.preventDefault(), k = (e, t) => {
+  e.style.userSelect = Ye, e.style.touchAction = ht, e.style.overscrollBehavior = yt, window.removeEventListener("contextmenu", A), window.removeEventListener("selectstart", A), window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", A);
+}, A = (e) => e.preventDefault(), Ae = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
-  for (const [o, s] of t.entities.draggableMap)
-    if (s.disabled && F(o, e)) return !0;
+  for (const n of t.entities.visibleDraggableSet)
+    if (t.entities.draggableMap.get(n)?.disabled && _(n, e)) return !0;
   return !1;
-}, z = (e, t) => {
+}, X = (e, t) => {
   if (t.entities.droppableMap.get(e)?.disabled) return !0;
-  for (const [o, s] of t.entities.droppableMap)
-    if (s.disabled && F(o, e)) return !0;
+  for (const n of t.entities.visibleDroppableSet)
+    if (t.entities.droppableMap.get(n)?.disabled && _(n, e)) return !0;
   return !1;
-}, de = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n));
-function We(e, t, n, o) {
-  const s = /* @__PURE__ */ new Set();
+}, Ce = (e, t) => {
+  if (!e.length || !t.length) return !0;
+  const s = new Set(t);
+  return e.some((n) => s.has(n));
+};
+function pt(e, t, s, n) {
+  const o = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
-    const l = n.get(a);
-    for (const u of l?.groups ?? []) s.add(u);
+    const g = s.get(a);
+    for (const u of g?.groups ?? []) o.add(u);
   }
-  const r = [...s], i = /* @__PURE__ */ new Set();
+  const i = [...o], r = /* @__PURE__ */ new Set();
   for (const a of e) {
-    const u = o.get(a)?.groups ?? [];
-    de(r, u) && i.add(a);
+    const u = n.get(a)?.groups ?? [];
+    Ce(i, u) && r.add(a);
   }
-  return i;
+  return r;
 }
-function je(e, t, n) {
-  const o = /* @__PURE__ */ new Set();
-  for (const i of t.keys()) {
-    const a = n.get(i);
-    for (const l of a?.groups ?? []) o.add(l);
+function St(e, t, s) {
+  const n = /* @__PURE__ */ new Set();
+  for (const r of t.keys()) {
+    const a = s.get(r);
+    for (const g of a?.groups ?? []) n.add(g);
   }
-  const s = [...o], r = /* @__PURE__ */ new Set();
-  for (const i of e) {
-    const l = n.get(i)?.groups ?? [];
-    de(s, l) && r.add(i);
+  const o = [...n], i = /* @__PURE__ */ new Set();
+  for (const r of e) {
+    const g = s.get(r)?.groups ?? [];
+    Ce(o, g) && i.add(r);
   }
-  return r;
+  return i;
 }
-const ne = (e) => {
-  const t = new IntersectionObserver((n) => {
-    n.forEach((o) => {
-      const s = o.target;
-      e[o.isIntersecting ? "add" : "delete"](s);
+const fe = (e) => {
+  const t = new IntersectionObserver((s) => {
+    s.forEach((n) => {
+      const o = n.target;
+      e[n.isIntersecting ? "add" : "delete"](o);
     });
   });
   return {
-    observe: (n) => t.observe(n),
-    unobserve: (n) => t.unobserve(n),
+    observe: (s) => t.observe(s),
+    unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, Je = (e) => {
-  const t = new ResizeObserver((n) => {
-    const o = n[0];
-    if (!o) return;
-    const { width: s, height: r } = o.contentRect;
-    e.value = { width: s, height: r };
+}, Dt = (e) => {
+  const t = new ResizeObserver((s) => {
+    const n = s[0];
+    if (!n) return;
+    const { width: o, height: i } = n.contentRect;
+    e.value = { width: o, height: i };
   });
   return {
-    observe: (n) => t.observe(n),
-    unobserve: (n) => t.unobserve(n),
+    observe: (s) => t.observe(s),
+    unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, Qe = (e) => {
-  const t = U(null), n = Je(t), o = J(
+}, Mt = (e) => {
+  const t = ne(null), s = Dt(t), n = ue(
     e,
-    (r) => {
-      n.disconnect(), r && n.observe(r);
+    (i) => {
+      s.disconnect(), i && s.observe(i);
     },
     { immediate: !0 }
   );
   return { overlaySize: t, overlaySizeObserver: {
     disconnect: () => {
-      o(), n.disconnect();
+      n(), s.disconnect();
     }
   } };
 };
-function ce(e, t = 0, n = 0) {
+function De(e, t = 0, s = 0) {
   return {
     start: { x: e.clientX, y: e.clientY },
     current: { x: e.clientX, y: e.clientY },
-    offset: { x: t, y: n }
+    offset: { x: t, y: s }
   };
 }
-function Re(e, t) {
-  const n = t.getBoundingClientRect(), o = n.width > 0 ? (e.clientX - n.left) / n.width : 0.5, s = n.height > 0 ? (e.clientY - n.top) / n.height : 0.5;
-  return { x: o, y: s };
+function Xe(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 Pe(e, t) {
+function $e(e, t) {
   return {
     ...t,
     initialHTML: e.innerHTML,
@@ -123,142 +127,142 @@ function Pe(e, t) {
     initialOuterHTML: e.outerHTML
   };
 }
-function et(e, t, n) {
-  e.forEach((o) => {
-    const s = t.get(o);
-    n.set(o, Pe(o, s));
+function wt(e, t, s) {
+  e.forEach((n) => {
+    const o = t.get(n);
+    s.set(n, $e(n, o));
   }), e.clear();
 }
-function tt(e, t, n) {
-  n.clear();
-  const o = t.get(e);
-  n.set(e, Pe(e, o));
+function vt(e, t, s) {
+  s.clear();
+  const n = t.get(e);
+  s.set(e, $e(e, n));
 }
-function W(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", nt(
+function ae(e) {
+  e.entities.initiatingDraggable && (e.state.value = "dragging", xt(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function nt(e, t, n, o) {
-  t.has(e) ? et(t, n, o) : (t.clear(), tt(e, n, o));
+function xt(e, t, s, n) {
+  t.has(e) ? wt(t, s, n) : (t.clear(), vt(e, s, n));
 }
-function Te(e, t, n, o) {
-  if (o || !n) return !0;
-  const s = e.closest(n);
-  return s ? t.contains(s) : !1;
+function je(e, t, s, n) {
+  if (n || !s) return !0;
+  const o = e.closest(s);
+  return o ? t.contains(o) : !1;
 }
-function ot(e, t) {
+function Et(e, t) {
   if (!e || !t) return 1;
-  const n = Math.abs(e.current.x - e.start.x), o = Math.abs(e.current.y - e.start.y);
+  const s = Math.abs(e.current.x - e.start.x), n = Math.abs(e.current.y - e.start.y);
   if (typeof t == "number") {
-    const u = Math.sqrt(n * n + o * o);
+    const u = Math.sqrt(s * s + n * n);
     return Math.min(u / t, 1);
   }
   const {
-    x: s = 0,
-    y: r = 0,
-    condition: i = "any"
+    x: o = 0,
+    y: i = 0,
+    condition: r = "any"
   } = t;
-  if (s === 0 && r === 0) return 1;
-  const a = s > 0 ? Math.min(n / s, 1) : 1, l = r > 0 ? Math.min(o / r, 1) : 1;
-  return i === "both" ? Math.min(a, l) : Math.max(a, l);
+  if (o === 0 && i === 0) return 1;
+  const a = o > 0 ? Math.min(s / o, 1) : 1, g = i > 0 ? Math.min(n / i, 1) : 1;
+  return r === "both" ? Math.min(a, g) : Math.max(a, g);
 }
-function Be(e, t, n) {
-  if (!n) return !0;
-  const o = n.distance != null, s = n.delay != null;
-  return !o && !s ? !0 : o && !s ? e >= 1 : !o && s ? t >= 1 : (n.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
+function Ve(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 st(e) {
+function At(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
     e.entities.initiatingDraggable
   );
-  return Be(
+  return Ve(
     e.distanceProgress.value,
     e.delay.progress,
     t?.activation
-  ) ? (W(e), !0) : !1;
+  ) ? (ae(e), !0) : !1;
 }
-function it(e, t) {
-  let n = null;
-  const o = () => {
+function Ct(e, t) {
+  let s = null;
+  const n = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
-      n = null;
+      s = null;
       return;
     }
-    const s = e.entities.draggableMap.get(
+    const o = e.entities.draggableMap.get(
       e.entities.initiatingDraggable
-    ), r = s?.activation?.delay;
-    if (!r) {
-      n = null;
+    ), 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
-    ), Be(
+    ), Ve(
       e.distanceProgress.value,
       e.delay.progress,
-      s?.activation
-    ) ? (t(), n = null) : n = requestAnimationFrame(o);
+      o?.activation
+    ) ? (t(), s = null) : s = requestAnimationFrame(n);
   };
-  return n = requestAnimationFrame(o), {
+  return s = requestAnimationFrame(n), {
     cancel: () => {
-      n !== null && (cancelAnimationFrame(n), n = null);
+      s !== null && (cancelAnimationFrame(s), s = null);
     }
   };
 }
-function rt(e, t) {
-  const n = e.closest(
-    H.CONSTRAINT_AREA
+function It(e, t) {
+  const s = e.closest(
+    Y.CONSTRAINT_AREA
   );
-  return !n || !t.has(n) ? null : {
-    element: n,
-    entity: t.get(n)
+  return !s || !t.has(s) ? null : {
+    element: s,
+    entity: t.get(s)
   };
 }
-function at(e, t, n, o) {
-  return n === "x" ? { x: e, y: o.top } : n === "y" ? { x: o.left, y: t } : { x: e, y: t };
+function Lt(e, t, s, n) {
+  return s === "x" ? { x: e, y: n.top } : s === "y" ? { x: n.left, y: t } : { x: e, y: t };
 }
-function lt(e, t, n, o, s) {
-  let r = e, i = t;
-  return n !== "y" && (r = Math.max(
-    o.left,
-    Math.min(o.right - s.width, e)
-  )), n !== "x" && (i = Math.max(
-    o.top,
-    Math.min(o.bottom - s.height, t)
-  )), { x: r, y: i };
+function kt(e, t, s, n, o) {
+  let i = e, r = t;
+  return s !== "y" && (i = Math.max(
+    n.left,
+    Math.min(n.right - o.width, e)
+  )), s !== "x" && (r = Math.max(
+    n.top,
+    Math.min(n.bottom - o.height, t)
+  )), { x: i, y: r };
 }
-function ct(e, t, n, o, s) {
+function Pt(e, t, s, n, o) {
   if (!e || !t)
     return { x: 0, y: 0 };
-  const r = t.getBoundingClientRect(), i = r.width || s?.width || 0, a = r.height || s?.height || 0;
-  let l = e.current.x - i * e.offset.x, u = e.current.y - a * e.offset.y;
-  if (!n)
-    return { x: l, y: u };
-  const d = rt(n, o);
-  if (!d)
-    return { x: l, y: u };
-  const { element: c, entity: g } = d, f = c.getBoundingClientRect(), y = n.getBoundingClientRect(), b = at(
-    l,
+  const i = t.getBoundingClientRect(), r = i.width || o?.width || 0, a = i.height || o?.height || 0;
+  let g = e.current.x - r * e.offset.x, u = e.current.y - a * e.offset.y;
+  if (!s)
+    return { x: g, y: u };
+  const c = It(s, n);
+  if (!c)
+    return { x: g, y: u };
+  const { element: l, entity: f } = c, d = l.getBoundingClientRect(), m = s.getBoundingClientRect(), h = Lt(
+    g,
     u,
-    g.axis || "both",
-    y
+    f.axis || "both",
+    m
   );
-  return g.restrictToArea ? lt(
-    b.x,
-    b.y,
-    g.axis || "both",
-    f,
-    r
-  ) : b;
+  return f.restrictToArea ? kt(
+    h.x,
+    h.y,
+    f.axis || "both",
+    d,
+    i
+  ) : h;
 }
-const I = {
+const j = {
   forDrag: ["Enter", "Space"],
   forCancel: ["Escape"],
   forDrop: ["Enter", "Space"],
@@ -274,19 +278,19 @@ const I = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function ut(e, t) {
-  const n = V(), o = U(), r = {
+function Rt(e, t) {
+  const s = re(), n = ne(), i = {
     keys: {
-      pressedKeys: U(/* @__PURE__ */ new Set()),
-      forDrag: [...I.forDrag],
-      forCancel: [...I.forCancel],
-      forDrop: [...I.forDrop],
-      forMove: [...I.forMove],
-      forMoveFaster: [...I.forMoveFaster]
+      pressedKeys: ne(/* @__PURE__ */ new Set()),
+      forDrag: [...j.forDrag],
+      forCancel: [...j.forCancel],
+      forDrop: [...j.forDrop],
+      forMove: [...j.forMove],
+      forMoveFaster: [...j.forMoveFaster]
     },
     step: 8,
     moveFaster: 4
-  }, i = Z({
+  }, r = Q({
     draggableMap: /* @__PURE__ */ new Map(),
     droppableMap: /* @__PURE__ */ new Map(),
     selectableAreaMap: /* @__PURE__ */ new Map(),
@@ -295,215 +299,423 @@ function ut(e, t) {
     selectingArea: void 0,
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: m(() => n.value ? We(
-      i.visibleDroppableSet,
-      i.draggingMap,
-      i.draggableMap,
-      i.droppableMap
+    allowedDroppableSet: M(() => s.value ? pt(
+      r.visibleDroppableSet,
+      r.draggingMap,
+      r.draggableMap,
+      r.droppableMap
     ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: m(() => n.value ? je(
-      i.visibleDraggableSet,
-      i.draggingMap,
-      i.draggableMap
+    allowedDraggableSet: M(() => s.value ? St(
+      r.visibleDraggableSet,
+      r.draggingMap,
+      r.draggableMap
     ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: m(() => he(
-      i.selectableAreaMap,
-      i.visibleSelectableAreaSet,
-      r.keys.pressedKeys
+    modifiersSelectableAreaSet: M(() => Re(
+      r.selectableAreaMap,
+      r.visibleSelectableAreaSet,
+      i.keys.pressedKeys
     )),
-    modifiersDraggableSet: m(() => he(
-      i.draggableMap,
-      i.visibleDraggableSet,
-      r.keys.pressedKeys,
-      (v) => k(v, { entities: i })
+    modifiersDraggableSet: M(() => Re(
+      r.draggableMap,
+      r.visibleDraggableSet,
+      i.keys.pressedKeys,
+      (b) => Ae(b, { entities: r })
     )),
     visibleDraggableSet: /* @__PURE__ */ new Set(),
     visibleDroppableSet: /* @__PURE__ */ new Set(),
     visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), a = Z({
+  }), a = Q({
     draggable: /* @__PURE__ */ new Map(),
     droppable: /* @__PURE__ */ new Map()
-  }), l = {
-    throttle: V(0)
-  }, u = Z({
+  }), g = {
+    throttle: re(0)
+  }, u = Q({
     x: window.scrollX,
     y: window.scrollY
-  }), d = Z({
+  }), c = Q({
     progress: 0,
     startTime: 0
-  }), c = m(() => {
-    if (!o.value || !i.initiatingDraggable) return 0;
-    const v = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
-    return v ? ot(o.value, v) : 1;
-  }), g = ne(
-    i.visibleDraggableSet
-  ), f = ne(
-    i.visibleDroppableSet
-  ), y = ne(
-    i.visibleSelectableAreaSet
-  ), { overlaySize: b, overlaySizeObserver: R } = Qe(e), S = U(), _ = m(() => {
-    const h = i.initiatingDraggable;
-    return ct(
-      o.value,
+  }), l = M(() => {
+    if (!n.value || !r.initiatingDraggable) return 0;
+    const b = r.draggableMap.get(r.initiatingDraggable)?.activation?.distance;
+    return b ? Et(n.value, b) : 1;
+  }), f = fe(
+    r.visibleDraggableSet
+  ), d = fe(
+    r.visibleDroppableSet
+  ), m = fe(
+    r.visibleSelectableAreaSet
+  ), { overlaySize: h, overlaySizeObserver: w } = Mt(e), D = ne(), v = M(() => {
+    const S = r.initiatingDraggable;
+    return Pt(
+      n.value,
       e.value,
-      h || null,
-      i.constraintsAreaMap,
-      b.value
+      S || null,
+      r.constraintsAreaMap,
+      h.value
     );
-  }), E = m({
+  }), x = M({
     get: () => t?.overlayTo,
-    set: (h) => E.value = h
-  }), X = m(() => t?.autoScrollViewport);
+    set: (S) => x.value = S
+  }), K = M(() => t?.autoScrollViewport);
   return {
-    state: n,
-    pointer: o,
-    entities: i,
-    keyboard: r,
+    state: s,
+    pointer: n,
+    entities: r,
+    keyboard: i,
     scrollPosition: u,
-    delay: d,
-    distanceProgress: c,
+    delay: c,
+    distanceProgress: l,
     hovered: a,
-    collision: l,
+    collision: g,
     overlay: {
-      size: b,
-      position: _,
-      render: S,
+      size: h,
+      position: v,
+      render: D,
       ref: e,
-      to: E
+      to: x
     },
     lib: {
-      draggableObserver: g,
-      droppableObserver: f,
-      selectableAreaObserver: y,
-      overlaySizeObserver: R
+      draggableObserver: f,
+      droppableObserver: d,
+      selectableAreaObserver: m,
+      overlaySizeObserver: w,
+      rectCache: /* @__PURE__ */ new Map()
     },
-    autoScrollViewport: X
+    autoScrollViewport: K
   };
 }
-const j = (e) => {
-  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();
-}, gt = (e) => {
-  const t = e.entities.initiatingDraggable;
-  if (!t) return;
-  const o = e.entities.draggableMap.get(t)?.payload;
-  if (!o) return;
-  const s = o();
-  if (!Array.isArray(s) || s.length < 2) return;
-  const [r, i, a] = s;
+const le = (e) => {
+  const t = e.hovered.draggable.keys().next().value;
+  if (t) {
+    const n = e.entities.draggableMap.get(t);
+    n && (n.hoveredPlacement = void 0);
+  }
+  const s = e.hovered.droppable.keys().next().value;
+  if (s) {
+    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();
+};
+function B(e, t, s) {
+  const n = Math.max(0, Math.min(t, e.length));
+  return [...e.slice(0, n), ...s, ...e.slice(n)];
+}
+function Ie(e, t, s = 1) {
+  const n = Math.max(0, Math.min(t, e.length - 1)), o = Math.max(0, Math.min(s, e.length - n));
+  return [...e.slice(0, n), ...e.slice(n + o)];
+}
+function $(e, t) {
+  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 = Ie(n, o, 1);
+  return n;
+}
+function We(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 O = {
+  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 O.getInsertSide(e, t) === "before" && !e?.center;
+  },
+  isAtZoneEnd(e, t) {
+    return O.getInsertSide(e, t) === "after" && !e?.center;
+  }
+};
+function qe(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, r = i ? n.items : o?.items ?? n?.items;
+  if (!r) return null;
+  const a = s[0].items, g = s.map((f) => f.index), u = r.length;
+  let c, l;
+  if (o && !i) {
+    const f = o.items === a && g.includes(o.index);
+    if (f && s.length === 1) {
+      const d = O.isAtZoneStart(n?.placement, t);
+      c = d ? 0 : u, l = d ? "prepend" : "append";
+    } else {
+      if (f)
+        return null;
+      {
+        const d = O.getInsertSide(o.placement, t), m = o.index;
+        d === "before" ? (c = Math.max(0, m), l = "insert") : d === "after" ? (c = Math.min(u, m + 1), l = "insert") : (c = u, l = "append");
+      }
+    }
+  } else {
+    if (!n) return null;
+    const f = O.isAtZoneStart(n.placement, t);
+    c = f ? 0 : u, l = f ? "prepend" : "append";
+  }
+  return { targetIndex: c, mode: l, targetArr: r };
+}
+function Tt(e, t = "vertical") {
+  const { draggedItems: s } = e;
+  if (!s.length) return null;
+  const n = qe(e, t);
+  if (!n) return null;
+  const { targetArr: o, mode: i } = n;
+  let { targetIndex: r } = n;
+  const a = s.map((l) => l.index), g = s.map((l) => l.item), u = s[0].items;
+  if (u === o) {
+    const l = a.filter((d) => d < r).length;
+    r = Math.max(0, r - l);
+    const f = B($(u, a), r, g);
+    return { sourceItems: f, targetItems: f, draggedItems: g, sourceIndexes: a, targetIndex: r, mode: i, sameList: !0 };
+  } else {
+    const l = $(u, a), f = B(o, r, g);
+    return { sourceItems: l, targetItems: f, draggedItems: g, sourceIndexes: a, targetIndex: r, mode: i, sameList: !1 };
+  }
+}
+function zt(e) {
+  const { draggedItems: t, hoveredDraggable: s } = e;
+  if (!t.length || !s) return null;
+  const n = t.map((c) => c.index), o = s.index, i = t.map((c) => c.item), r = s.item, a = t[0].items, g = s.items, u = a === g;
+  if (u && n.includes(o)) return null;
+  if (t.length === 1) {
+    const c = n[0];
+    if (u) {
+      const l = We(a, c, o);
+      return { sourceItems: l, targetItems: l, sourceIndexes: n, targetIndex: o, sameList: !0 };
+    } else {
+      const l = [...a], f = [...g];
+      return l[c] = g[o], f[o] = a[c], { sourceItems: l, targetItems: f, sourceIndexes: n, targetIndex: o, sameList: !1 };
+    }
+  } else {
+    const c = Math.min(...n);
+    if (u) {
+      const l = n.filter((D) => D < o).length, f = Math.max(0, o - l), d = n.filter((D) => D < c).length, m = Math.max(0, c - d);
+      let h = $(a, n);
+      h = B(h, f, i);
+      const w = m >= f ? m + i.length : m;
+      return h = B(h, w, [r]), { sourceItems: h, targetItems: h, sourceIndexes: n, targetIndex: f, sameList: !0 };
+    } else {
+      const l = n.filter((h) => h < c).length, f = Math.max(0, c - l);
+      let d = $(a, n);
+      d = B(d, f, [r]);
+      let m = Ie(g, o);
+      return m = B(m, o, i), { sourceItems: d, targetItems: m, sourceIndexes: n, targetIndex: o, sameList: !1 };
+    }
+  }
+}
+function Bt(e, t = "vertical") {
+  const { draggedItems: s } = e;
+  if (!s.length) return null;
+  const n = qe(e, t);
+  if (!n) return null;
+  const { targetArr: o, targetIndex: i, mode: r } = n, a = s.map((u) => u.item);
+  return { targetItems: B(o, i, a), copiedItems: a, targetIndex: i, mode: r };
+}
+function Ot(e) {
+  const { draggedItems: t } = e;
+  if (!t.length) return null;
+  const s = t.map((r) => r.index), n = t.map((r) => r.item), o = t[0].items;
+  return { sourceItems: $(o, s), removedItems: n, sourceIndexes: s };
+}
+function _t(e) {
   return {
-    index: Number(r),
-    items: Array.isArray(i) ? i : [],
-    dropData: a
+    // Low-level array ops
+    insertAt: B,
+    removeAt: Ie,
+    removeIndexes: $,
+    swapAt: We,
+    // Placement helpers
+    getInsertSide: (t, s) => O.getInsertSide(t, s),
+    isAtZoneStart: (t, s) => O.isAtZoneStart(t, s),
+    isAtZoneEnd: (t, s) => O.isAtZoneEnd(t, s),
+    // High-level (event-bound)
+    suggestSort: (t) => Tt(e, t),
+    suggestSwap: () => zt(e),
+    suggestCopy: (t) => Bt(e, t),
+    suggestRemove: () => Ot(e)
   };
-}, ft = (e, t) => {
-  const o = e.entities.droppableMap.get(t)?.payload;
-  if (!o) return;
-  const s = o();
-  if (!Array.isArray(s) || s.length < 1) return;
-  const [r, i] = s;
+}
+const G = (e) => e.keys().next().value, Ft = (e) => e.target.closest(
+  Y.DRAGGABLE
+);
+function Gt(e) {
+  const t = e.entities.initiatingDraggable;
+  if (!t) return [];
+  const n = (e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t))?.payload;
+  if (!n) return [];
+  const o = n();
+  if (!Array.isArray(o) || o.length < 2) return [];
+  const [i, r, a] = o, g = Number(i), u = r, c = /* @__PURE__ */ new Map();
+  return c.set(g, {
+    index: g,
+    item: u[g],
+    items: u,
+    dropData: a
+  }), e.entities.draggingMap.forEach((l, f) => {
+    const m = e.entities.draggableMap.get(f)?.payload;
+    if (!m) return;
+    const h = m();
+    if (!Array.isArray(h) || h.length < 2) return;
+    const [w, D, v] = h;
+    if (D !== u) return;
+    const x = Number(w);
+    c.has(x) || c.set(x, {
+      index: x,
+      item: D[x],
+      items: u,
+      dropData: v
+    });
+  }), [...c.values()].sort((l, f) => l.index - f.index);
+}
+const R = (e, t) => {
+  const s = Gt(e);
+  let n, o;
+  if (t) {
+    const r = e.entities.droppableMap.get(t)?.payload;
+    if (r) {
+      const u = r();
+      Array.isArray(u) && u.length >= 1 && (n = {
+        items: Array.isArray(u[0]) ? u[0] : [],
+        userData: u[1],
+        placement: e.hovered.droppable.get(t)
+      });
+    }
+    const a = G(e.hovered.draggable);
+    if (a && (a === t || t.contains(a)) && a) {
+      const c = e.entities.draggableMap.get(a)?.payload, l = e.hovered.draggable.get(a);
+      if (c) {
+        const f = c();
+        if (Array.isArray(f) && f.length >= 2) {
+          const [d, m, h] = f, w = Number(d);
+          o = {
+            element: a,
+            placement: l ?? {
+              top: !1,
+              right: !1,
+              bottom: !1,
+              left: !1,
+              center: !1
+            },
+            index: w,
+            item: m[w],
+            items: m,
+            dropData: h
+          };
+        }
+      }
+    }
+  }
   return {
-    items: Array.isArray(r) ? r : [],
-    userData: i
+    draggedItems: s,
+    dropZone: n,
+    hoveredDraggable: o,
+    provider: e,
+    helpers: _t({ draggedItems: s, dropZone: n, hoveredDraggable: o })
   };
-}, B = (e) => e.keys().next().value, dt = (e) => e.target.closest(H.DRAGGABLE), M = (e, t) => {
-  const n = {
-    payload: gt(e),
-    provider: e
-  };
-  return t && (n.dropZonePayload = ft(e, t)), n;
-}, oe = (e, t, n) => {
-  const o = dt(t);
-  if (!o || !e.entities.draggingMap.has(o)) return;
-  const s = M(e);
-  e.entities.draggingMap.get(o)?.events?.[n]?.(s);
-}, O = (e, t, n) => {
-  if (!t || k(t, e)) return;
-  const o = M(e);
-  e.entities.draggableMap.get(t)?.events?.[n]?.(o);
-}, w = (e, t) => {
-  const n = M(e);
-  e.entities.draggableMap.forEach((o, s) => {
-    k(s, e) || o.events?.[t]?.(n);
+}, U = (e, t, s) => {
+  if (!t) return;
+  const n = e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t);
+  !n || n.disabled || n.events?.[s]?.(R(e));
+}, P = (e, t) => {
+  const s = R(e);
+  e.entities.draggingMap.forEach((n) => {
+    n.disabled || n.events?.[t]?.(s);
   });
-}, yt = (e, t, n) => {
-  if (t !== n) {
-    if (t && !z(t, e)) {
-      const o = M(e, t);
-      e.entities.droppableMap.get(t)?.events?.onLeave?.(o);
+}, Ht = (e, t, s) => {
+  if (t !== s) {
+    if (t && !X(t, e)) {
+      const n = R(e, t);
+      e.entities.droppableMap.get(t)?.events?.onLeave?.(n);
     }
-    if (n && !z(n, e)) {
-      const o = M(e, n);
-      e.entities.droppableMap.get(n)?.events?.onEnter?.(o);
+    if (s && !X(s, e)) {
+      const n = R(e, s);
+      e.entities.droppableMap.get(s)?.events?.onEnter?.(n);
     }
   }
-}, mt = (e, t, n) => {
-  if (t !== n) {
-    const o = M(e);
-    t && !k(t, e) && e.entities.draggableMap.get(t)?.events?.onLeave?.(o), n && !k(n, e) && e.entities.draggableMap.get(n)?.events?.onHover?.(o);
-  }
-}, bt = (e, t) => {
-  const n = B(t.droppable);
-  if (n && !z(n, e)) {
-    const o = M(e, n);
-    e.entities.droppableMap.get(n)?.events?.onLeave?.(o);
-  }
-}, Oe = (e, t) => {
-  const n = B(t.droppable);
-  if (n && !z(n, e)) {
-    const o = M(e, n);
-    e.entities.droppableMap.get(n)?.events?.onLeave?.(o);
+}, Kt = (e, t, s) => {
+  if (t !== s) {
+    const n = R(e);
+    if (t) {
+      const o = e.entities.draggableMap.get(t);
+      o && !o.disabled && o.events?.onLeave?.(n);
+    }
+    if (s) {
+      const o = e.entities.draggableMap.get(s);
+      o && !o.disabled && o.events?.onHover?.(n);
+    }
   }
-}, ht = (e, t, n) => {
-  if (!n) return {};
-  const o = n.getBoundingClientRect(), s = Math.max(o.left, Math.min(e.x, t.x)), r = Math.max(o.top, Math.min(e.y, t.y)), i = Math.min(o.right, Math.max(e.x, t.x)), a = Math.min(o.bottom, Math.max(e.y, t.y)), l = Math.max(0, i - s), u = Math.max(0, a - r);
+}, de = (e, t, s) => {
+  const n = Ft(t);
+  !n || !e.entities.draggingMap.has(n) || e.entities.draggingMap.get(n)?.events?.[s]?.(R(e));
+}, Nt = (e, t) => {
+  const s = G(t.droppable);
+  s && !X(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(R(e, s));
+}, Je = (e, t) => {
+  const s = G(t.droppable);
+  s && !X(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(R(e, s));
+};
+function Zt(e) {
+  return e.parentElement?.closest(Y.SELECT_AREA) ?? null;
+}
+const Ut = (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)), r = Math.min(n.right, Math.max(e.x, t.x)), a = Math.min(n.bottom, Math.max(e.y, t.y)), g = Math.max(0, r - o), u = Math.max(0, a - i);
   return {
-    left: `${s}px`,
-    top: `${r}px`,
-    width: `${l}px`,
+    left: `${o}px`,
+    top: `${i}px`,
+    width: `${g}px`,
     height: `${u}px`,
     position: "fixed",
     pointerEvents: "none",
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, pt = (e) => {
+}, Yt = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, n = Dt(
+  const { selectingArea: t } = e.entities, s = Xt(
     e.pointer.value.start,
     e.pointer.value.current
-  ), o = e.entities.selectableAreaMap.get(t)?.groups ?? [];
-  e.entities.visibleDraggableSet.forEach((s) => {
-    if (!t.contains(s)) return;
-    if (k(s, e)) {
-      e.entities.selectedSet.delete(s);
+  ), n = e.entities.selectableAreaMap.get(t)?.groups ?? [], o = e.lib.rectCache;
+  e.entities.visibleDraggableSet.forEach((i) => {
+    if (i === t || !t.contains(i)) return;
+    const r = Zt(i);
+    if (r && r !== t) {
+      e.entities.selectedSet.delete(i);
       return;
     }
-    const i = e.entities.draggableMap.get(s)?.groups ?? [];
-    if (!de(o, i)) {
-      e.entities.selectedSet.delete(s);
+    if (Ae(i, e)) {
+      e.entities.selectedSet.delete(i);
       return;
     }
-    qe(n, s.getBoundingClientRect()) ? e.entities.selectedSet.add(s) : e.entities.selectedSet.delete(s);
+    const g = e.entities.draggableMap.get(i)?.groups ?? [];
+    if (!Ce(n, g)) {
+      e.entities.selectedSet.delete(i);
+      return;
+    }
+    let u = o.get(i);
+    u || (u = i.getBoundingClientRect(), o.set(i, u)), bt(s, u) ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
   });
-}, Dt = (e, t) => {
-  const n = Math.min(e.x, t.x), o = Math.min(e.y, t.y), s = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = s - n, a = r - o;
-  return new DOMRect(n, o, i, a);
-}, St = (e, t, n = 5) => {
-  const o = n / 2;
+}, Xt = (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), r = o - s, a = i - n;
+  return new DOMRect(s, n, r, a);
+}, $t = (e, t, s = 5) => {
+  const n = s / 2;
   return {
-    left: e - o,
-    top: t - o,
-    width: n,
-    height: n
+    left: e - n,
+    top: t - n,
+    width: s,
+    height: s
   };
-}, vt = (e) => {
-  const t = e.pointer.value?.current, n = t?.x ?? 0, o = t?.y ?? 0;
-  return St(n, o, 5);
-}, T = (e, t, n) => {
-  const o = e.left + e.width / 2, s = e.top + e.height / 2;
-  if (n) {
-    const a = n.top ?? 0, l = n.right ?? 0, u = n.bottom ?? 0, d = n.left ?? 0, c = t.left + d, g = t.right - l, f = t.top + a, y = t.bottom - u;
-    if (c < g && f < y && o >= c && o <= g && s >= f && s <= y)
+}, jt = (e) => {
+  const t = e.pointer.value?.current, s = t?.x ?? 0, n = t?.y ?? 0;
+  return $t(s, n, 5);
+}, N = (e, t, s) => {
+  const n = e.left + e.width / 2, o = e.top + e.height / 2;
+  if (s) {
+    const a = s.top ?? 0, g = s.right ?? 0, u = s.bottom ?? 0, c = s.left ?? 0, l = t.left + c, f = t.right - g, d = t.top + a, m = t.bottom - u;
+    if (l < f && d < m && n >= l && n <= f && o >= d && o <= m)
       return {
         top: !1,
         right: !1,
@@ -512,73 +724,96 @@ const j = (e) => {
         center: !0
       };
   }
-  const r = t.left + t.width / 2, i = t.top + t.height / 2;
+  const i = t.left + t.width / 2, r = t.top + t.height / 2;
   return {
-    top: s < i,
-    bottom: s > i,
-    left: o < r,
-    right: o > r,
+    top: o <= r,
+    bottom: o > r,
+    left: n <= i,
+    right: n > i,
     center: !1
   };
-}, wt = (e) => ({
+}, Vt = (e) => ({
   x: e.left + e.width / 2,
   y: e.top + e.height / 2
-}), K = (e, t) => {
-  const n = wt(t);
-  return Math.hypot(e.x - n.x, e.y - n.y);
-}, Mt = (e, t) => e.find((n) => n !== t && F(t, n)), ue = (e, t, n) => {
-  const o = B(t.droppable), s = B(t.draggable);
-  t.draggable.clear(), t.droppable.clear();
-  const r = vt(e), i = n.zones[0], a = n.elements[0];
-  if (i && a && i === a && e.entities.droppableMap.has(i) && i) {
-    const c = i.getBoundingClientRect(), g = e.entities.draggableMap.get(i)?.placementMargins, f = T(r, c, g);
-    if (f.center) {
-      t.droppable.set(i, f);
-      const y = Mt(n.elements, i);
-      if (y) {
-        const b = y.getBoundingClientRect();
+}), Te = (e, t) => {
+  const s = Vt(t);
+  return Math.hypot(e.x - s.x, e.y - s.y);
+};
+function Wt(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 ee(e, t) {
+  Wt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
+}
+const qt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
+  const n = G(t.droppable), o = G(t.draggable);
+  o && t.draggable.delete(o), n && t.droppable.delete(n);
+  const i = jt(e), r = s.zones[0], a = s.elements[0];
+  if (r && a && r === a && e.entities.droppableMap.has(r) && r) {
+    const l = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins, d = N(i, l, f);
+    if (d.center) {
+      t.droppable.set(r, d);
+      const m = qt(s.elements, r);
+      if (m) {
+        const h = m.getBoundingClientRect();
         t.draggable.set(
-          y,
-          T(r, b, void 0)
+          m,
+          N(i, h, void 0)
         );
       }
     } else
-      t.draggable.set(a, f);
+      t.draggable.set(a, d);
   } else {
-    if (i) {
-      const c = i.getBoundingClientRect();
-      t.droppable.set(i, T(r, c));
+    if (r) {
+      const l = r.getBoundingClientRect();
+      t.droppable.set(r, N(i, l));
     }
     if (a)
-      if (i)
-        if (F(i, a)) {
-          const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+      if (r)
+        if (_(r, a)) {
+          const l = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins;
           t.draggable.set(
             a,
-            T(r, c, g)
+            N(i, l, f)
           );
         } else {
-          const c = e.pointer.value?.current ?? { x: 0, y: 0 }, g = i.getBoundingClientRect(), f = a.getBoundingClientRect(), y = K(c, g);
-          if (K(c, f) < y) {
+          const l = e.pointer.value?.current ?? { x: 0, y: 0 }, f = r.getBoundingClientRect(), d = a.getBoundingClientRect(), m = Te(l, f);
+          if (Te(l, d) < m) {
             t.droppable.clear();
-            const R = e.entities.draggableMap.get(a)?.placementMargins;
+            const w = e.entities.draggableMap.get(a)?.placementMargins;
             t.draggable.set(
               a,
-              T(r, f, R)
+              N(i, d, w)
             );
           }
         }
       else {
-        const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+        const l = a.getBoundingClientRect(), f = e.entities.draggableMap.get(a)?.placementMargins;
         t.draggable.set(
           a,
-          T(r, c, g)
+          N(i, l, f)
         );
       }
   }
-  const u = B(t.droppable), d = B(t.draggable);
-  yt(e, o, u), mt(e, s, d);
-}, Et = (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, pe = (e) => {
+  const u = G(t.droppable), c = G(t.draggable);
+  if (o && o !== c) {
+    const l = e.entities.draggableMap.get(o);
+    l && ee(l, void 0);
+  }
+  if (n && n !== u) {
+    const l = e.entities.droppableMap.get(n);
+    l && ee(l, void 0);
+  }
+  if (c) {
+    const l = e.entities.draggableMap.get(c);
+    l && ee(l, t.draggable.get(c));
+  }
+  if (u) {
+    const l = e.entities.droppableMap.get(u);
+    l && ee(l, t.droppable.get(u));
+  }
+  Ht(e, n, u), Kt(e, o, c);
+}, ze = (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, Z = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
   const t = e.getBoundingClientRect();
@@ -592,258 +827,332 @@ const j = (e) => {
     right: t.right,
     bottom: t.bottom
   };
-}, De = (e) => ({
+}, V = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), At = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), xt = (e, t) => {
-  const n = Math.max(
+}), Jt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Me = (e, t) => {
+  const s = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
-  ), o = Math.max(
+  ), n = Math.max(
     0,
     Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
-  ), s = n * o, r = e.width * e.height, i = t.width * t.height;
-  return r === 0 || i === 0 ? 0 : (s / r * 100 + s / i * 100) / 2;
-}, Ct = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, Se = () => !0, ve = () => 0, Lt = "separate", kt = () => {
-  const e = {
-    filterElements: Se,
-    filterZones: Se,
-    sortElements: ve,
-    sortZones: ve,
-    mergeStrategy: Lt,
-    pickClosestBetweenFirst: !1
-  }, t = (o, s, r, i, a, l, u) => {
-    const d = new Set(i), c = { containerBox: s, pointer: r }, g = [...i].filter((f) => a(f, o)).map((f) => {
-      const y = pe(f);
-      if (!u(y, c)) return null;
-      let b = 0;
-      for (const S of d)
-        S !== f && F(S, f) && b++;
-      const R = xt(y, s);
-      return {
-        node: f,
-        box: y,
-        meta: {
-          isPointerInElement: Ct(y, r.x, r.y),
-          overlapPercent: R,
-          depth: b,
-          centerDistance: At(
-            De(s),
-            De(y)
-          )
-        }
-      };
-    }).filter((f) => f !== null);
-    if (e.minOverlapPercent !== void 0) {
-      const f = e.minOverlapPercent, y = g.filter((b) => b.meta.overlapPercent >= f);
-      g.length = 0, g.push(...y);
+  ), o = s * n, i = e.width * e.height, r = t.width * t.height;
+  return i === 0 || r === 0 ? 0 : (o / i * 100 + o / r * 100) / 2;
+}, we = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Qt = (e) => e.overlay.ref?.value ?? null, Qe = (e) => {
+  const t = e.overlay.position?.value ?? { x: 0, y: 0 }, { x: s, y: n } = t, o = e.overlay.size?.value;
+  let i, r;
+  if (o)
+    i = o.width, r = o.height;
+  else {
+    const a = e.overlay.ref?.value?.getBoundingClientRect();
+    i = a?.width ?? 0, r = a?.height ?? 0;
+  }
+  return {
+    x: s,
+    y: n,
+    width: i,
+    height: r,
+    top: n,
+    left: s,
+    right: s + i,
+    bottom: n + r
+  };
+}, en = (e) => e.entities.allowedDraggableSet, tn = (e) => e.entities.allowedDroppableSet, nn = (e, t) => !t.entities.draggingMap.has(e), sn = (e, t) => ![...t.entities.draggingMap.keys()].some(
+  (s) => _(s, e)
+), on = (e, t) => t.entities.draggableMap.has(e) ? !Ae(e, t) : t.entities.droppableMap.has(e) ? !X(e, t) : !0, ce = (e, t) => nn(e, t) && sn(e, t) && on(e, t), Be = 10;
+function te(e, t) {
+  return Math.hypot(
+    t.x - (e.x + e.width / 2),
+    t.y - (e.y + e.height / 2)
+  );
+}
+function Oe(e) {
+  return [...e].sort((t, s) => {
+    const n = e.filter((i) => i !== t && _(i, t)).length;
+    return e.filter((i) => i !== s && _(i, s)).length - n;
+  });
+}
+const ve = (e) => {
+  if (!Qt(e)) return { elements: [], zones: [] };
+  const s = Qe(e), n = e.pointer.value?.current ?? { x: 0, y: 0 }, o = [...en(e)].filter(
+    (c) => ce(c, e)
+  ), i = [...tn(e)].filter(
+    (c) => ce(c, e)
+  ), r = o.filter(
+    (c) => we(Z(c), n.x, n.y)
+  ), a = i.filter(
+    (c) => we(Z(c), n.x, n.y)
+  );
+  if (r.length > 0 || a.length > 0)
+    return {
+      elements: Oe(r),
+      zones: Oe(a)
+    };
+  const g = o.map((c) => ({ n: c, box: Z(c) })).filter(
+    ({ box: c }) => ze(c, s) && Me(c, s) >= Be
+  ).sort((c, l) => te(c.box, n) - te(l.box, n)).map(({ n: c }) => c), u = i.map((c) => ({ n: c, box: Z(c) })).filter(
+    ({ box: c }) => ze(c, s) && Me(c, s) >= Be
+  ).sort((c, l) => te(c.box, n) - te(l.box, n)).map(({ n: c }) => c);
+  return { elements: g, zones: u };
+};
+function rn(e) {
+  globalThis.onmessage = (t) => {
+    const { callId: s, data: n } = t.data;
+    try {
+      const o = e(n);
+      globalThis.postMessage({ callId: s, ok: !0, result: o });
+    } catch (o) {
+      globalThis.postMessage({ callId: s, ok: !1, error: String(o) });
     }
-    return g.sort((f, y) => l(f, y, c)), g.map((f) => f.node);
-  }, n = {
-    container(o) {
-      return e.container = o, n;
-    },
-    containerBox(o) {
-      return e.containerBox = o, n;
-    },
-    elements(o) {
-      return e.elements = o, n;
-    },
-    zones(o) {
-      return e.zones = o, n;
-    },
-    filterElements(o) {
-      return e.filterElements = o, n;
-    },
-    filterZones(o) {
-      return e.filterZones = o, n;
-    },
-    collision(o) {
-      return e.collision = o, n;
-    },
-    sortElements(o) {
-      return e.sortElements = o, n;
-    },
-    sortZones(o) {
-      return e.sortZones = o, n;
-    },
-    mergeStrategy(o) {
-      return e.mergeStrategy = o, n;
-    },
-    pickClosestBetweenFirst(o) {
-      return e.pickClosestBetweenFirst = o, n;
+  };
+}
+function an(e, t) {
+  return [
+    t.map((n) => n.toString()).join(`
+
+`),
+    `var __fn = ${e.toString()};`,
+    `(${rn.toString()})(__fn);`
+  ].join(`
+
+`);
+}
+function ln(e, t) {
+  let s = null, n = null, o = !1, i = 0;
+  const r = /* @__PURE__ */ new Map();
+  try {
+    const u = an(e, t?.localDependencies ?? []), c = new Blob([u], { type: "application/javascript" });
+    n = URL.createObjectURL(c), s = new Worker(n), o = !0, s.onmessage = (l) => {
+      const f = r.get(l.data.callId);
+      f && (r.delete(l.data.callId), l.data.ok ? f.resolve(l.data.result) : f.reject(new Error(l.data.error)));
+    }, s.onerror = (l) => {
+      o = !1;
+      for (const f of r.values()) f.reject(new Error(l.message));
+      r.clear(), s?.terminate(), s = null;
+    };
+  } catch {
+    o = !1;
+  }
+  return {
+    run: (u) => {
+      if (!s || !o)
+        try {
+          return Promise.resolve(e(u));
+        } catch (l) {
+          return Promise.reject(l instanceof Error ? l : new Error(String(l)));
+        }
+      const c = ++i;
+      return new Promise((l, f) => {
+        r.set(c, { resolve: l, reject: f }), s.postMessage({ callId: c, data: u });
+      });
     },
-    minOverlapPercent(o) {
-      return e.minOverlapPercent = o, n;
+    terminate: () => {
+      for (const u of r.values()) u.reject(new Error("Worker terminated"));
+      r.clear(), s?.terminate(), s = null, n && (URL.revokeObjectURL(n), n = null), o = !1;
     },
-    build() {
-      const o = e;
-      if (!o.container || !o.elements || !o.zones || !o.collision)
-        throw new Error(
-          "sensor: container, elements, zones, collision are required"
-        );
-      return (s) => {
-        const r = o.container(s);
-        if (!r) return { elements: [], zones: [] };
-        const i = o.containerBox ? o.containerBox(s) : pe(r), a = s.pointer.value?.current ?? { x: 0, y: 0 }, l = t(
-          s,
-          i,
-          a,
-          o.elements(s),
-          o.filterElements,
-          o.sortElements,
-          o.collision
-        ), u = t(
-          s,
-          i,
-          a,
-          o.zones(s),
-          o.filterZones,
-          o.sortZones,
-          o.collision
-        );
-        if (o.mergeStrategy === "unified-closest") {
-          const d = [
-            ...l.map((g) => ({ node: g, isZone: !1, distance: 0 })),
-            ...u.map((g) => ({ node: g, isZone: !0, distance: 0 }))
-          ];
-          if (d.length === 0) return { elements: [], zones: [] };
-          for (const g of d) {
-            const f = g.node.getBoundingClientRect();
-            g.distance = K(a, f);
-          }
-          const c = d.reduce(
-            (g, f) => f.distance < g.distance ? f : g
-          );
-          return c.isZone ? { elements: [], zones: [c.node] } : { elements: [c.node], zones: [] };
-        }
-        if (o.pickClosestBetweenFirst && l[0] && u[0]) {
-          const d = K(
-            a,
-            u[0].getBoundingClientRect()
-          );
-          return K(
-            a,
-            l[0].getBoundingClientRect()
-          ) < d ? { elements: l, zones: [] } : { elements: [], zones: u };
-        }
-        return { elements: l, zones: u };
-      };
+    get isSupported() {
+      return o;
     }
   };
-  return n;
-}, Rt = () => kt(), Pt = (e) => e.overlay.ref?.value ?? null, Tt = (e) => {
-  const t = e.overlay.position?.value ?? { x: 0, y: 0 }, n = e.overlay.size?.value ?? null, { x: o, y: s } = t, r = n?.width ?? 0, i = n?.height ?? 0;
+}
+function et(e, t, s, n, o, i, r, a) {
+  return e < o + r && e + s > o && t < i + a && t + n > i;
+}
+function tt(e, t, s, n, o, i, r, a) {
+  const g = Math.max(0, Math.min(e + s, o + r) - Math.max(e, o)), u = Math.max(0, Math.min(t + n, i + a) - Math.max(t, i)), c = g * u, l = s * n, f = r * a;
+  return !l || !f ? 0 : (c / l * 100 + c / f * 100) / 2;
+}
+function oe(e, t, s, n, o, i) {
+  return o >= e && o <= e + s && i >= t && i <= t + n;
+}
+function cn(e) {
+  const { containerBox: t, pointer: s, elements: n, elementCount: o, zones: i, zoneCount: r, config: a } = e, { x: g, y: u, width: c, height: l } = t, { x: f, y: d } = s, m = a.minOverlapPercent, h = g + c / 2, w = u + l / 2, D = oe(g, u, c, l, f, d);
+  function v(x, K) {
+    const S = [], b = x;
+    for (let y = 0; y < K; y++) {
+      const p = y * 4, C = b[p], I = b[p + 1], L = b[p + 2], k = b[p + 3];
+      if (!et(C, I, L, k, g, u, c, l)) continue;
+      const Le = tt(C, I, L, k, g, u, c, l);
+      Le < m || S.push({
+        index: y,
+        overlapPercent: Le,
+        centerDistance: Math.hypot(h - (C + L / 2), w - (I + k / 2)),
+        isPointerInElement: oe(C, I, L, k, f, d),
+        depth: 0
+      });
+    }
+    for (let y = 0; y < S.length; y++) {
+      const p = S[y].index * 4, C = b[p] + b[p + 2] / 2, I = b[p + 1] + b[p + 3] / 2;
+      for (let L = 0; L < S.length; L++) {
+        if (y === L) continue;
+        const k = S[L].index * 4;
+        oe(b[k], b[k + 1], b[k + 2], b[k + 3], C, I) && S[y].depth++;
+      }
+    }
+    return S.sort((y, p) => {
+      if (D) {
+        if (y.isPointerInElement && p.isPointerInElement) return p.depth - y.depth;
+        if (y.isPointerInElement !== p.isPointerInElement) return y.isPointerInElement ? -1 : 1;
+      }
+      return Math.abs(y.overlapPercent - p.overlapPercent) <= 1 ? y.centerDistance - p.centerDistance : p.overlapPercent - y.overlapPercent;
+    }), S.map((y) => y.index);
+  }
   return {
-    x: o,
-    y: s,
-    width: r,
-    height: i,
-    top: s,
-    left: o,
-    right: o + r,
-    bottom: s + i
+    elementIndices: v(n, o),
+    zoneIndices: v(i, r)
   };
-}, Bt = (e) => e.entities.allowedDraggableSet, Ot = (e) => e.entities.allowedDroppableSet, zt = (e, t) => !t.entities.draggingMap.has(e), Ft = (e, t) => ![...t.entities.draggingMap.keys()].some(
-  (n) => F(n, e)
-), _t = (e, t) => t.entities.draggableMap.has(e) ? !k(e, t) : t.entities.droppableMap.has(e) ? !z(e, t) : !0, we = (e, t) => zt(e, t) && Ft(e, t) && _t(e, t), Gt = (e, t) => Et(e, t.containerBox), Me = (e, t, n) => {
-  if (n.pointer.x >= n.containerBox.x && n.pointer.x <= n.containerBox.x + n.containerBox.width && n.pointer.y >= n.containerBox.y && n.pointer.y <= n.containerBox.y + n.containerBox.height) {
-    if (e.meta.isPointerInElement && t.meta.isPointerInElement)
-      return t.meta.depth - e.meta.depth;
-    if (e.meta.isPointerInElement !== t.meta.isPointerInElement)
-      return e.meta.isPointerInElement ? -1 : 1;
+}
+let me = null;
+function nt() {
+  return me || (me = ln(cn, {
+    localDependencies: [et, tt, oe]
+  })), me;
+}
+function _e(e, t) {
+  const s = [];
+  for (const n of e) {
+    let o = t.get(n);
+    o || (o = n.getBoundingClientRect(), t.set(n, o)), s.push(o.x, o.y, o.width, o.height);
   }
-  return Math.abs(e.meta.overlapPercent - t.meta.overlapPercent) <= 1 ? e.meta.centerDistance - t.meta.centerDistance : t.meta.overlapPercent - e.meta.overlapPercent;
-}, ge = Rt().container(Pt).containerBox(Tt).elements(Bt).zones(Ot).filterElements(we).filterZones(we).collision(Gt).minOverlapPercent(10).sortElements(Me).sortZones(Me).build();
-function Ee(e) {
-  const n = (e.collision?.run ?? ge)(e);
-  ue(e, e.hovered, n);
+  return s;
 }
-function It(e, t) {
-  const n = e.collision?.throttle?.value ?? 0;
-  if (n <= 0) {
-    Ee(e);
+let Fe = 0;
+function un(e) {
+  const t = nt(), s = ++Fe, n = [...e.entities.allowedDraggableSet].filter(
+    (u) => ce(u, e)
+  ), o = [...e.entities.allowedDroppableSet].filter(
+    (u) => ce(u, e)
+  ), i = Qe(e), r = e.pointer.value?.current, a = e.lib.rectCache, g = {
+    containerBox: {
+      x: i.x,
+      y: i.y,
+      width: i.width,
+      height: i.height
+    },
+    pointer: { x: r?.x ?? 0, y: r?.y ?? 0 },
+    elements: _e(n, a),
+    elementCount: n.length,
+    zones: _e(o, a),
+    zoneCount: o.length,
+    config: { minOverlapPercent: 10 }
+  };
+  t.run(g).then((u) => {
+    if (s !== Fe || e.state.value !== "dragging") return;
+    const c = u.elementIndices.map(
+      (f) => n[f]
+    ), l = u.zoneIndices.map(
+      (f) => o[f]
+    );
+    W(e, e.hovered, {
+      elements: c,
+      zones: l
+    });
+  });
+}
+function xe(e) {
+  if (e.collision?.run) {
+    const s = e.collision.run(e);
+    W(e, e.hovered, s);
+    return;
+  }
+  if (nt().isSupported)
+    un(e);
+  else {
+    const s = ve(e);
+    W(e, e.hovered, s);
+  }
+}
+function gn(e, t) {
+  const s = e.collision?.throttle?.value ?? 0;
+  if (s <= 0) {
+    xe(e);
     return;
   }
-  const o = Date.now();
-  o - t.value >= n && (t.value = o, Ee(e));
+  const n = Date.now();
+  n - t.value >= s && (t.value = n, xe(e));
 }
-async function ze(e) {
+async function st(e) {
   const t = e.hovered.droppable.keys().next().value;
-  if (!t || z(t, e)) return !0;
-  const n = e.entities.droppableMap.get(t), o = M(e, t), s = n?.events?.onDrop?.(o);
-  if (s != null && typeof s.then == "function")
+  if (!t || X(t, e)) return "accept";
+  const s = e.entities.droppableMap.get(t), n = R(e, t), o = s?.events?.onDrop?.(n);
+  if (o != null && typeof o.then == "function") {
+    e.state.value = "pending";
+    let r;
     try {
-      return await s, !0;
+      r = await o;
     } catch {
-      const i = e.entities.initiatingDraggable;
-      return O(e, i, "onSelfDragCancel"), w(e, "onDragCancel"), Oe(e, e.hovered), !1;
+      const a = e.entities.initiatingDraggable;
+      return U(e, a, "onSelfDragCancel"), P(e, "onDragCancel"), Je(e, e.hovered), "cancel";
     }
-  return !0;
+    return r === !1 ? (e.state.value = "dragging", "decline") : "accept";
+  }
+  return o === !1 ? "decline" : "accept";
 }
-function Fe(e) {
+function ot(e) {
   const t = e.entities.initiatingDraggable;
-  O(e, t, "onSelfDragEnd"), w(e, "onDragEnd"), bt(e, e.hovered);
+  U(e, t, "onSelfDragEnd"), P(e, "onDragEnd"), Nt(e, e.hovered);
 }
-function Kt(e) {
+function fn(e) {
   const t = e.entities.selectingArea;
   if (!t) return;
-  const n = e.entities.selectableAreaMap.get(t), o = [...e.entities.selectedSet];
-  n?.events?.onSelected?.(o);
+  const s = e.entities.selectableAreaMap.get(t), n = [...e.entities.selectedSet];
+  s?.events?.onSelected?.(n);
 }
-const Ht = (e) => {
+const dn = (e) => {
   const t = {
     current: null
-  }, n = { value: 0 }, o = async () => {
-    le(), t.current?.cancel(), t.current = null;
+  }, s = { value: 0 }, n = async () => {
+    Se(), t.current?.cancel(), t.current = null;
     const a = e.state.value;
     if (a === "dragging") {
-      if (!await ze(e)) {
-        j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+      const g = await st(e);
+      if (g === "accept" && ot(e), g === "accept" || g === "cancel") {
+        le(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
         return;
       }
-      Fe(e);
-    } else a === "selecting" && Kt(e);
-    j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
-  }, s = (a) => {
+      return;
+    } else a === "selecting" && fn(e);
+    le(e), document.removeEventListener("pointerup", n), document.removeEventListener("pointermove", o);
+  }, o = (a) => {
     if (e.pointer.value) {
-      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, st(e)) {
-        oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
+      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, At(e)) {
+        de(e, a, "onSelfDragStart"), P(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        It(e, n);
-        const l = e.entities.initiatingDraggable;
-        O(e, l, "onSelfDragMove"), w(e, "onDragMove");
+        gn(e, s);
+        const g = e.entities.initiatingDraggable;
+        U(e, g, "onSelfDragMove"), P(e, "onDragMove");
       }
-      e.state.value === "selecting" && pt(e);
+      e.state.value === "selecting" && Yt(e);
     }
   };
   return { pointerDown: (a) => {
-    document.addEventListener("pointerup", o), document.addEventListener("pointermove", s);
-    const l = a.target, u = l.closest(
-      H.SELECT_AREA
-    ), d = l.closest(
-      H.DRAGGABLE
+    document.addEventListener("pointerup", n), document.addEventListener("pointermove", o);
+    const g = a.target, u = g.closest(
+      Y.SELECT_AREA
+    ), c = g.closest(
+      Y.DRAGGABLE
     );
     if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(u)) {
-      ae(), e.pointer.value = ce(a), e.state.value = "selecting", e.entities.selectingArea = u;
+      pe(), e.pointer.value = De(a), e.state.value = "selecting", e.entities.selectingArea = u;
       return;
     }
-    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(d)) {
-      const c = e.entities.draggableMap.get(d);
-      if (!Te(l, d, c?.dragHandle))
+    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(c)) {
+      const l = e.entities.draggableMap.get(c);
+      if (!je(g, c, l?.dragHandle))
         return;
-      ae(), e.entities.initiatingDraggable = d;
-      const g = Re(a, d);
-      e.pointer.value = ce(a, g.x, g.y), c?.activation?.distance || c?.activation?.delay ? (e.state.value = "activating", c?.activation?.delay && (e.delay.startTime = Date.now(), t.current = it(e, () => {
-        W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
-      }))) : (W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart"));
+      pe(), e.entities.initiatingDraggable = c;
+      const f = Xe(a, c);
+      e.pointer.value = De(a, f.x, f.y), l?.activation?.distance || l?.activation?.delay ? (e.state.value = "activating", l?.activation?.delay && (e.delay.startTime = Date.now(), t.current = Ct(e, () => {
+        ae(e), de(e, a, "onSelfDragStart"), P(e, "onDragStart");
+      }))) : (ae(e), de(e, a, "onSelfDragStart"), P(e, "onDragStart"));
     }
-  }, pointerUp: o, pointerMove: s, cleanup: () => {
-    t.current?.cancel(), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect(), e.lib.overlaySizeObserver.disconnect();
+  }, 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();
   } };
-}, Nt = {
+}, mn = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -852,205 +1161,202 @@ const Ht = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, Yt = (e) => (t) => {
-  const { keys: n } = e.keyboard;
-  if (n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
-    if (n.forCancel.includes(t.code)) {
-      t.preventDefault(), le(), O(
+}, hn = (e) => (t) => {
+  const { keys: s } = e.keyboard;
+  if (s.pressedKeys.value.add(t.code), e.state.value === "dragging") {
+    if (s.forCancel.includes(t.code)) {
+      t.preventDefault(), Se(), U(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragCancel"
-      ), w(e, "onDragCancel"), Oe(e, e.hovered), j(e);
+      ), P(e, "onDragCancel"), Je(e, e.hovered), le(e);
       return;
     }
-    if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await ze(e) && Fe(e), le(), j(e)))();
+    if (s.forDrop.includes(t.code)) {
+      t.preventDefault(), (async () => (await st(e) && ot(e), Se(), le(e)))();
       return;
     }
-    const s = Nt[t.code];
-    if (s && n.forMove.includes(t.code) && e.pointer.value) {
+    const o = mn[t.code];
+    if (o && s.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
-      const r = n.forMoveFaster.some(
-        (u) => n.pressedKeys.value.has(u)
-      ), i = e.keyboard.step * (r ? e.keyboard.moveFaster : 1);
+      const i = s.forMoveFaster.some(
+        (u) => s.pressedKeys.value.has(u)
+      ), r = e.keyboard.step * (i ? e.keyboard.moveFaster : 1);
       e.pointer.value.current = {
-        x: e.pointer.value.current.x + s.dx * i,
-        y: e.pointer.value.current.y + s.dy * i
+        x: e.pointer.value.current.x + o.dx * r,
+        y: e.pointer.value.current.y + o.dy * r
       };
-      const l = (e.collision?.run ?? ge)(e);
-      ue(e, e.hovered, l), O(
+      const g = (e.collision?.run ?? ve)(e);
+      W(e, e.hovered, g), U(
         e,
         e.entities.initiatingDraggable,
         "onSelfDragMove"
-      ), w(e, "onDragMove");
+      ), P(e, "onDragMove");
       return;
     }
     return;
   }
-  if (n.forDrag.includes(t.code)) {
-    const s = document.activeElement;
-    if (!s) return;
-    const r = s.closest(
-      H.DRAGGABLE
+  if (s.forDrag.includes(t.code)) {
+    const o = document.activeElement;
+    if (!o) return;
+    const i = o.closest(
+      Y.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 i = e.entities.draggableMap.get(r);
-    if (!Te(s, r, i?.dragHandle, !0))
+    const r = e.entities.draggableMap.get(i);
+    if (!je(o, i, r?.dragHandle, !0))
       return;
-    t.preventDefault(), ae();
-    const a = r.getBoundingClientRect(), l = a.left + a.width / 2, u = a.top + a.height / 2, d = {
-      clientX: l,
+    t.preventDefault(), pe();
+    const a = i.getBoundingClientRect(), g = a.left + a.width / 2, u = a.top + a.height / 2, c = {
+      clientX: g,
       clientY: u
     };
-    e.entities.initiatingDraggable = r;
-    const c = Re(d, r);
-    e.pointer.value = ce(
-      d,
-      c.x,
-      c.y
-    ), W(e);
-    const f = (e.collision?.run ?? ge)(e);
-    ue(e, e.hovered, f), O(e, r, "onSelfDragStart"), w(e, "onDragStart");
+    e.entities.initiatingDraggable = i;
+    const l = Xe(c, i);
+    e.pointer.value = De(
+      c,
+      l.x,
+      l.y
+    ), ae(e);
+    const d = (e.collision?.run ?? ve)(e);
+    W(e, e.hovered, d), U(e, i, "onSelfDragStart"), P(e, "onDragStart");
   }
-}, Xt = (e) => (t) => {
+}, yn = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, Zt = (e) => () => {
+}, bn = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
-}, se = {
-  keyDown: Yt,
-  keyUp: Xt,
-  clear: Zt
-}, Ut = (e) => () => {
-  e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY);
-}, A = 50, $t = 144, Ae = 1e3 / $t;
-function Vt(e) {
+}, he = {
+  keyDown: hn,
+  keyUp: yn,
+  clear: bn
+}, pn = (e) => () => {
+  e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging" && xe(e));
+}, T = 50, Sn = 144, Ge = 1e3 / Sn;
+function Dn(e) {
   return e == null ? {
-    top: A,
-    right: A,
-    bottom: A,
-    left: A
+    top: T,
+    right: T,
+    bottom: T,
+    left: T
   } : typeof e == "number" ? {
     top: e,
     right: e,
     bottom: e,
     left: e
   } : {
-    top: e.top ?? A,
-    right: e.right ?? A,
-    bottom: e.bottom ?? A,
-    left: e.left ?? A
+    top: e.top ?? T,
+    right: e.right ?? T,
+    bottom: e.bottom ?? T,
+    left: e.left ?? T
   };
 }
-const qt = {
+const Mn = {
   getScrollState(e) {
     return {
       scrollTop: e.scrollTop,
-      scrollLeft: e.scrollLeft,
-      rect: e.getBoundingClientRect()
+      scrollLeft: e.scrollLeft
     };
   },
-  setScroll(e, t, n) {
-    e.scrollTop = t, e.scrollLeft = n;
+  setScroll(e, t, s) {
+    e.scrollTop = t, e.scrollLeft = s;
   }
 };
-function _e(e, t, n, o = qt, s) {
-  const { speed: r = 10, disabled: i = !1 } = t, a = Vt(t.threshold);
-  let l = null, u = null, d = null, c = 0, g = 0;
-  const f = (S) => {
-    s && (s.value = S);
-  }, y = (S) => {
-    const _ = e.value, E = n();
-    if (!_ || !E || i) {
-      f(!1);
+function rt(e, t, s, n = Mn, o) {
+  const { speed: i = 10, disabled: r = !1 } = t, a = Dn(t.threshold);
+  let g = null, u = null, c = null, l = 0, f = 0;
+  const d = (D) => {
+    o && (o.value = D);
+  }, m = (D) => {
+    const v = e.value, x = s();
+    if (!v || !x || r) {
+      d(!1);
       return;
     }
-    u || (u = S);
-    const X = S - u;
-    if (X < Ae) {
-      l = requestAnimationFrame(y);
+    u || (u = D);
+    const K = D - u;
+    if (K < Ge) {
+      g = requestAnimationFrame(m);
       return;
     }
-    const h = r * (X / Ae);
-    u = S;
-    const {
-      scrollTop: v,
-      scrollLeft: G,
-      rect: Ie
-    } = o.getScrollState(_);
-    (!d || c !== v || g !== G) && (d = Ie, c = v, g = G);
-    let P = !1, ee = v, te = G;
-    a.top > 0 && E.y - d.top < a.top ? (ee = v - h, P = !0) : a.bottom > 0 && d.bottom - E.y < a.bottom && (ee = v + h, P = !0), a.left > 0 && E.x - d.left < a.left ? (te = G - h, P = !0) : a.right > 0 && d.right - E.x < a.right && (te = G + h, P = !0), P && o.setScroll(_, ee, te), f(P), l = requestAnimationFrame(y);
+    const S = i * (K / Ge);
+    u = D;
+    const { scrollTop: b, scrollLeft: y } = n.getScrollState(v);
+    (!c || l !== b || f !== y) && (c = n.getRect ? n.getRect(v) : v.getBoundingClientRect(), l = b, f = y);
+    let p = !1, C = b, I = y;
+    a.top > 0 && x.y - c.top < a.top ? (C = b - S, p = !0) : a.bottom > 0 && c.bottom - x.y < a.bottom && (C = b + S, p = !0), a.left > 0 && x.x - c.left < a.left ? (I = y - S, p = !0) : a.right > 0 && c.right - x.x < a.right && (I = y + S, p = !0), p && n.setScroll(v, C, I), d(p), g = requestAnimationFrame(m);
   };
   return { run: () => {
-    u = null, l = requestAnimationFrame(y);
+    u = null, g = requestAnimationFrame(m);
   }, stop: () => {
-    l && (cancelAnimationFrame(l), l = null), d = null, c = 0, g = 0, u = null, f(!1);
+    g && (cancelAnimationFrame(g), g = null), c = null, l = 0, f = 0, u = null, d(!1);
   } };
 }
-const Wt = {
+const wn = {
   getScrollState() {
     return {
       scrollTop: window.scrollY ?? document.documentElement.scrollTop,
-      scrollLeft: window.scrollX ?? document.documentElement.scrollLeft,
-      rect: new DOMRect(0, 0, window.innerWidth, window.innerHeight)
+      scrollLeft: window.scrollX ?? document.documentElement.scrollLeft
     };
   },
-  setScroll(e, t, n) {
-    window.scrollTo(n, t);
+  setScroll(e, t, s) {
+    window.scrollTo(s, t);
+  },
+  getRect() {
+    return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
   }
-}, jt = {
+}, vn = {
   get value() {
     return typeof document < "u" ? document.documentElement : null;
   }
 };
-function Jt(e, t) {
-  const n = V(!1), s = _e(
-    jt,
+function xn(e, t) {
+  const s = re(!1), o = rt(
+    vn,
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
-      const a = e.overlay.position.value, l = e.overlay.size.value;
-      return a ? l?.width && l?.height ? {
-        x: a.x + l.width / 2,
-        y: a.y + l.height / 2
+      const a = e.overlay.position.value, g = e.overlay.size.value;
+      return a ? g?.width && g?.height ? {
+        x: a.x + g.width / 2,
+        y: a.y + g.height / 2
       } : a : null;
     },
-    Wt,
-    n
-  ), r = J(
+    wn,
+    s
+  ), i = ue(
     () => e.state.value,
     (a) => {
-      a === "dragging" ? s.run() : s.stop();
+      a === "dragging" ? o.run() : o.stop();
     }
-  ), i = () => {
-    r(), s.stop();
+  ), r = () => {
+    i(), o.stop();
   };
-  return Ke(i), { isScrolling: n, stop: i };
+  return at(r), { isScrolling: s, stop: r };
 }
-const Qt = (e) => {
-  const t = Ht(e), n = se.keyDown(e), o = se.keyUp(e), s = se.clear(e), r = Ut(e);
-  let i = null;
-  J(
+const En = (e) => {
+  const t = dn(e), s = he.keyDown(e), n = he.keyUp(e), o = he.clear(e), i = pn(e);
+  let r = null;
+  ue(
     e.autoScrollViewport,
     (a) => {
-      i?.(), i = null, (a === !0 || a && typeof a == "object") && (i = Jt(
+      r?.(), r = null, (a === !0 || a && typeof a == "object") && (r = xn(
         e,
         a === !0 ? {} : a
       ).stop);
     },
     { immediate: !0 }
-  ), N(() => {
-    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", o), document.addEventListener("blur", s), document.addEventListener("scroll", r, !0);
-  }), Y(() => {
-    document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", n), document.removeEventListener("keyup", o), document.removeEventListener("blur", s), document.removeEventListener("scroll", r, !0), i?.(), t.cleanup();
+  ), q(() => {
+    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", s), document.addEventListener("keyup", n), document.addEventListener("blur", o), document.addEventListener("scroll", i, !0);
+  }), J(() => {
+    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), r?.(), t.cleanup();
   });
-}, Q = () => {
-  const e = Ce(fe);
+}, ge = () => {
+  const e = Ze(Ee);
   if (!e) throw Error("DnD provider not found");
   return e;
-}, Ge = () => {
-  const e = Q();
+}, it = () => {
+  const e = ge();
   return {
     overlay: e.overlay,
     delay: e.delay,
@@ -1064,116 +1370,111 @@ const Qt = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, en = /* @__PURE__ */ Le({
+}, An = /* @__PURE__ */ Ue({
   __name: "DefaultOverlay",
   setup(e) {
-    const { entities: t, state: n, overlay: o } = Ge();
-    return (s, r) => x(n) === "dragging" ? (C(), $("div", {
+    const { entities: t, state: s, overlay: n } = it();
+    return (o, i) => F(s) === "dragging" ? (z(), se("div", {
       key: 0,
       class: "dnd-kit-default-overlay",
-      style: ye({
-        "--position-x": x(o).position.value.x + "px",
-        "--position-y": x(o).position.value.y + "px"
+      style: ke({
+        "--position-x": F(n).position.value.x + "px",
+        "--position-y": F(n).position.value.y + "px"
       })
     }, [
-      (C(!0), $(ie, null, He(x(t).draggingMap, ([i, a]) => (C(), $(ie, null, [
-        x(t).draggableMap.get(i)?.render ? (C(), q(re(x(t).draggableMap.get(i)?.render), { key: 0 })) : (C(), q(re(i.tagName), {
+      (z(!0), se(ye, null, lt(F(t).draggingMap, ([r, a]) => (z(), se(ye, null, [
+        F(t).draggableMap.get(r)?.render ? (z(), ie(be(F(t).draggableMap.get(r)?.render), { key: 0 })) : (z(), ie(be(r.tagName), {
           key: 1,
           innerHTML: a.initialOuterHTML,
-          style: ye({
+          style: ke({
             width: a.initialRect.width + "px",
             height: a.initialRect.height + "px"
           })
         }, null, 8, ["innerHTML", "style"]))
       ], 64))), 256))
-    ], 4)) : Ne("", !0);
+    ], 4)) : ct("", !0);
   }
-}), nn = /* @__PURE__ */ Le({
+}), kn = /* @__PURE__ */ Ue({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
     overlayTo: { type: [String, Boolean, null] }
   },
   setup(e) {
-    const t = e, n = Ye("overlayRef"), o = ut(n, t);
-    Qt(o);
-    const s = m(
-      () => o.overlay.render.value ?? en
+    const t = e, s = ut("overlayRef"), n = Rt(s, t);
+    En(n);
+    const o = M(
+      () => n.overlay.render.value ?? An
     );
-    return Xe(fe, o), (r, i) => (C(), $(ie, null, [
-      me(r.$slots, "default"),
-      be("pre", null, Ze(x(o).hovered), 1),
-      (C(), q(Ue, {
-        to: x(o).overlay.to.value || "body"
+    return gt(Ee, n), (i, r) => (z(), se(ye, null, [
+      Pe(i.$slots, "default"),
+      (z(), ie(ft, {
+        to: F(n).overlay.to.value || "body"
       }, [
-        be("div", {
+        dt("div", mt({
           ref_key: "overlayRef",
-          ref: n,
+          ref: s,
           class: "dnd-kit-overlay-container"
-        }, [
-          me(r.$slots, "overlay", { overlay: s.value }, () => [
-            (C(), q(re(s.value)))
+        }, i.$attrs), [
+          Pe(i.$slots, "overlay", { overlay: o.value }, () => [
+            (z(), ie(be(o.value)))
           ])
-        ], 512)
+        ], 16)
       ], 8, ["to"]))
     ], 64));
   }
 });
-function on(e, t, n) {
-  const o = Q();
-  let s, r, i;
-  typeof t == "function" ? (s = {}, r = t) : (s = t ?? {}, r = n);
-  const a = m({
+function Pn(e, t, s) {
+  const n = ge();
+  let o, i, r;
+  typeof t == "function" ? (o = {}, i = t) : (o = t ?? {}, i = s);
+  const a = M({
     get() {
-      const c = p(e);
-      return c ? o.entities.selectedSet.has(c) : !1;
+      const l = E(e);
+      return l ? n.entities.selectedSet.has(l) : !1;
     },
-    set(c) {
-      const g = p(e);
-      g && o.entities.selectedSet[c ? "add" : "delete"](g);
+    set(l) {
+      const f = E(e);
+      f && n.entities.selectedSet[l ? "add" : "delete"](f);
     }
-  }), l = m(() => {
-    const c = p(e);
-    return c ? o.entities.draggingMap.has(c) : !1;
-  }), u = m(() => {
-    const c = p(e);
-    return c ? o.entities.allowedDraggableSet.has(c) : !1;
-  }), d = m(() => {
-    const c = p(e);
-    return c ? o.hovered.draggable.get(c) : {
-      bottom: !1,
-      left: !1,
-      right: !1,
-      top: !1,
-      center: !1
-    };
+  }), g = M(() => {
+    const l = E(e);
+    return l ? n.entities.draggingMap.has(l) : !1;
+  }), u = M(() => {
+    const l = E(e);
+    return l ? n.entities.allowedDraggableSet.has(l) : !1;
+  }), c = M(() => {
+    const l = E(e);
+    if (l)
+      return n.entities.draggableMap.get(l)?.hoveredPlacement;
   });
-  return N(() => {
-    i = p(e), i && (i.addEventListener("dragstart", D), i.addEventListener("drag", D), i.addEventListener("dragend", D), i.setAttribute(L.DRAGGABLE, ""), o.lib.draggableObserver.observe(i), o.entities.draggableMap.set(i, {
-      render: s.render,
-      disabled: s.disabled ?? !1,
-      groups: s.groups ?? [],
-      modifier: s.modifier,
-      events: s.events,
-      payload: r,
-      dragHandle: s.dragHandle,
-      activation: s.activation,
-      placementMargins: s.placementMargins
+  return q(() => {
+    r = E(e), r && (r.addEventListener("dragstart", A), r.addEventListener("drag", A), r.addEventListener("dragend", A), r.setAttribute(H.DRAGGABLE, ""), n.lib.draggableObserver.observe(r), n.entities.draggableMap.set(r, {
+      render: o.render,
+      disabled: o.disabled ?? !1,
+      groups: o.groups ?? [],
+      modifier: o.modifier,
+      events: o.events,
+      payload: i,
+      dragHandle: o.dragHandle,
+      activation: o.activation,
+      placementMargins: o.placementMargins,
+      hoveredPlacement: void 0
     }));
-  }), Y(() => {
-    i && (o.lib.draggableObserver.unobserve(i), o.entities.visibleDraggableSet.delete(i), o.entities.draggableMap.delete(i), o.entities.modifiersDraggableSet.delete(i));
+  }), J(() => {
+    r && (n.lib.draggableObserver.unobserve(r), n.entities.visibleDraggableSet.delete(r), n.entities.draggableMap.delete(r), n.entities.modifiersDraggableSet.delete(r));
   }), {
     selected: a,
-    isDragging: l,
+    isDragging: g,
     isAllowed: u,
-    isDragOver: d
+    isDragOver: c
   };
 }
-const sn = (e, t) => {
-  const n = Q(), o = m(() => e.value === n.entities.selectingArea);
-  let s = null;
-  N(() => {
-    s = p(e), s && (s.setAttribute(L.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(s), n.entities.selectableAreaMap.set(s, {
+const Rn = (e, t) => {
+  const s = ge(), n = M(() => e.value === s.entities.selectingArea);
+  let o = null;
+  q(() => {
+    o = E(e), o && (o.setAttribute(H.SELECT_AREA, ""), s.lib.selectableAreaObserver.observe(o), s.entities.selectableAreaMap.set(o, {
       modifier: t?.modifier ?? {
         keys: ["ControlLeft"],
         method: "every"
@@ -1182,107 +1483,247 @@ const sn = (e, t) => {
       disabled: t?.disabled ?? !1,
       groups: t?.groups ?? []
     }));
-  }), Y(() => {
-    s && (n.lib.selectableAreaObserver.unobserve(s), n.entities.visibleSelectableAreaSet.delete(s), n.entities.modifiersSelectableAreaSet.delete(s), n.entities.selectableAreaMap.delete(s));
+  }), J(() => {
+    o && (s.lib.selectableAreaObserver.unobserve(o), s.entities.visibleSelectableAreaSet.delete(o), s.entities.modifiersSelectableAreaSet.delete(o), s.entities.selectableAreaMap.delete(o));
   });
-  const r = m(() => {
-    n.scrollPosition.x, n.scrollPosition.y;
-    const i = n.pointer.value;
-    return !i || n.state.value !== "selecting" || !s ? {} : ht(i.start, i.current, s);
+  const i = M(() => {
+    s.scrollPosition.x, s.scrollPosition.y;
+    const r = s.pointer.value;
+    return !r || s.state.value !== "selecting" || !o || !n.value ? {} : Ut(r.start, r.current, o);
   });
   return {
-    isSelecting: o,
-    style: r
+    isSelecting: n,
+    style: i
   };
 };
-function rn(e, t) {
-  const n = Ce(fe);
-  if (!n) throw Error("DnD provider not found");
-  let o = null;
-  return N(() => {
-    o = p(e), o && (o.setAttribute(L.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(o, {
+function Tn(e, t) {
+  const s = Ze(Ee);
+  if (!s) throw Error("DnD provider not found");
+  let n = null;
+  return q(() => {
+    n = E(e), n && (n.setAttribute(H.CONSTRAINT_AREA, ""), s.entities.constraintsAreaMap.set(n, {
       axis: t?.axis || "both",
       restrictToArea: t?.restrictToArea || !1
     }));
-  }), Y(() => {
-    o && n.entities.constraintsAreaMap.delete(o);
+  }), J(() => {
+    n && s.entities.constraintsAreaMap.delete(n);
   }), {};
 }
-function an(e, t, n) {
-  const o = Q();
-  let s = null, r, i;
-  typeof t == "function" ? (r = {}, i = t) : (r = t ?? {}, i = n);
-  const a = m(() => {
-    const u = p(e);
-    return u ? o.entities.allowedDroppableSet.has(u) : !1;
-  }), l = m(() => {
-    const u = p(e);
-    return u ? o.hovered.droppable.get(u) : {
-      bottom: !1,
-      left: !1,
-      right: !1,
-      top: !1,
-      center: !1
-    };
+function zn(e, t, s) {
+  const n = ge();
+  let o = null, i, r;
+  typeof t == "function" ? (i = {}, r = t) : (i = t ?? {}, r = s);
+  const a = M(() => {
+    const u = E(e);
+    return u ? n.entities.allowedDroppableSet.has(u) : !1;
+  }), g = M(() => {
+    const u = E(e);
+    if (u)
+      return n.entities.droppableMap.get(u)?.hoveredPlacement;
   });
-  return N(() => {
-    s = p(e), s && (s.setAttribute(L.DROPPABLE, ""), o.lib.droppableObserver.observe(s), o.entities.droppableMap.set(s, {
-      disabled: r.disabled ?? !1,
-      groups: r.groups ?? [],
-      events: r.events,
-      payload: i
+  return q(() => {
+    o = E(e), o && (o.setAttribute(H.DROPPABLE, ""), n.lib.droppableObserver.observe(o), n.entities.droppableMap.set(o, {
+      disabled: i.disabled ?? !1,
+      groups: i.groups ?? [],
+      events: i.events,
+      payload: r,
+      hoveredPlacement: void 0
     }));
-  }), Y(() => {
-    s && (o.lib.droppableObserver.unobserve(s), o.entities.visibleDroppableSet.delete(s), o.entities.droppableMap.delete(s));
+  }), J(() => {
+    o && (n.lib.droppableObserver.unobserve(o), n.entities.visibleDroppableSet.delete(o), n.entities.droppableMap.delete(o));
   }), {
     isAllowed: a,
-    isDragOver: l
+    isDragOver: g
   };
 }
-const ln = (e, t) => {
-  const n = Ge(), o = V(!1), r = _e(
+const Bn = (e, t) => {
+  const s = it(), n = re(!1), i = rt(
     e,
     t ?? {},
     () => {
-      if (n.state.value !== "dragging") return null;
-      const i = n.overlay.position.value, a = n.overlay.size.value;
-      return i ? a?.width && a?.height ? {
-        x: i.x + a.width / 2,
-        y: i.y + a.height / 2
-      } : i : null;
+      if (s.state.value !== "dragging") return null;
+      const r = s.overlay.position.value, a = s.overlay.size.value;
+      return r ? a?.width && a?.height ? {
+        x: r.x + a.width / 2,
+        y: r.y + a.height / 2
+      } : r : null;
     },
     void 0,
-    o
+    n
   );
-  return J(
-    () => n.state.value,
-    (i) => {
-      i === "dragging" ? r.run() : r.stop();
+  return ue(
+    () => s.state.value,
+    (r) => {
+      r === "dragging" ? i.run() : i.stop();
     }
-  ), { isScrolling: o };
+  ), { isScrolling: n };
 };
-function xe(e, t) {
+function He(e, t) {
   return t <= 0 ? e : Math.round(e / t) * t;
 }
-function cn(e, t) {
-  const n = t && "grid" in t && t.grid != null, o = t ? n ? t.grid : t.gridX : 1, s = t ? n ? t.grid : t.gridY : 1;
-  return m(() => {
-    const { x: r, y: i } = e.value;
+function On(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 M(() => {
+    const { x: i, y: r } = e.value;
     return {
-      x: xe(r, o),
-      y: xe(i, s)
+      x: He(i, n),
+      y: He(r, o)
     };
   });
 }
+const Ke = () => !0, Ne = () => 0, Cn = "separate", In = () => {
+  const e = {
+    filterElements: Ke,
+    filterZones: Ke,
+    sortElements: Ne,
+    sortZones: Ne,
+    mergeStrategy: Cn,
+    pickClosestBetweenFirst: !1
+  }, t = (n, o, i, r, a, g, u) => {
+    const c = r instanceof Set ? r : new Set(r), l = { containerBox: o, pointer: i }, f = e.minOverlapPercent, d = [];
+    for (const m of c) {
+      if (!a(m, n)) continue;
+      const h = Z(m);
+      if (!u(h, l)) continue;
+      const w = Me(h, o);
+      if (f !== void 0 && w < f) continue;
+      let D = 0;
+      for (const v of c)
+        v !== m && _(v, m) && D++;
+      d.push({
+        node: m,
+        box: h,
+        meta: {
+          isPointerInElement: we(h, i.x, i.y),
+          overlapPercent: w,
+          depth: D,
+          centerDistance: Jt(
+            V(o),
+            V(h)
+          )
+        }
+      });
+    }
+    return d.sort((m, h) => g(m, h, l)), d;
+  }, s = {
+    container(n) {
+      return e.container = n, s;
+    },
+    containerBox(n) {
+      return e.containerBox = n, s;
+    },
+    elements(n) {
+      return e.elements = n, s;
+    },
+    zones(n) {
+      return e.zones = n, s;
+    },
+    filterElements(n) {
+      return e.filterElements = n, s;
+    },
+    filterZones(n) {
+      return e.filterZones = n, s;
+    },
+    collision(n) {
+      return e.collision = n, s;
+    },
+    sortElements(n) {
+      return e.sortElements = n, s;
+    },
+    sortZones(n) {
+      return e.sortZones = n, s;
+    },
+    mergeStrategy(n) {
+      return e.mergeStrategy = n, s;
+    },
+    pickClosestBetweenFirst(n) {
+      return e.pickClosestBetweenFirst = n, s;
+    },
+    minOverlapPercent(n) {
+      return e.minOverlapPercent = n, s;
+    },
+    build() {
+      const n = e;
+      if (!n.container || !n.elements || !n.zones || !n.collision)
+        throw new Error(
+          "sensor: container, elements, zones, collision are required"
+        );
+      return (o) => {
+        const i = n.container(o);
+        if (!i) return { elements: [], zones: [] };
+        const r = n.containerBox ? n.containerBox(o) : Z(i), a = o.pointer.value?.current ?? { x: 0, y: 0 }, g = t(
+          o,
+          r,
+          a,
+          n.elements(o),
+          n.filterElements,
+          n.sortElements,
+          n.collision
+        ), u = t(
+          o,
+          r,
+          a,
+          n.zones(o),
+          n.filterZones,
+          n.sortZones,
+          n.collision
+        );
+        if (n.mergeStrategy === "unified-closest") {
+          const c = [
+            ...g.map((f) => ({
+              node: f.node,
+              box: f.box,
+              isZone: !1,
+              distance: 0
+            })),
+            ...u.map((f) => ({
+              node: f.node,
+              box: f.box,
+              isZone: !0,
+              distance: 0
+            }))
+          ];
+          if (c.length === 0) return { elements: [], zones: [] };
+          for (const f of c) {
+            const d = V(f.box);
+            f.distance = Math.hypot(
+              a.x - d.x,
+              a.y - d.y
+            );
+          }
+          const l = c.reduce(
+            (f, d) => d.distance < f.distance ? d : f
+          );
+          return l.isZone ? { elements: [], zones: [l.node] } : { elements: [l.node], zones: [] };
+        }
+        if (n.pickClosestBetweenFirst && g[0] && u[0]) {
+          const c = V(u[0].box), l = V(g[0].box), f = Math.hypot(
+            a.x - c.x,
+            a.y - c.y
+          );
+          return Math.hypot(
+            a.x - l.x,
+            a.y - l.y
+          ) < f ? { elements: g.map((m) => m.node), zones: [] } : { elements: [], zones: u.map((m) => m.node) };
+        }
+        return {
+          elements: g.map((c) => c.node),
+          zones: u.map((c) => c.node)
+        };
+      };
+    }
+  };
+  return s;
+}, _n = () => In();
 export {
-  nn as DnDProvider,
-  Rt as createSensor,
-  ge as defaultCollisionDetection,
-  ln as makeAutoScroll,
-  rn as makeConstraintArea,
-  on as makeDraggable,
-  an as makeDroppable,
-  sn as makeSelectionArea,
-  cn as makeSnappedOverlayPosition,
-  Ge as useDnDProvider
+  kn as DnDProvider,
+  _n as createSensor,
+  ve as defaultCollisionDetection,
+  Bn as makeAutoScroll,
+  Tn as makeConstraintArea,
+  Pn as makeDraggable,
+  zn as makeDroppable,
+  Rn as makeSelectionArea,
+  On as makeSnappedOverlayPosition,
+  it as useDnDProvider
 };