@vue-dnd-kit/core 1.7.0 → 2.0.0-alpha10

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

@@ -1,900 +1,1287 @@
-var he = Object.defineProperty;
-var pe = (n, e, t) => e in n ? he(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var V = (n, e, t) => pe(n, typeof e != "symbol" ? e + "" : e, t);
-import { shallowRef as C, ref as F, computed as O, onMounted as te, onUnmounted as ye, defineComponent as fe, createElementBlock as j, createCommentVNode as Ee, unref as P, openBlock as X, normalizeStyle as re, Fragment as ae, renderList as we, createBlock as J, resolveDynamicComponent as ee, Transition as Pe, withCtx as xe, normalizeProps as le, guardReactiveProps as Me, mergeProps as Ae, createVNode as Le, render as se, useId as be, onBeforeUnmount as ge } from "vue";
-import { createGlobalState as me, useMagicKeys as Ie, useThrottleFn as ze } from "@vueuse/core";
-const M = class M {
+(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 Ie, onMounted as N, onBeforeUnmount as Y, inject as xe, defineComponent as Ce, unref as C, openBlock as x, createElementBlock as $, normalizeStyle as ye, Fragment as ie, renderList as Ke, createBlock as q, resolveDynamicComponent as re, createCommentVNode as He, useTemplateRef as Ne, provide as Ye, renderSlot as me, Teleport as Xe, createElementVNode as Ze } from "vue";
+const L = {
+  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", be = (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);
+      return;
+    }
+    l[u]((c) => n.value.has(c)) && s.add(r);
+  }), s;
 };
-V(M, "remove", (e, t) => {
-  if (!e || t === void 0) return;
-  const [a] = e.splice(t, 1);
-  return a;
-}), V(M, "insert", (e, t, a) => {
-  !e || t === void 0 || e.splice(t, 0, a);
-}), V(M, "move", (e, t, a, l) => {
-  if (!e || !a || t === void 0 || l === void 0)
-    return;
-  const s = M.remove(e, t);
-  M.insert(a, l, s);
-}), V(M, "swap", (e, t, a, l) => {
-  if (!e || !a || t === void 0 || l === void 0)
-    return;
-  const s = e[t], o = a[l];
-  e[t] = o, a[l] = s;
-}), V(M, "copy", (e, t, a, l) => {
-  if (!e || t === void 0 || !a || l === void 0)
-    return;
-  const s = e[t];
-  M.insert(a, l, s);
-}), V(M, "applyTransfer", (e) => {
-  var l, s, o, g, i, c, d;
-  const t = e.hovered.element.value, a = e.hovered.zone.value;
-  if (t) {
-    const f = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, r = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index, v = e.draggingElements.value.values().next().value, u = (i = v == null ? void 0 : v.data) == null ? void 0 : i.index, m = u !== void 0 && r !== void 0 && u > r ? 1 : -1;
-    Array.from(
-      e.draggingElements.value.values()
-    ).sort(
-      (h, L) => {
-        var b, z;
-        return m * ((((b = h.data) == null ? void 0 : b.index) || 0) - (((z = L.data) == null ? void 0 : z.index) || 0));
-      }
-    ).forEach(
-      (h) => {
-        var L, b;
-        return M.move(
-          (L = h.data) == null ? void 0 : L.source,
-          (b = h.data) == null ? void 0 : b.index,
-          f,
-          r
-        );
-      }
-    );
-  } else if (a) {
-    const f = (d = (c = e.zonesMap.value.get(a)) == null ? void 0 : c.data) == null ? void 0 : d.source, r = f == null ? void 0 : f.length;
-    Array.from(
-      e.draggingElements.value.values()
-    ).sort((u, m) => {
-      var p, h;
-      return (((p = m.data) == null ? void 0 : p.index) || 0) - (((h = u.data) == null ? void 0 : h.index) || 0);
-    }).forEach(
-      (u) => {
-        var m, p;
-        return M.move(
-          (m = u.data) == null ? void 0 : m.source,
-          (p = u.data) == null ? void 0 : p.index,
-          f,
-          r
-        );
-      }
-    );
+let Le = "", Ue = "", $e = "";
+const p = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, F = (e, t) => e !== t && e.contains(t), Ve = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), ae = () => {
+  const e = document.body;
+  Le = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", D), window.addEventListener("selectstart", D), window.addEventListener("touchstart", D), window.addEventListener("touchmove", D);
+}, le = () => {
+  const e = document.body;
+  e.style.userSelect = Le, e.style.touchAction = Ue, e.style.overscrollBehavior = $e, window.removeEventListener("contextmenu", D), window.removeEventListener("selectstart", D), window.removeEventListener("touchstart", D), window.removeEventListener("touchmove", D);
+}, D = (e) => e.preventDefault(), k = (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;
+  return !1;
+}, z = (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;
+  return !1;
+}, de = (e, t) => !e.length || !t.length ? !0 : e.some((n) => t.includes(n));
+function qe(e, t, n, o) {
+  const s = /* @__PURE__ */ new Set();
+  for (const a of t.keys()) {
+    const l = n.get(a);
+    for (const u of l?.groups ?? []) s.add(u);
   }
-}), V(M, "applyCopy", (e) => {
-  var l, s, o, g, i, c;
-  const t = e.hovered.element.value, a = e.hovered.zone.value;
-  if (t) {
-    const d = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, f = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index;
-    Array.from(
-      e.draggingElements.value.values()
-    ).sort((v, u) => {
-      var m, p;
-      return (((m = u.data) == null ? void 0 : m.index) || 0) - (((p = v.data) == null ? void 0 : p.index) || 0);
-    }).forEach(
-      (v) => {
-        var u, m;
-        return M.copy(
-          (u = v.data) == null ? void 0 : u.source,
-          (m = v.data) == null ? void 0 : m.index,
-          d,
-          f
-        );
-      }
-    );
-  } else if (a) {
-    const d = (c = (i = e.zonesMap.value.get(a)) == null ? void 0 : i.data) == null ? void 0 : c.source, f = d == null ? void 0 : d.length;
-    Array.from(
-      e.draggingElements.value.values()
-    ).sort((v, u) => {
-      var m, p;
-      return (((m = u.data) == null ? void 0 : m.index) || 0) - (((p = v.data) == null ? void 0 : p.index) || 0);
-    }).forEach(
-      (v) => {
-        var u, m;
-        return M.copy(
-          (u = v.data) == null ? void 0 : u.source,
-          (m = v.data) == null ? void 0 : m.index,
-          d,
-          f
-        );
-      }
-    );
+  const r = [...s], i = /* @__PURE__ */ new Set();
+  for (const a of e) {
+    const u = o.get(a)?.groups ?? [];
+    de(r, u) && i.add(a);
   }
-}), V(M, "applySwap", (e) => {
-  var l, s, o, g, i, c, d, f;
-  const t = e.hovered.element.value, a = e.hovered.zone.value;
-  if (t && e.draggingElements.value.size === 1) {
-    const r = e.draggingElements.value.values().next().value;
-    M.swap(
-      (l = r == null ? void 0 : r.data) == null ? void 0 : l.source,
-      (s = r == null ? void 0 : r.data) == null ? void 0 : s.index,
-      (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.source,
-      (c = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : c.index
-    );
-  } else if (a) {
-    const r = (f = (d = e.zonesMap.value.get(a)) == null ? void 0 : d.data) == null ? void 0 : f.source, v = r == null ? void 0 : r.length;
-    Array.from(
-      e.draggingElements.value.values()
-    ).sort((m, p) => {
-      var h, L;
-      return (((h = p.data) == null ? void 0 : h.index) || 0) - (((L = m.data) == null ? void 0 : L.index) || 0);
-    }).forEach(
-      (m) => {
-        var p, h;
-        return M.move(
-          (p = m.data) == null ? void 0 : p.source,
-          (h = m.data) == null ? void 0 : h.index,
-          r,
-          v
-        );
-      }
-    );
+  return i;
+}
+function We(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);
   }
-}), V(M, "applyRemove", (e) => {
-  Array.from(
-    e.draggingElements.value.values()
-  ).sort((a, l) => {
-    var s, o;
-    return (((s = l.data) == null ? void 0 : s.index) || 0) - (((o = a.data) == null ? void 0 : o.index) || 0);
-  }).forEach((a) => {
-    var l, s;
-    (l = a.data) != null && l.source && ((s = a.data) == null ? void 0 : s.index) !== void 0 && M.remove(a.data.source, a.data.index);
-  });
-}), V(M, "applyInsert", (e, t) => {
-  var s, o, g, i, c, d;
-  const a = e.hovered.element.value, l = e.hovered.zone.value;
-  if (a && t.length > 0) {
-    const f = (o = (s = e.elementsMap.value.get(a)) == null ? void 0 : s.data) == null ? void 0 : o.source, r = (i = (g = e.elementsMap.value.get(a)) == null ? void 0 : g.data) == null ? void 0 : i.index;
-    t.forEach((v) => {
-      M.insert(f, r, v);
-    });
-  } else if (l) {
-    const f = (d = (c = e.zonesMap.value.get(l)) == null ? void 0 : c.data) == null ? void 0 : d.source, r = f == null ? void 0 : f.length;
-    t.forEach((v) => {
-      M.insert(f, r, v);
+  const s = [...o], r = /* @__PURE__ */ new Set();
+  for (const i of e) {
+    const l = n.get(i)?.groups ?? [];
+    de(s, l) && r.add(i);
+  }
+  return r;
+}
+const ne = (e) => {
+  const t = new IntersectionObserver((n) => {
+    n.forEach((o) => {
+      const s = o.target;
+      e[o.isIntersecting ? "add" : "delete"](s);
     });
+  });
+  return {
+    observe: (n) => t.observe(n),
+    unobserve: (n) => t.unobserve(n),
+    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 };
+  });
+  return {
+    observe: (n) => t.observe(n),
+    unobserve: (n) => t.unobserve(n),
+    disconnect: () => t.disconnect()
+  };
+}, Je = (e) => {
+  const t = U(null), n = je(t), o = J(
+    e,
+    (r) => {
+      n.disconnect(), r && n.observe(r);
+    },
+    { immediate: !0 }
+  );
+  return { overlaySize: t, overlaySizeObserver: {
+    disconnect: () => {
+      o(), n.disconnect();
+    }
+  } };
+};
+function ce(e, t = 0, n = 0) {
+  return {
+    start: { x: e.clientX, y: e.clientY },
+    current: { x: e.clientX, y: e.clientY },
+    offset: { x: t, y: n }
+  };
+}
+function ke(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 Re(e, t) {
+  return {
+    ...t,
+    initialHTML: e.innerHTML,
+    initialRect: e.getBoundingClientRect(),
+    initialOuterHTML: e.outerHTML
+  };
+}
+function Qe(e, t, n) {
+  e.forEach((o) => {
+    const s = t.get(o);
+    n.set(o, Re(o, s));
+  }), e.clear();
+}
+function et(e, t, n) {
+  n.clear();
+  const o = t.get(e);
+  n.set(e, Re(e, o));
+}
+function W(e) {
+  e.entities.initiatingDraggable && (e.state.value = "dragging", tt(
+    e.entities.initiatingDraggable,
+    e.entities.selectedSet,
+    e.entities.draggableMap,
+    e.entities.draggingMap
+  ));
+}
+function tt(e, t, n, o) {
+  t.has(e) ? Qe(t, n, o) : (t.clear(), et(e, n, o));
+}
+function Pe(e, t, n, o) {
+  if (o || !n) return !0;
+  const s = e.closest(n);
+  return s ? t.contains(s) : !1;
+}
+function nt(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);
+  if (typeof t == "number") {
+    const u = Math.sqrt(n * n + o * o);
+    return Math.min(u / t, 1);
   }
-});
-let oe = M;
-const Y = me(() => {
-  const n = C(!1), e = F(
-    /* @__PURE__ */ new Map()
-  ), t = O(() => e.value.size > 0), a = {
-    component: F(null),
-    ref: C(null),
-    options: C(null),
-    props: C(null),
-    animating: {
-      enter: C(!1),
-      leave: C(!1),
-      appear: C(!1)
+  const {
+    x: s = 0,
+    y: r = 0,
+    condition: i = "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);
+}
+function Te(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 ot(e) {
+  if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
+    return !1;
+  const t = e.entities.draggableMap.get(
+    e.entities.initiatingDraggable
+  );
+  return Te(
+    e.distanceProgress.value,
+    e.delay.progress,
+    t?.activation
+  ) ? (W(e), !0) : !1;
+}
+function st(e, t) {
+  let n = null;
+  const o = () => {
+    if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
+      n = null;
+      return;
     }
-  }, l = F(/* @__PURE__ */ new Map()), s = F(/* @__PURE__ */ new Set()), o = F(/* @__PURE__ */ new Map()), g = C(/* @__PURE__ */ new Set()), i = C(/* @__PURE__ */ new Set()), c = typeof window < "u" && "IntersectionObserver" in window, d = c ? new IntersectionObserver((x) => {
-    x.forEach(
-      (y) => i.value[y.isIntersecting ? "add" : "delete"](
-        y.target
-      )
-    );
-  }) : null, f = c ? new IntersectionObserver((x) => {
-    x.forEach(
-      (y) => g.value[y.isIntersecting ? "add" : "delete"](
-        y.target
-      )
-    );
-  }) : null, r = (x, y) => {
-    d && (x === "add" ? d.observe(y) : (d.unobserve(y), i.value.delete(y)));
-  }, v = (x, y) => {
-    f && (x === "add" ? f.observe(y) : (f.unobserve(y), g.value.delete(y)));
-  }, u = {
-    start: C(null),
-    current: C(null),
-    offset: {
-      percent: C(null),
-      pixel: C(null)
+    const s = e.entities.draggableMap.get(
+      e.entities.initiatingDraggable
+    ), r = s?.activation?.delay;
+    if (!r) {
+      n = null;
+      return;
+    }
+    e.delay.progress = Math.min(
+      (Date.now() - e.delay.startTime) / (r * 1e3),
+      1
+    ), Te(
+      e.distanceProgress.value,
+      e.delay.progress,
+      s?.activation
+    ) ? (t(), n = null) : n = requestAnimationFrame(o);
+  };
+  return n = requestAnimationFrame(o), {
+    cancel: () => {
+      n !== null && (cancelAnimationFrame(n), n = null);
     }
-  }, { KeyW: m, KeyS: p, KeyA: h, KeyD: L, ctrl: b, shift: z, alt: B, meta: D } = Ie(), w = {
-    zone: C(null),
-    element: C(null)
   };
+}
+function it(e, t) {
+  const n = e.closest(
+    H.CONSTRAINT_AREA
+  );
+  return !n || !t.has(n) ? null : {
+    element: n,
+    entity: t.get(n)
+  };
+}
+function rt(e, t, n, o) {
+  return n === "x" ? { x: e, y: o.top } : n === "y" ? { x: o.left, y: t } : { x: e, y: t };
+}
+function at(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 lt(e, t, n, o, s) {
+  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 = it(n, o);
+  if (!d)
+    return { x: l, y: u };
+  const { element: c, entity: g } = d, f = c.getBoundingClientRect(), y = n.getBoundingClientRect(), b = rt(
+    l,
+    u,
+    g.axis || "both",
+    y
+  );
+  return g.restrictToArea ? at(
+    b.x,
+    b.y,
+    g.axis || "both",
+    f,
+    r
+  ) : b;
+}
+const I = {
+  forDrag: ["Enter", "Space"],
+  forCancel: ["Escape"],
+  forDrop: ["Enter", "Space"],
+  forMove: [
+    "ArrowUp",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight",
+    "KeyW",
+    "KeyA",
+    "KeyS",
+    "KeyD"
+  ],
+  forMoveFaster: ["ShiftLeft", "ShiftRight"]
+};
+function ct(e, t) {
+  const n = V(), o = U(), r = {
+    keys: {
+      pressedKeys: U(/* @__PURE__ */ new Set()),
+      forDrag: [...I.forDrag],
+      forCancel: [...I.forCancel],
+      forDrop: [...I.forDrop],
+      forMove: [...I.forMove],
+      forMoveFaster: [...I.forMoveFaster]
+    },
+    step: 8,
+    moveFaster: 4
+  }, i = Z({
+    draggableMap: /* @__PURE__ */ new Map(),
+    droppableMap: /* @__PURE__ */ new Map(),
+    selectableAreaMap: /* @__PURE__ */ new Map(),
+    constraintsAreaMap: /* @__PURE__ */ new Map(),
+    initiatingDraggable: void 0,
+    selectingArea: void 0,
+    draggingMap: /* @__PURE__ */ new Map(),
+    selectedSet: /* @__PURE__ */ new Set(),
+    allowedDroppableSet: m(() => n.value ? qe(
+      i.visibleDroppableSet,
+      i.draggingMap,
+      i.draggableMap,
+      i.droppableMap
+    ) : /* @__PURE__ */ new Set()),
+    allowedDraggableSet: m(() => n.value ? We(
+      i.visibleDraggableSet,
+      i.draggingMap,
+      i.draggableMap
+    ) : /* @__PURE__ */ new Set()),
+    modifiersSelectableAreaSet: m(() => be(
+      i.selectableAreaMap,
+      i.visibleSelectableAreaSet,
+      r.keys.pressedKeys
+    )),
+    modifiersDraggableSet: m(() => be(
+      i.draggableMap,
+      i.visibleDraggableSet,
+      r.keys.pressedKeys,
+      (v) => k(v, { entities: i })
+    )),
+    visibleDraggableSet: /* @__PURE__ */ new Set(),
+    visibleDroppableSet: /* @__PURE__ */ new Set(),
+    visibleSelectableAreaSet: /* @__PURE__ */ new Set()
+  }), a = Z({
+    draggable: /* @__PURE__ */ new Map(),
+    droppable: /* @__PURE__ */ new Map()
+  }), l = {
+    throttle: V(0)
+  }, u = Z({
+    x: window.scrollX,
+    y: window.scrollY
+  }), d = Z({
+    progress: 0,
+    startTime: 0
+  }), c = m(() => {
+    if (!o.value || !i.initiatingDraggable) return 0;
+    const v = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
+    return v ? nt(o.value, v) : 1;
+  }), g = ne(
+    i.visibleDraggableSet
+  ), f = ne(
+    i.visibleDroppableSet
+  ), y = ne(
+    i.visibleSelectableAreaSet
+  ), { overlaySize: b, overlaySizeObserver: R } = Je(e), S = U(), _ = m(() => {
+    const h = i.initiatingDraggable;
+    return lt(
+      o.value,
+      e.value,
+      h || null,
+      i.constraintsAreaMap,
+      b.value
+    );
+  }), E = m({
+    get: () => t?.overlayTo,
+    set: (h) => E.value = h
+  }), X = m(() => t?.autoScrollViewport);
   return {
-    draggingElements: e,
-    isDragging: t,
-    activeContainer: a,
-    elementsMap: l,
-    selectedElements: s,
-    zonesMap: o,
-    visibleZones: g,
-    visibleElements: i,
-    pointerPosition: u,
-    keyboard: {
-      w: m,
-      s: p,
-      a: h,
-      d: L,
-      ctrl: b,
-      shift: z,
-      alt: B,
-      meta: D
+    state: n,
+    pointer: o,
+    entities: i,
+    keyboard: r,
+    scrollPosition: u,
+    delay: d,
+    distanceProgress: c,
+    hovered: a,
+    collision: l,
+    overlay: {
+      size: b,
+      position: _,
+      render: S,
+      ref: e,
+      to: E
+    },
+    lib: {
+      draggableObserver: g,
+      droppableObserver: f,
+      selectableAreaObserver: y,
+      overlaySizeObserver: R
     },
-    hovered: w,
-    isPending: n,
-    handleDragElementIntersection: r,
-    handleDropZoneIntersection: v
+    autoScrollViewport: X
   };
-}), Ce = (n) => {
-  const e = F(null), { draggingElements: t, pointerPosition: a, isDragging: l, activeContainer: s } = Y();
-  return te(() => {
-    s.ref = e, s.options.value = n ?? null;
-  }), ye(() => {
-    s.ref.value = null, s.options.value = null;
-  }), {
-    elementRef: e,
-    draggingElements: t,
-    pointerPosition: a,
-    isDragging: l,
-    animating: s.animating
+}
+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();
+}, ut = (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;
+  return {
+    index: Number(r),
+    items: Array.isArray(i) ? i : [],
+    dropData: a
   };
-}, Se = ["innerHTML"], De = /* @__PURE__ */ fe({
-  __name: "DefaultOverlay",
-  props: {
-    styles: {}
-  },
-  setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: a, draggingElements: l } = Ce(), s = O(() => {
-      var o, g, i, c;
+}, gt = (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;
+  return {
+    items: Array.isArray(r) ? r : [],
+    userData: i
+  };
+}, B = (e) => e.keys().next().value, ft = (e) => e.target.closest(H.DRAGGABLE), M = (e, t) => {
+  const n = {
+    payload: ut(e),
+    provider: e
+  };
+  return t && (n.dropZonePayload = gt(e, t)), n;
+}, oe = (e, t, n) => {
+  const o = ft(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);
+  });
+}, dt = (e, t, n) => {
+  if (t !== n) {
+    if (t && !z(t, e)) {
+      const o = M(e, t);
+      e.entities.droppableMap.get(t)?.events?.onLeave?.(o);
+    }
+    if (n && !z(n, e)) {
+      const o = M(e, n);
+      e.entities.droppableMap.get(n)?.events?.onEnter?.(o);
+    }
+  }
+}, yt = (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);
+  }
+}, mt = (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);
+  }
+}, Be = (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);
+  }
+}, bt = (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);
+  return {
+    left: `${s}px`,
+    top: `${r}px`,
+    width: `${l}px`,
+    height: `${u}px`,
+    position: "fixed",
+    pointerEvents: "none",
+    border: "1px solid #3b82f6",
+    backgroundColor: "#3b82f61a"
+  };
+}, ht = (e) => {
+  if (!e.pointer.value || !e.entities.selectingArea) return;
+  const { selectingArea: t } = e.entities, n = pt(
+    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);
+      return;
+    }
+    const i = e.entities.draggableMap.get(s)?.groups ?? [];
+    if (!de(o, i)) {
+      e.entities.selectedSet.delete(s);
+      return;
+    }
+    Ve(n, s.getBoundingClientRect()) ? e.entities.selectedSet.add(s) : e.entities.selectedSet.delete(s);
+  });
+}, pt = (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);
+}, Dt = (e, t, n = 5) => {
+  const o = n / 2;
+  return {
+    left: e - o,
+    top: t - o,
+    width: n,
+    height: n
+  };
+}, St = (e) => {
+  const t = e.pointer.value?.current, n = t?.x ?? 0, o = t?.y ?? 0;
+  return Dt(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)
       return {
-        transform: `translate3d(${(((o = t.current.value) == null ? void 0 : o.x) ?? 0) - (((g = t.offset.pixel.value) == null ? void 0 : g.x) ?? 0)}px, ${(((i = t.current.value) == null ? void 0 : i.y) ?? 0) - (((c = t.offset.pixel.value) == null ? void 0 : c.y) ?? 0)}px, 0)`,
-        zIndex: 1e3,
-        position: "fixed",
-        top: 0,
-        left: 0,
-        transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)",
-        ...n.styles
+        top: !1,
+        right: !1,
+        bottom: !1,
+        left: !1,
+        center: !0
       };
-    });
-    return (o, g) => P(a) ? (X(), j("div", {
-      key: 0,
-      ref_key: "elementRef",
-      ref: e,
-      style: re(s.value)
-    }, [
-      (X(!0), j(ae, null, we(P(l), ([i, c]) => {
-        var d, f;
-        return X(), j(ae, {
-          key: c.id
-        }, [
-          c.layer ? (X(), J(ee(c.layer), {
-            key: 0,
-            node: i,
-            data: c.data,
-            id: c.id,
-            groups: c.groups
-          }, null, 8, ["node", "data", "id", "groups"])) : (X(), j("div", {
-            key: 1,
-            innerHTML: c.initialHTML,
-            style: re({
-              width: `${(d = c.initialRect) == null ? void 0 : d.width}px`,
-              height: `${(f = c.initialRect) == null ? void 0 : f.height}px`
-            })
-          }, null, 12, Se))
-        ], 64);
-      }), 128))
-    ], 4)) : Ee("", !0);
   }
-}), ie = /* @__PURE__ */ fe({
-  __name: "DragOverlay",
-  props: {
-    styles: {}
-  },
-  setup(n) {
-    const e = n, { activeContainer: t } = Y(), a = O(() => ({
-      component: t.component.value ?? De,
-      props: {
-        ...e,
-        ...t.props.value
+  const r = t.left + t.width / 2, i = t.top + t.height / 2;
+  return {
+    top: s < i,
+    bottom: s > i,
+    left: o < r,
+    right: o > r,
+    center: !1
+  };
+}, vt = (e) => ({
+  x: e.left + e.width / 2,
+  y: e.top + e.height / 2
+}), K = (e, t) => {
+  const n = vt(t);
+  return Math.hypot(e.x - n.x, e.y - n.y);
+}, wt = (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 = St(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 = wt(n.elements, i);
+      if (y) {
+        const b = y.getBoundingClientRect();
+        t.draggable.set(
+          y,
+          T(r, b, void 0)
+        );
       }
-    }));
-    return (l, s) => P(t).options.value ? (X(), J(Pe, {
-      key: 0,
-      name: P(t).options.value.name,
-      duration: P(t).options.value.duration,
-      "enter-from-class": P(t).options.value.enterFromClass,
-      "enter-to-class": P(t).options.value.enterToClass,
-      "enter-active-class": P(t).options.value.enterActiveClass,
-      "leave-from-class": P(t).options.value.leaveFromClass,
-      "leave-to-class": P(t).options.value.leaveToClass,
-      "leave-active-class": P(t).options.value.leaveActiveClass,
-      "appear-active-class": P(t).options.value.appearActiveClass,
-      "appear-from-class": P(t).options.value.appearFromClass,
-      "appear-to-class": P(t).options.value.appearToClass,
-      mode: P(t).options.value.mode,
-      type: P(t).options.value.type,
-      css: P(t).options.value.css,
-      appear: !0,
-      persisted: P(t).options.value.persisted,
-      onEnter: P(t).options.value.onEnter,
-      onLeave: P(t).options.value.onLeave,
-      onBeforeEnter: P(t).options.value.onBeforeEnter,
-      onBeforeLeave: P(t).options.value.onBeforeLeave,
-      onBeforeAppear: P(t).options.value.onBeforeAppear,
-      onAfterEnter: P(t).options.value.onAfterEnter,
-      onAfterLeave: P(t).options.value.onAfterLeave,
-      onAfterAppear: P(t).options.value.onAfterAppear
-    }, {
-      default: xe(() => [
-        (X(), J(ee(a.value.component || a.value), le(Me(a.value.props || {})), null, 16))
-      ]),
-      _: 1
-    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "appear-active-class", "appear-from-class", "appear-to-class", "mode", "type", "css", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (X(), J(ee(a.value.component || a.value), le(Ae({ key: 1 }, a.value.props || {})), null, 16));
-  }
-}), He = {
-  install(n, e) {
-    n.component("DragOverlay", ie);
-    const t = n.mount;
-    n.mount = function(l) {
-      var g, i, c, d, f, r, v;
-      const s = t.call(this, l), o = typeof l == "string" ? document.querySelector(l) : l;
-      if (o && o instanceof Element && !o.querySelector("#vue-dnd-kit-overlay")) {
-        const u = document.createElement("div");
-        u.id = "vue-dnd-kit-overlay", u.style.pointerEvents = "none", (g = e == null ? void 0 : e.overlayPosition) != null && g.zIndex && (u.style.zIndex = e.overlayPosition.zIndex.toString()), (i = e == null ? void 0 : e.overlayPosition) != null && i.className && (u.className = e.overlayPosition.className);
-        const m = ((c = e == null ? void 0 : e.overlayPosition) == null ? void 0 : c.method) || "append", p = (d = e == null ? void 0 : e.overlayPosition) != null && d.target ? typeof e.overlayPosition.target == "string" ? document.querySelector(e.overlayPosition.target) : e.overlayPosition.target : o;
-        if (p && p instanceof Element)
-          switch (m) {
-            case "prepend":
-              p.insertBefore(
-                u,
-                p.firstChild
-              );
-              break;
-            case "after":
-              (f = p.parentNode) == null || f.insertBefore(
-                u,
-                p.nextSibling
-              );
-              break;
-            case "before":
-              (r = p.parentNode) == null || r.insertBefore(
-                u,
-                p
-              );
-              break;
-            case "append":
-            default:
-              p.appendChild(u);
-              break;
+    } else
+      t.draggable.set(a, f);
+  } else {
+    if (i) {
+      const c = i.getBoundingClientRect();
+      t.droppable.set(i, T(r, c));
+    }
+    if (a)
+      if (i)
+        if (F(i, a)) {
+          const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+          t.draggable.set(
+            a,
+            T(r, c, g)
+          );
+        } 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) {
+            t.droppable.clear();
+            const R = e.entities.draggableMap.get(a)?.placementMargins;
+            t.draggable.set(
+              a,
+              T(r, f, R)
+            );
           }
-        else
-          o.appendChild(u);
-        const h = Le(ie, {
-          styles: (v = e == null ? void 0 : e.defaultOverlay) == null ? void 0 : v.styles
-        });
-        se(h, u), n.__VUE_DND_KIT_OVERLAY__ = {
-          container: u,
-          vnode: h,
-          options: (e == null ? void 0 : e.defaultOverlay) || {}
-        };
-        const L = Y();
-        n.__VUE_DND_KIT_STORE__ = L;
+        }
+      else {
+        const c = a.getBoundingClientRect(), g = e.entities.draggableMap.get(a)?.placementMargins;
+        t.draggable.set(
+          a,
+          T(r, c, g)
+        );
       }
-      return s;
-    };
-    const a = n.unmount;
-    n.unmount = function() {
-      return n.__VUE_DND_KIT_OVERLAY__ && (se(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), a.call(this);
-    };
   }
-}, ue = (n, e) => n.x < e.x + e.width && n.x + n.width > e.x && n.y < e.y + e.height && n.y + n.height > e.y, $ = (n) => {
-  if (!n)
-    return {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-  const e = n.getBoundingClientRect();
+  const u = B(t.droppable), d = B(t.draggable);
+  dt(e, o, u), yt(e, s, d);
+}, Mt = (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, he = (e) => {
+  if (!e)
+    return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
+  const t = e.getBoundingClientRect();
   return {
-    bottom: e.bottom,
-    left: e.left,
-    right: e.right,
-    top: e.top,
-    x: e.x,
-    y: e.y,
-    width: e.width,
-    height: e.height
+    x: t.x,
+    y: t.y,
+    width: t.width,
+    height: t.height,
+    top: t.top,
+    left: t.left,
+    right: t.right,
+    bottom: t.bottom
   };
-}, Q = (n) => ({
-  x: n.x + n.width / 2,
-  y: n.y + n.height / 2
-}), _e = (n, e) => {
-  const t = $(n);
-  return {
-    pixel: {
-      x: e.x - t.x,
-      y: e.y - t.y
-    },
-    percent: {
-      x: (e.x - t.x) / t.width * 100,
-      y: (e.y - t.y) / t.height * 100
-    }
-  };
-}, ce = (n, e) => {
-  const t = e.x - n.x, a = e.y - n.y;
-  return Math.sqrt(t * t + a * a);
-}, ve = (n, e) => {
-  const t = Math.max(
+}, pe = (e) => ({
+  x: e.x + e.width / 2,
+  y: e.y + e.height / 2
+}), Et = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), At = (e, t) => {
+  const n = Math.max(
     0,
-    Math.min(n.x + n.width, e.x + e.width) - Math.max(n.x, e.x)
-  ), a = Math.max(
+    Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
+  ), o = Math.max(
     0,
-    Math.min(n.y + n.height, e.y + e.height) - Math.max(n.y, e.y)
-  ), l = t * a, s = n.width * n.height, o = e.width * e.height;
-  return (l / s * 100 + l / o * 100) / 2;
-}, de = "data-vue-dnd-kit-draggable", Z = (n) => {
-  n.preventDefault();
-}, R = (n) => ({
-  items: Array.from(n.draggingElements.value.values())
-}), ke = (n) => {
-  const {
-    elementsMap: e,
-    draggingElements: t,
-    hovered: a,
-    selectedElements: l,
-    isDragging: s,
-    visibleElements: o,
-    handleDragElementIntersection: g
-  } = Y(), i = F(null), c = O(() => a.element.value === i.value), d = C((n == null ? void 0 : n.id) || be()), f = C((n == null ? void 0 : n.disabled) ?? !1), r = O(() => f.value || !i.value || !e.value.has(i.value) ? !1 : t.value.has(i.value)), v = O(() => {
-    if (f.value || !i.value || !s.value || !o.value.has(i.value)) return !1;
-    const h = e.value.get(i.value);
-    return h != null && h.groups.length ? !Array.from(t.value.entries()).some(
-      ([L, b]) => b.groups.length ? !b.groups.some(
-        (z) => h.groups.includes(z)
-      ) : !1
-    ) : !0;
-  }), u = O(() => {
-    if (f.value || !i.value || !s.value || !o.value.has(i.value) || a.element.value !== i.value) return !1;
-    const h = e.value.get(i.value);
-    return h != null && h.groups.length ? !Array.from(t.value.entries()).some(
-      ([L, b]) => b.groups.length ? !b.groups.some(
-        (z) => h.groups.includes(z)
-      ) : !1
-    ) : !0;
-  });
-  return {
-    elementRef: i,
-    registerElement: () => {
-      if (!i.value) throw new Error("ElementRef is not set");
-      e.value.set(i.value, {
-        node: i.value,
-        groups: (n == null ? void 0 : n.groups) ?? [],
-        layer: (n == null ? void 0 : n.layer) ?? null,
-        defaultLayer: (n == null ? void 0 : n.layer) ?? null,
-        events: (n == null ? void 0 : n.events) ?? {},
-        data: (n == null ? void 0 : n.data) ?? null,
-        id: d.value,
-        disabled: f ?? !1
-      }), g("add", i.value), i.value.addEventListener("dragstart", Z), i.value.addEventListener("drag", Z), i.value.setAttribute(de, "true"), i.value.setAttribute("draggable", "false");
+    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;
+}, xt = (e, t, n) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height, De = () => !0, Se = () => 0, Ct = "separate", Lt = () => {
+  const e = {
+    filterElements: De,
+    filterZones: De,
+    sortElements: Se,
+    sortZones: Se,
+    mergeStrategy: Ct,
+    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 = he(f);
+      if (!u(y, c)) return null;
+      let b = 0;
+      for (const S of d)
+        S !== f && F(S, f) && b++;
+      const R = At(y, s);
+      return {
+        node: f,
+        box: y,
+        meta: {
+          isPointerInElement: xt(y, r.x, r.y),
+          overlapPercent: R,
+          depth: b,
+          centerDistance: Et(
+            pe(s),
+            pe(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);
+    }
+    return g.sort((f, y) => l(f, y, c)), g.map((f) => f.node);
+  }, n = {
+    container(o) {
+      return e.container = o, n;
     },
-    unregisterElement: () => {
-      i.value && (e.value.delete(i.value), l.value.delete(i.value), i.value.removeEventListener("dragstart", Z), i.value.removeEventListener("drag", Z), i.value.removeAttribute(de), i.value.removeAttribute("draggable"));
+    containerBox(o) {
+      return e.containerBox = o, n;
     },
-    isDragging: r,
-    isOvered: c,
-    isAllowed: v,
-    isLazyAllowed: u,
-    id: d
-  };
-}, k = (n, e) => n ? e.contains(n) : !1, Ke = (n) => {
-  var d, f;
-  const e = $(n.activeContainer.ref.value), t = Q(e), a = ((d = n.pointerPosition.current.value) == null ? void 0 : d.x) ?? 0, l = ((f = n.pointerPosition.current.value) == null ? void 0 : f.y) ?? 0, o = !(e && a >= e.x && a <= e.x + e.width && l >= e.y && l <= e.y + e.height), g = Array.from(n.draggingElements.value.keys()), i = Array.from(n.visibleElements.value.entries()).filter(([r, v]) => {
-    if (!r) return !1;
-    const u = $(r);
-    return u && e && ue(u, e);
-  }).map(([r, v]) => {
-    const u = $(r), m = Q(u), p = a >= u.x && a <= u.x + u.width && l >= u.y && l <= u.y + u.height, h = ve(u, e), L = ce(t, m);
-    let b = 0;
-    for (const [z, B] of n.visibleElements.value.entries())
-      z !== r && z && r && k(r, z) && b++;
-    return {
-      element: v,
-      node: r,
-      isPointerInElement: p,
-      overlapPercent: h,
-      depth: b,
-      centerDistance: L
-    };
-  }).sort((r, v) => {
-    if (!o) {
-      if (r.isPointerInElement && v.isPointerInElement)
-        return v.depth - r.depth;
-      if (r.isPointerInElement !== v.isPointerInElement)
-        return r.isPointerInElement ? -1 : 1;
-    }
-    return Math.abs(r.overlapPercent - v.overlapPercent) <= 1 ? r.centerDistance - v.centerDistance : v.overlapPercent - r.overlapPercent;
-  }), c = Array.from(n.visibleZones.value.entries()).filter(([r, v]) => {
-    if (!r || g.some(
-      (m) => m && k(r, m)
-    ))
-      return !1;
-    const u = $(r);
-    return u && e && ue(u, e);
-  }).map(([r, v]) => {
-    const u = $(r), m = Q(u), p = a >= u.x && a <= u.x + u.width && l >= u.y && l <= u.y + u.height, h = ve(u, e), L = ce(t, m);
-    let b = 0;
-    for (const [z, B] of n.visibleZones.value.entries())
-      z !== r && z && r && k(r, z) && b++;
-    return {
-      zone: v,
-      node: r,
-      isPointerInElement: p,
-      overlapPercent: h,
-      depth: b,
-      centerDistance: L
-    };
-  }).sort((r, v) => {
-    if (!o) {
-      if (r.isPointerInElement && v.isPointerInElement)
-        return v.depth - r.depth;
-      if (r.isPointerInElement !== v.isPointerInElement)
-        return r.isPointerInElement ? -1 : 1;
-    }
-    return Math.abs(r.overlapPercent - v.overlapPercent) <= 1 ? r.centerDistance - v.centerDistance : v.overlapPercent - r.overlapPercent;
-  });
-  return [
-    ...i.map((r) => r.node),
-    ...c.map((r) => r.node)
-  ];
-}, Te = (n, e) => {
-  const { pointerPosition: t, keyboard: a } = Y(), l = (e == null ? void 0 : e.moveStep) || 10;
-  return {
-    onKeyboardStart: (i) => {
-      var r;
-      Z(i);
-      const c = $(n.value);
-      (r = n.value) == null || r.blur();
-      const d = c.x + c.width / 2, f = c.y + c.height / 2;
-      t.start.value = {
-        x: d,
-        y: f
-      }, t.current.value = {
-        x: d,
-        y: f
-      }, t.offset.pixel.value = {
-        x: c.width / 2,
-        y: c.height / 2
-      }, t.offset.percent.value = {
-        x: 50,
-        y: 50
-      };
+    elements(o) {
+      return e.elements = o, n;
     },
-    onKeyboardMove: () => {
-      if (!t.current.value) return;
-      const i = t.current.value.x, c = t.current.value.y;
-      let d = i, f = c;
-      a.w.value && (f -= l), a.s.value && (f += l), a.a.value && (d -= l), a.d.value && (d += l), t.current.value = {
-        x: d,
-        y: f
-      };
+    zones(o) {
+      return e.zones = o, n;
     },
-    onKeyboardEnd: () => {
-      t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
-    }
-  };
-}, Ze = (n) => {
-  const e = Y();
-  return {
-    onPointerStart: (s) => {
-      e.pointerPosition.start.value = { x: s.clientX, y: s.clientY }, e.pointerPosition.current.value = {
-        x: s.clientX,
-        y: s.clientY
-      };
-      const { pixel: o, percent: g } = _e(n.value, {
-        x: s.clientX,
-        y: s.clientY
-      });
-      e.pointerPosition.offset.pixel.value = o, e.pointerPosition.offset.percent.value = g;
+    filterElements(o) {
+      return e.filterElements = o, n;
     },
-    onPointerMove: (s) => {
-      e.isPending.value || (e.pointerPosition.current.value = {
-        x: s.clientX,
-        y: s.clientY
-      });
+    filterZones(o) {
+      return e.filterZones = o, n;
     },
-    onPointerEnd: () => {
-      e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
-    }
-  };
-}, Oe = (n, e) => {
-  var B, D;
-  const t = Y(), { onPointerStart: a, onPointerMove: l, onPointerEnd: s } = Ze(n), { onKeyboardStart: o, onKeyboardMove: g, onKeyboardEnd: i } = Te(
-    n,
-    e == null ? void 0 : e.keyboard
-  );
-  let c = null;
-  const d = (w) => {
-    var _, S;
-    if (!w) return /* @__PURE__ */ new Map();
-    const x = t.selectedElements.value.has(w);
-    if (t.selectedElements.value.size > 0 && x) {
-      const U = /* @__PURE__ */ new Map();
-      return t.selectedElements.value.forEach((G) => {
-        var A, K;
-        const E = t.elementsMap.value.get(G);
-        E && U.set(G, {
-          ...E,
-          initialHTML: ((A = E.node) == null ? void 0 : A.outerHTML) ?? "",
-          initialRect: (K = E.node) == null ? void 0 : K.getBoundingClientRect()
-        });
-      }), U;
-    }
-    t.selectedElements.value.clear();
-    const y = t.elementsMap.value.get(w);
-    if (!y) return /* @__PURE__ */ new Map();
-    const I = /* @__PURE__ */ new Map();
-    return I.set(w, {
-      ...y,
-      initialHTML: ((_ = y.node) == null ? void 0 : _.outerHTML) ?? "",
-      initialRect: (S = y.node) == null ? void 0 : S.getBoundingClientRect()
-    }), I;
-  }, f = (w) => {
-    if (!w)
-      return { element: null, zone: null };
-    const x = Array.isArray(w) ? w : [w], y = Array.from(t.draggingElements.value.keys()), I = Array.from(t.zonesMap.value.entries()).flatMap(
-      ([E, A]) => A.disabled ? [E] : []
-    ), _ = Array.from(
-      t.elementsMap.value.entries()
-    ).flatMap(([E, A]) => A.disabled ? [E] : []), S = x.find((E) => {
-      if (!t.visibleZones.value.has(E)) return !1;
-      const A = t.zonesMap.value.get(E);
-      return !(!A || A.disabled || I.some(
-        (N) => E === N || k(E, N)
-      ) || y.some(
-        (N) => N && (N === A.node || k(A.node, N))
-      ) || A.groups.length && !!Array.from(
-        t.draggingElements.value.values()
-      ).some((H) => H.groups.length ? !H.groups.some((T) => A.groups.includes(T)) : !1));
-    });
-    return S ? {
-      element: x.filter((E) => {
-        if (!t.visibleElements.value.has(E) || !t.elementsMap.value.has(E)) return !1;
-        const A = t.elementsMap.value.get(E);
-        if (A != null && A.disabled) return !1;
-        const K = I.some(
-          (T) => E === T || k(E, T)
-        ), N = _.some(
-          (T) => E === T || k(
-            E,
-            T
-          )
+    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;
+    },
+    minOverlapPercent(o) {
+      return e.minOverlapPercent = o, n;
+    },
+    build() {
+      const o = e;
+      if (!o.container || !o.elements || !o.zones || !o.collision)
+        throw new Error(
+          "sensor: container, elements, zones, collision are required"
         );
-        return K || N ? !1 : !Array.from(
-          t.draggingElements.value.values()
-        ).some((T) => T.groups.length ? !T.groups.some(
-          (W) => {
-            var q;
-            return (q = t.elementsMap.value.get(E)) == null ? void 0 : q.groups.includes(W);
+      return (s) => {
+        const r = o.container(s);
+        if (!r) return { elements: [], zones: [] };
+        const i = o.containerBox ? o.containerBox(s) : he(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);
           }
-        ) : !1);
-      }).find((E) => y.some(
-        (K) => K && (K === E || k(E, K) || k(K, E))
-      ) ? !1 : E === S || k(
-        E,
-        S
-      )) || null,
-      zone: S
-    } : { element: null, zone: null };
-  }, r = ((B = e == null ? void 0 : e.sensor) == null ? void 0 : B.setup) || Ke, v = (w) => {
-    var S, U, G, E, A, K, N, H, T, W, q, ne;
-    const x = t.hovered.element.value, y = t.hovered.zone.value, I = w.element, _ = w.zone;
-    t.hovered.element.value = I, t.hovered.zone.value = _, x !== I && (x && ((G = (U = (S = t.elementsMap.value.get(x)) == null ? void 0 : S.events) == null ? void 0 : U.onLeave) == null || G.call(U, t, R(t))), I && ((K = (A = (E = t.elementsMap.value.get(I)) == null ? void 0 : E.events) == null ? void 0 : A.onHover) == null || K.call(A, t, R(t)))), y !== _ && (y && ((T = (H = (N = t.zonesMap.value.get(y)) == null ? void 0 : N.events) == null ? void 0 : H.onLeave) == null || T.call(H, t, R(t))), _ && ((ne = (q = (W = t.zonesMap.value.get(_)) == null ? void 0 : W.events) == null ? void 0 : q.onHover) == null || ne.call(q, t, R(t))));
-  }, u = ze(() => {
-    const w = r(t), x = f(w);
-    v(x);
-  }, ((D = e == null ? void 0 : e.sensor) == null ? void 0 : D.throttle) ?? 0), m = () => {
-    u(), c = requestAnimationFrame(m);
-  }, p = () => m(), h = () => {
-    c !== null && (s(), i(), cancelAnimationFrame(c), c = null);
-  };
-  return {
-    activate: (w) => {
-      t.draggingElements.value = d(n.value), t.draggingElements.value.forEach(
-        (x) => {
-          var y, I;
-          return (I = (y = x.events).onStart) == null ? void 0 : I.call(y, t, R(t));
+          const c = d.reduce(
+            (g, f) => f.distance < g.distance ? f : g
+          );
+          return c.isZone ? { elements: [], zones: [c.node] } : { elements: [c.node], zones: [] };
         }
-      ), w instanceof PointerEvent ? a(w) : o(w), p();
-    },
-    track: (w) => {
-      t.draggingElements.value.forEach(
-        (x) => {
-          var y, I;
-          return (I = (y = x.events).onMove) == null ? void 0 : I.call(y, t, R(t));
+        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 };
         }
-      ), w instanceof KeyboardEvent ? g() : l(w);
-    },
-    deactivate: async (w = !0) => {
-      var x, y;
-      if (t.hovered.zone.value) {
-        const I = t.zonesMap.value.get(t.hovered.zone.value), _ = (y = I == null ? void 0 : (x = I.events).onDrop) == null ? void 0 : y.call(x, t, R(t));
-        if (_ instanceof Promise)
-          try {
-            t.isPending.value = !0;
-            const S = await _;
-            return S && (w && t.selectedElements.value.clear(), t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, h()), S;
-          } catch {
-            return !1;
-          } finally {
-            t.isPending.value = !1;
-          }
-        else
-          w && t.selectedElements.value.clear(), t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, h();
-      } else
-        t.draggingElements.value.forEach(
-          (I) => {
-            var _, S;
-            return (S = (_ = I.events).onEnd) == null ? void 0 : S.call(_, t, R(t));
-          }
-        ), w && t.selectedElements.value.clear(), t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, h();
+        return { elements: l, zones: u };
+      };
     }
   };
-}, Ne = me(() => {
-  let n = "", e = "", t = "", a = null, l = null, s = null, o = null, g = null;
-  const { activeContainer: i, isPending: c, elementsMap: d } = Y(), f = () => {
-    const m = document.body;
-    n = m.style.userSelect, m.style.userSelect = "none", window.addEventListener("contextmenu", Z), window.addEventListener("selectstart", Z), window.addEventListener("touchstart", Z), window.addEventListener("touchmove", Z);
-  }, r = () => {
-    const m = document.body;
-    m.style.userSelect = n, m.style.touchAction = e, m.style.overscrollBehavior = t, window.removeEventListener("contextmenu", Z), window.removeEventListener("selectstart", Z), window.removeEventListener("touchstart", Z), window.removeEventListener("touchmove", Z);
-  }, v = () => {
-    a && (document.removeEventListener("pointermove", a), a = null), l && (document.removeEventListener("pointerup", l), l = null), s && (s = null), o && (document.removeEventListener("wheel", o), o = null), g && (document.removeEventListener("keydown", g), document.removeEventListener("keypress", g), document.removeEventListener("keyup", g), g = null);
-  };
+  return n;
+}, kt = () => Lt(), Rt = (e) => e.overlay.ref?.value ?? null, Pt = (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;
   return {
-    handleDragStart: (m, p, h) => {
-      if (!p.value || c.value) return;
-      const L = d.value.get(p.value);
-      if (L != null && L.disabled) return;
-      v(), m.target.blur(), h != null && h.container && (i.component.value = h.container), h != null && h.containerProps && (i.props.value = h.containerProps);
-      const { activate: b, track: z, deactivate: B } = Oe(p, h);
-      l = () => {
-        B(!0).then((D) => {
-          D !== !1 && (i.component.value = null, r(), B(!0), v());
-        });
-      }, s = () => {
-        i.component.value = null, r(), B(!1), v();
-      }, a = (D) => z(D), o = (D) => z(D), g = (D) => {
-        D.type === "keyup" && (D.code === "Escape" && (s == null || s()), D.code === "Enter" && (l == null || l())), z(D);
-      }, f(), b(m), document.addEventListener("pointermove", a), document.addEventListener("pointerup", l), document.addEventListener("wheel", o), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
+    x: o,
+    y: s,
+    width: r,
+    height: i,
+    top: s,
+    left: o,
+    right: o + r,
+    bottom: s + i
+  };
+}, Tt = (e) => e.entities.allowedDraggableSet, Bt = (e) => e.entities.allowedDroppableSet, Ot = (e, t) => !t.entities.draggingMap.has(e), zt = (e, t) => ![...t.entities.draggingMap.keys()].some(
+  (n) => F(n, e)
+), Ft = (e, t) => t.entities.draggableMap.has(e) ? !k(e, t) : t.entities.droppableMap.has(e) ? !z(e, t) : !0, ve = (e, t) => Ot(e, t) && zt(e, t) && Ft(e, t), _t = (e, t) => Mt(e, t.containerBox), we = (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;
+  }
+  return Math.abs(e.meta.overlapPercent - t.meta.overlapPercent) <= 1 ? e.meta.centerDistance - t.meta.centerDistance : t.meta.overlapPercent - e.meta.overlapPercent;
+}, ge = kt().container(Rt).containerBox(Pt).elements(Tt).zones(Bt).filterElements(ve).filterZones(ve).collision(_t).minOverlapPercent(10).sortElements(we).sortZones(we).build();
+function Me(e) {
+  const n = (e.collision?.run ?? ge)(e);
+  ue(e, e.hovered, n);
+}
+function Gt(e, t) {
+  const n = e.collision?.throttle?.value ?? 0;
+  if (n <= 0) {
+    Me(e);
+    return;
+  }
+  const o = Date.now();
+  o - t.value >= n && (t.value = o, Me(e));
+}
+async function Oe(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")
+    try {
+      return await s, !0;
+    } catch {
+      const i = e.entities.initiatingDraggable;
+      return O(e, i, "onSelfDragCancel"), w(e, "onDragCancel"), Be(e, e.hovered), !1;
+    }
+  return !0;
+}
+function ze(e) {
+  const t = e.entities.initiatingDraggable;
+  O(e, t, "onSelfDragEnd"), w(e, "onDragEnd"), mt(e, e.hovered);
+}
+function It(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 Kt = (e) => {
+  const t = {
+    current: null
+  }, n = { value: 0 }, o = async () => {
+    le(), t.current?.cancel(), t.current = null;
+    const a = e.state.value;
+    if (a === "dragging") {
+      if (!await Oe(e)) {
+        j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+        return;
+      }
+      ze(e);
+    } else a === "selecting" && It(e);
+    j(e), document.removeEventListener("pointerup", o), document.removeEventListener("pointermove", s);
+  }, s = (a) => {
+    if (e.pointer.value) {
+      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, ot(e)) {
+        oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
+        return;
+      }
+      if (e.state.value === "dragging") {
+        Gt(e, n);
+        const l = e.entities.initiatingDraggable;
+        O(e, l, "onSelfDragMove"), w(e, "onDragMove");
+      }
+      e.state.value === "selecting" && ht(e);
     }
   };
-}), Re = (n) => {
-  const {
-    id: e,
-    elementRef: t,
-    isDragging: a,
-    isOvered: l,
-    isAllowed: s,
-    isLazyAllowed: o,
-    registerElement: g,
-    unregisterElement: i
-  } = ke(n), { pointerPosition: c } = Y(), { handleDragStart: d } = Ne(), f = (r) => d(r, t, n);
-  return te(g), ge(i), {
-    pointerPosition: c,
-    elementRef: t,
-    isDragging: a,
-    isOvered: l,
-    isAllowed: s,
-    isLazyAllowed: o,
-    handleDragStart: f,
-    id: 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
+    );
+    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;
+      return;
+    }
+    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(d)) {
+      const c = e.entities.draggableMap.get(d);
+      if (!Pe(l, d, c?.dragHandle))
+        return;
+      ae(), e.entities.initiatingDraggable = d;
+      const g = ke(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 = st(e, () => {
+        W(e), oe(e, a, "onSelfDragStart"), w(e, "onDragStart");
+      }))) : (W(e), oe(e, a, "onSelfDragStart"), w(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();
+  } };
+}, Ht = {
+  ArrowUp: { dx: 0, dy: -1 },
+  ArrowDown: { dx: 0, dy: 1 },
+  ArrowLeft: { dx: -1, dy: 0 },
+  ArrowRight: { dx: 1, dy: 0 },
+  KeyW: { dx: 0, dy: -1 },
+  KeyA: { dx: -1, dy: 0 },
+  KeyS: { dx: 0, dy: 1 },
+  KeyD: { dx: 1, dy: 0 }
+}, Nt = (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(
+        e,
+        e.entities.initiatingDraggable,
+        "onSelfDragCancel"
+      ), w(e, "onDragCancel"), Be(e, e.hovered), j(e);
+      return;
+    }
+    if (n.forDrop.includes(t.code)) {
+      t.preventDefault(), (async () => (await Oe(e) && ze(e), le(), j(e)))();
+      return;
+    }
+    const s = Ht[t.code];
+    if (s && n.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);
+      e.pointer.value.current = {
+        x: e.pointer.value.current.x + s.dx * i,
+        y: e.pointer.value.current.y + s.dy * i
+      };
+      const l = (e.collision?.run ?? ge)(e);
+      ue(e, e.hovered, l), O(
+        e,
+        e.entities.initiatingDraggable,
+        "onSelfDragMove"
+      ), w(e, "onDragMove");
+      return;
+    }
+    return;
+  }
+  if (n.forDrag.includes(t.code)) {
+    const s = document.activeElement;
+    if (!s) return;
+    const r = s.closest(
+      H.DRAGGABLE
+    );
+    if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
+      return;
+    const i = e.entities.draggableMap.get(r);
+    if (!Pe(s, r, i?.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,
+      clientY: u
+    };
+    e.entities.initiatingDraggable = r;
+    const c = ke(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");
+  }
+}, Yt = (e) => (t) => {
+  e.keyboard.keys.pressedKeys.value.delete(t.code);
+}, Xt = (e) => () => {
+  e.keyboard.keys.pressedKeys.value.clear();
+}, se = {
+  keyDown: Nt,
+  keyUp: Yt,
+  clear: Xt
+}, Zt = (e) => () => {
+  e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY);
+}, A = 50, Ut = 144, Ee = 1e3 / Ut;
+function $t(e) {
+  return e == null ? {
+    top: A,
+    right: A,
+    bottom: A,
+    left: A
+  } : 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
   };
-}, Ve = (n) => {
-  const {
-    zonesMap: e,
-    hovered: t,
-    draggingElements: a,
-    isDragging: l,
-    handleDropZoneIntersection: s
-  } = Y(), o = F(null), g = O(
-    () => t.zone.value === o.value
-  ), i = O(() => {
-    if (!o.value || !l.value) return !1;
-    const r = e.value.get(o.value);
-    return r != null && r.groups.length ? !Array.from(a.value.values()).some((v) => v.groups.length ? !v.groups.some(
-      (u) => r.groups.includes(u)
-    ) : !1) : !0;
-  }), c = O(() => {
-    if (!o.value || !l.value || t.zone.value !== o.value) return !1;
-    const r = e.value.get(o.value);
-    return r != null && r.groups.length ? !Array.from(a.value.values()).some((v) => !v.groups.some(
-      (u) => r.groups.includes(u)
-    )) : !0;
-  });
-  return {
-    elementRef: o,
-    registerZone: () => {
-      if (!o.value) throw new Error("elementRef is not set");
-      s("add", o.value), e.value.set(o.value, {
-        node: o.value,
-        groups: (n == null ? void 0 : n.groups) ?? [],
-        events: (n == null ? void 0 : n.events) ?? {},
-        data: (n == null ? void 0 : n.data) ?? void 0,
-        disabled: (n == null ? void 0 : n.disabled) ?? !1
-      }), o.value.setAttribute("data-dnd-droppable", "true");
+}
+const Vt = {
+  getScrollState(e) {
+    return {
+      scrollTop: e.scrollTop,
+      scrollLeft: e.scrollLeft,
+      rect: e.getBoundingClientRect()
+    };
+  },
+  setScroll(e, t, n) {
+    e.scrollTop = t, e.scrollLeft = n;
+  }
+};
+function Fe(e, t, n, o = Vt, s) {
+  const { speed: r = 10, disabled: i = !1 } = t, a = $t(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);
+      return;
+    }
+    u || (u = S);
+    const X = S - u;
+    if (X < Ee) {
+      l = requestAnimationFrame(y);
+      return;
+    }
+    const h = r * (X / Ee);
+    u = S;
+    const {
+      scrollTop: v,
+      scrollLeft: G,
+      rect: Ge
+    } = o.getScrollState(_);
+    (!d || c !== v || g !== G) && (d = Ge, 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);
+  };
+  return { run: () => {
+    u = null, l = requestAnimationFrame(y);
+  }, stop: () => {
+    l && (cancelAnimationFrame(l), l = null), d = null, c = 0, g = 0, u = null, f(!1);
+  } };
+}
+const qt = {
+  getScrollState() {
+    return {
+      scrollTop: window.scrollY ?? document.documentElement.scrollTop,
+      scrollLeft: window.scrollX ?? document.documentElement.scrollLeft,
+      rect: new DOMRect(0, 0, window.innerWidth, window.innerHeight)
+    };
+  },
+  setScroll(e, t, n) {
+    window.scrollTo(n, t);
+  }
+}, Wt = {
+  get value() {
+    return typeof document < "u" ? document.documentElement : null;
+  }
+};
+function jt(e, t) {
+  const n = V(!1), s = Fe(
+    Wt,
+    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
+      } : a : null;
     },
-    unregisterZone: () => {
-      o.value && (s("remove", o.value), e.value.delete(o.value));
+    qt,
+    n
+  ), r = J(
+    () => e.state.value,
+    (a) => {
+      a === "dragging" ? s.run() : s.stop();
+    }
+  ), i = () => {
+    r(), s.stop();
+  };
+  return Ie(i), { isScrolling: n, stop: i };
+}
+const Jt = (e) => {
+  const t = Kt(e), n = se.keyDown(e), o = se.keyUp(e), s = se.clear(e), r = Zt(e);
+  let i = null;
+  J(
+    e.autoScrollViewport,
+    (a) => {
+      i?.(), i = null, (a === !0 || a && typeof a == "object") && (i = jt(
+        e,
+        a === !0 ? {} : a
+      ).stop);
     },
-    isOvered: g,
-    isAllowed: i,
-    isLazyAllowed: c
+    { 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 = () => {
+  const e = xe(fe);
+  if (!e) throw Error("DnD provider not found");
+  return e;
+}, _e = () => {
+  const e = Q();
+  return {
+    overlay: e.overlay,
+    delay: e.delay,
+    distanceProgress: e.distanceProgress,
+    entities: e.entities,
+    pointer: e.pointer,
+    state: e.state,
+    scrollPosition: e.scrollPosition,
+    keyboard: e.keyboard,
+    hovered: e.hovered,
+    collision: e.collision,
+    autoScrollViewport: e.autoScrollViewport
   };
-}, Fe = (n) => {
-  const {
-    elementRef: e,
-    registerZone: t,
-    unregisterZone: a,
-    isOvered: l,
-    isAllowed: s,
-    isLazyAllowed: o
-  } = Ve(n);
-  return te(t), ge(a), { elementRef: e, isOvered: l, isAllowed: s, isLazyAllowed: o };
-}, Xe = (n) => {
-  const { selectedElements: e, elementsMap: t } = Y(), a = O(
-    () => n.value ? e.value.has(n.value) : !1
-  ), l = O(() => {
-    if (!n.value) return !1;
-    for (const c of e.value)
-      if (c && k(c, n.value))
-        return !0;
-    return !1;
-  }), s = O(() => {
-    if (!n.value) return !1;
-    for (const c of e.value)
-      if (c && k(n.value, c))
-        return !0;
-    return !1;
-  }), o = () => {
-    n.value && e.value.delete(n.value);
-  }, g = () => {
-    if (!(!n.value || !t.value.get(n.value))) {
-      if (l.value)
-        for (const d of e.value)
-          d && k(d, n.value) && e.value.delete(d);
-      if (s.value)
-        for (const d of e.value)
-          d && k(n.value, d) && e.value.delete(d);
-      e.value.add(n.value);
+}, Qt = /* @__PURE__ */ Ce({
+  __name: "DefaultOverlay",
+  setup(e) {
+    const { entities: t, state: n, overlay: o } = _e();
+    return (s, r) => C(n) === "dragging" ? (x(), $("div", {
+      key: 0,
+      class: "dnd-kit-default-overlay",
+      style: ye({
+        "--position-x": C(o).position.value.x + "px",
+        "--position-y": C(o).position.value.y + "px"
+      })
+    }, [
+      (x(!0), $(ie, null, Ke(C(t).draggingMap, ([i, a]) => (x(), $(ie, null, [
+        C(t).draggableMap.get(i)?.render ? (x(), q(re(C(t).draggableMap.get(i)?.render), { key: 0 })) : (x(), q(re(i.tagName), {
+          key: 1,
+          innerHTML: a.initialOuterHTML,
+          style: ye({
+            width: a.initialRect.width + "px",
+            height: a.initialRect.height + "px"
+          })
+        }, null, 8, ["innerHTML", "style"]))
+      ], 64))), 256))
+    ], 4)) : He("", !0);
+  }
+}), tn = /* @__PURE__ */ Ce({
+  __name: "DnDProvider",
+  props: {
+    autoScrollViewport: { type: [Object, Boolean, null] },
+    overlayTo: { type: [String, Boolean, null] }
+  },
+  setup(e) {
+    const t = e, n = Ne("overlayRef"), o = ct(n, t);
+    Jt(o);
+    const s = m(
+      () => o.overlay.render.value ?? Qt
+    );
+    return Ye(fe, o), (r, i) => (x(), $(ie, null, [
+      me(r.$slots, "default"),
+      (x(), q(Xe, {
+        to: C(o).overlay.to.value || "body"
+      }, [
+        Ze("div", {
+          ref_key: "overlayRef",
+          ref: n,
+          class: "dnd-kit-overlay-container"
+        }, [
+          me(r.$slots, "overlay", { overlay: s.value }, () => [
+            (x(), q(re(s.value)))
+          ])
+        ], 512)
+      ], 8, ["to"]))
+    ], 64));
+  }
+});
+function nn(e, t, n) {
+  const o = Q();
+  let s, r, i;
+  typeof t == "function" ? (s = {}, r = t) : (s = t ?? {}, r = n);
+  const a = m({
+    get() {
+      const c = p(e);
+      return c ? o.entities.selectedSet.has(c) : !1;
+    },
+    set(c) {
+      const g = p(e);
+      g && o.entities.selectedSet[c ? "add" : "delete"](g);
     }
+  }), 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
+    };
+  });
+  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
+    }));
+  }), Y(() => {
+    i && (o.lib.draggableObserver.unobserve(i), o.entities.visibleDraggableSet.delete(i), o.entities.draggableMap.delete(i), o.entities.modifiersDraggableSet.delete(i));
+  }), {
+    selected: a,
+    isDragging: l,
+    isAllowed: u,
+    isDragOver: d
   };
+}
+const on = (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, {
+      modifier: t?.modifier ?? {
+        keys: ["ControlLeft"],
+        method: "every"
+      },
+      events: t?.events,
+      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));
+  });
+  const r = m(() => {
+    n.scrollPosition.x, n.scrollPosition.y;
+    const i = n.pointer.value;
+    return !i || n.state.value !== "selecting" || !s ? {} : bt(i.start, i.current, s);
+  });
   return {
-    handleUnselect: o,
-    handleSelect: g,
-    handleToggleSelect: () => {
-      n.value && (e.value.has(n.value) ? o() : g());
-    },
-    isSelected: a,
-    isParentOfSelected: l
+    isSelecting: o,
+    style: r
+  };
+};
+function sn(e, t) {
+  const n = xe(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, {
+      axis: t?.axis || "both",
+      restrictToArea: t?.restrictToArea || !1
+    }));
+  }), Y(() => {
+    o && n.entities.constraintsAreaMap.delete(o);
+  }), {};
+}
+function rn(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
+    };
+  });
+  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
+    }));
+  }), Y(() => {
+    s && (o.lib.droppableObserver.unobserve(s), o.entities.visibleDroppableSet.delete(s), o.entities.droppableMap.delete(s));
+  }), {
+    isAllowed: a,
+    isDragOver: l
   };
+}
+const an = (e, t) => {
+  const n = _e(), o = V(!1), r = Fe(
+    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;
+    },
+    void 0,
+    o
+  );
+  return J(
+    () => n.state.value,
+    (i) => {
+      i === "dragging" ? r.run() : r.stop();
+    }
+  ), { isScrolling: o };
 };
+function Ae(e, t) {
+  return t <= 0 ? e : Math.round(e / t) * t;
+}
+function ln(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;
+    return {
+      x: Ae(r, o),
+      y: Ae(i, s)
+    };
+  });
+}
 export {
-  oe as DnDOperations,
-  He as default,
-  $ as getBoundingBox,
-  Y as useDnDStore,
-  Ce as useDragContainer,
-  Re as useDraggable,
-  Fe as useDroppable,
-  Xe as useSelection
+  tn as DnDProvider,
+  kt as createSensor,
+  ge as defaultCollisionDetection,
+  an as makeAutoScroll,
+  sn as makeConstraintArea,
+  nn as makeDraggable,
+  rn as makeDroppable,
+  on as makeSelectionArea,
+  ln as makeSnappedOverlayPosition,
+  _e as useDnDProvider
 };
-//# sourceMappingURL=vue-dnd-kit-core.es.js.map