@vue-dnd-kit/core 2.0.11 → 2.1.0

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

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