@vue-dnd-kit/core 2.0.3 → 2.0.5

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

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