@vue-dnd-kit/core 1.6.0 → 2.0.0-alpha1

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

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