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

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

@@ -1,900 +1,928 @@
-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 {
+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;
 };
-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
-        );
-      }
-    );
-  }
-}), 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
-        );
-      }
-    );
-  }
-}), 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
-        );
-      }
-    );
-  }
-}), 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);
+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 = 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: 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 = 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 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: p, KeyA: h, KeyD: L, ctrl: b, shift: z, alt: B, meta: D } = Ie(), w = {
-    zone: C(null),
-    element: C(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: 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: 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: r,
-    handleDropZoneIntersection: v
+    lib: {
+      draggableObserver: c,
+      droppableObserver: f,
+      selectableAreaObserver: u,
+      overlaySizeObserver: g
+    }
   };
-}), 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 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
   };
-}, 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;
-      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
-      };
-    });
-    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);
+}, 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 e = n, { activeContainer: t } = Y(), a = O(() => ({
-      component: t.component.value ?? De,
-      props: {
-        ...e,
-        ...t.props.value
-      }
-    }));
-    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));
+}, 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);
   }
-}), 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
-          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;
-      }
-      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);
-    };
+}, 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, 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();
+}, 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: e.bottom,
-    left: e.left,
-    right: e.right,
-    top: e.top,
-    x: e.x,
-    y: e.y,
-    width: e.width,
-    height: e.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, 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
+}, 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, 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(
-    0,
-    Math.min(n.x + n.width, e.x + e.width) - Math.max(n.x, e.x)
-  ), a = 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;
+    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: 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");
-    },
-    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"));
-    },
-    isDragging: r,
-    isOvered: c,
-    isAllowed: v,
-    isLazyAllowed: u,
-    id: d
+    left: e - s,
+    top: t - s,
+    width: n,
+    height: n
   };
-}, 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;
+}, 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(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;
+    if (r) {
+      const u = r.getBoundingClientRect(), d = e.entities.draggableMap.get(r)?.placementMargins;
+      t.draggable.set(
+        r,
+        I(a, u, d)
+      );
     }
-    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;
+  }
+  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: (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
+    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 (!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
-      };
+    containerBox(s) {
+      return e.containerBox = s, 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;
+    elements(s) {
+      return e.elements = s, n;
     },
-    onPointerMove: (s) => {
-      e.isPending.value || (e.pointerPosition.current.value = {
-        x: s.clientX,
-        y: s.clientY
-      });
+    zones(s) {
+      return e.zones = s, 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
-          )
-        );
-        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);
-          }
-        ) : !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));
-        }
-      ), w instanceof PointerEvent ? a(w) : o(w), p();
+    filterElements(s) {
+      return e.filterElements = s, n;
     },
-    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));
-        }
-      ), w instanceof KeyboardEvent ? g() : l(w);
+    filterZones(s) {
+      return e.filterZones = s, n;
     },
-    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();
+    collision(s) {
+      return e.collision = s, n;
+    },
+    sortElements(s) {
+      return e.sortElements = s, n;
+    },
+    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
+          )
+        };
+      };
     }
   };
-}, 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;
+}, 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, 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: s,
+    y: i,
+    width: a,
+    height: o,
+    top: i,
+    left: s,
+    right: s + a,
+    bottom: i + o
   };
-}), 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
+}, 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);
+    }
   };
-}, 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 { 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: 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");
-    },
-    unregisterZone: () => {
-      o.value && (s("remove", o.value), e.value.delete(o.value));
-    },
-    isOvered: g,
-    isAllowed: i,
-    isLazyAllowed: c
-  };
-}, 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);
-    }
+    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: o,
-    handleSelect: g,
-    handleToggleSelect: () => {
-      n.value && (e.value.has(n.value) ? o() : g());
-    },
-    isSelected: a,
-    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,
-  He as default,
-  $ as getBoundingBox,
-  Y as useDnDStore,
-  Ce as useDragContainer,
-  Re as useDraggable,
-  Fe as useDroppable,
-  Xe 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