@ubloimmo/uikit 1.0.1 → 1.0.3

package/dist/node_modules/@dnd-kit/core/dist/core.esm.js

@@ -1,44 +1,44 @@
 /**
-* @ubloimmo/uikit version 1.0.1
+* @ubloimmo/uikit version 1.0.3
 *
 * Copyright © Ublo 2025
 * https://ublo.immo
 */
 
 
-import H, { createContext as Me, useMemo as E, memo as dn, useReducer as ot, useState as V, useRef as I, useCallback as K, useEffect as M, useContext as he } from "react";
-import { unstable_batchedUpdates as De, createPortal as fn } from "react-dom";
-import { getWindow as G, useLatestValue as Re, useUniqueId as Ue, getEventCoordinates as Ze, add as fe, useIsomorphicLayoutEffect as se, getOwnerDocument as ge, useInterval as hn, usePrevious as et, useLazyMemo as Ae, subtract as Fe, canUseDOM as it, isHTMLElement as Xe, useNodeRef as Pe, isKeyboardEvent as Pt, findFirstFocusableNode as gn, isWindow as st, isNode as vn, isDocument as $t, useEvent as Wt, isSVGElement as pn } from "../../utilities/dist/utilities.esm.js";
-import { useAnnouncement as bn, HiddenText as wn, LiveRegion as yn } from "../../accessibility/dist/accessibility.esm.js";
-const Ut = /* @__PURE__ */ Me(null);
-function mn(e) {
-  const t = he(Ut);
-  M(() => {
+import q, { createContext as Oe, useMemo as A, memo as dn, useReducer as fn, useState as K, useRef as L, useCallback as Y, useEffect as R, useContext as be } from "react";
+import { unstable_batchedUpdates as Be, createPortal as hn } from "react-dom";
+import { getWindow as Z, useLatestValue as Ae, useUniqueId as Xe, getEventCoordinates as et, add as ve, useIsomorphicLayoutEffect as we, getOwnerDocument as ye, useInterval as gn, usePrevious as tt, useLazyMemo as Ne, subtract as Fe, canUseDOM as it, isHTMLElement as Ke, useNodeRef as $e, isKeyboardEvent as Ft, findFirstFocusableNode as pn, isWindow as st, isNode as vn, isDocument as $t, useEvent as Wt, isSVGElement as bn } from "../../utilities/dist/utilities.esm.js";
+import { useAnnouncement as wn, HiddenText as yn, LiveRegion as mn } from "../../accessibility/dist/accessibility.esm.js";
+const Ut = /* @__PURE__ */ Oe(null);
+function Dn(e) {
+  const t = be(Ut);
+  R(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
-function Dn() {
-  const [e] = V(() => /* @__PURE__ */ new Set()), t = K((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [K((r) => {
+function xn() {
+  const [e] = K(() => /* @__PURE__ */ new Set()), t = Y((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [Y((r) => {
     let {
       type: i,
       event: o
     } = r;
-    e.forEach((s) => {
-      var l;
-      return (l = s[i]) == null ? void 0 : l.call(s, o);
+    e.forEach((l) => {
+      var s;
+      return (s = l[i]) == null ? void 0 : s.call(l, o);
     });
   }, [e]), t];
 }
-const xn = {
+const Cn = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
   `
-}, Cn = {
+}, Sn = {
   onDragStart(e) {
     let {
       active: t
@@ -66,20 +66,20 @@ const xn = {
     return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
   }
 };
-function Sn(e) {
+function Rn(e) {
   let {
-    announcements: t = Cn,
+    announcements: t = Sn,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: i = xn
+    screenReaderInstructions: i = Cn
   } = e;
   const {
     announce: o,
-    announcement: s
-  } = bn(), l = Ue("DndLiveRegion"), [a, c] = V(!1);
-  if (M(() => {
+    announcement: l
+  } = wn(), s = Xe("DndLiveRegion"), [a, c] = K(!1);
+  if (R(() => {
     c(!0);
-  }, []), mn(E(() => ({
+  }, []), Dn(A(() => ({
     onDragStart(u) {
       let {
         active: g
@@ -130,23 +130,23 @@ function Sn(e) {
     }
   }), [o, t])), !a)
     return null;
-  const d = H.createElement(H.Fragment, null, H.createElement(wn, {
+  const d = q.createElement(q.Fragment, null, q.createElement(yn, {
     id: r,
     value: i.draggable
-  }), H.createElement(yn, {
-    id: l,
-    announcement: s
+  }), q.createElement(mn, {
+    id: s,
+    announcement: l
   }));
-  return n ? fn(d, n) : d;
+  return n ? hn(d, n) : d;
 }
-var R;
+var E;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
-})(R || (R = {}));
-function $e() {
+})(E || (E = {}));
+function We() {
 }
-function zr(e, t) {
-  return E(
+function Br(e, t) {
+  return A(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -155,23 +155,23 @@ function zr(e, t) {
     [e, t]
   );
 }
-function Br() {
+function Pr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return E(
+  return A(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
   );
 }
-const Y = /* @__PURE__ */ Object.freeze({
+const j = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
-function Rn(e, t) {
+function En(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
-function En(e, t) {
+function An(e, t) {
   let {
     data: {
       value: n
@@ -195,7 +195,7 @@ function Mn(e, t) {
   } = t;
   return r - n;
 }
-function An(e, t) {
+function On(e, t) {
   if (!e || e.length === 0)
     return null;
   const [n] = e;
@@ -214,32 +214,32 @@ const Fr = (e) => {
     droppableContainers: r
   } = e;
   const i = At(t, t.left, t.top), o = [];
-  for (const s of r) {
+  for (const l of r) {
     const {
-      id: l
-    } = s, a = n.get(l);
+      id: s
+    } = l, a = n.get(s);
     if (a) {
-      const c = Rn(At(a), i);
+      const c = En(At(a), i);
       o.push({
-        id: l,
+        id: s,
         data: {
-          droppableContainer: s,
+          droppableContainer: l,
           value: c
         }
       });
     }
   }
-  return o.sort(En);
+  return o.sort(An);
 };
-function On(e, t) {
-  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), o = Math.min(t.top + t.height, e.top + e.height), s = i - r, l = o - n;
+function Nn(e, t) {
+  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), o = Math.min(t.top + t.height, e.top + e.height), l = i - r, s = o - n;
   if (r < i && n < o) {
-    const a = t.width * t.height, c = e.width * e.height, d = s * l, u = d / (a + c - d);
+    const a = t.width * t.height, c = e.width * e.height, d = l * s, u = d / (a + c - d);
     return Number(u.toFixed(4));
   }
   return 0;
 }
-const Nn = (e) => {
+const Tn = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -248,12 +248,12 @@ const Nn = (e) => {
   const i = [];
   for (const o of r) {
     const {
-      id: s
-    } = o, l = n.get(s);
-    if (l) {
-      const a = On(l, t);
+      id: l
+    } = o, s = n.get(l);
+    if (s) {
+      const a = Nn(s, t);
       a > 0 && i.push({
-        id: s,
+        id: l,
         data: {
           droppableContainer: o,
           value: a
@@ -274,25 +274,25 @@ function Xt(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
-  } : Y;
+  } : j;
 }
-function Tn(e) {
+function In(e) {
   return function(n) {
     for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
       i[o - 1] = arguments[o];
-    return i.reduce((s, l) => ({
-      ...s,
-      top: s.top + e * l.y,
-      bottom: s.bottom + e * l.y,
-      left: s.left + e * l.x,
-      right: s.right + e * l.x
+    return i.reduce((l, s) => ({
+      ...l,
+      top: l.top + e * s.y,
+      bottom: l.bottom + e * s.y,
+      left: l.left + e * s.x,
+      right: l.right + e * s.x
     }), {
       ...n
     });
   };
 }
-const In = /* @__PURE__ */ Tn(1);
-function kn(e) {
+const kn = /* @__PURE__ */ In(1);
+function zn(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
     return {
@@ -312,16 +312,16 @@ function kn(e) {
   }
   return null;
 }
-function zn(e, t, n) {
-  const r = kn(t);
+function Bn(e, t, n) {
+  const r = zn(t);
   if (!r)
     return e;
   const {
     scaleX: i,
     scaleY: o,
-    x: s,
-    y: l
-  } = r, a = e.left - s - (1 - i) * parseFloat(n), c = e.top - l - (1 - o) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = i ? e.width / i : e.width, u = o ? e.height / o : e.height;
+    x: l,
+    y: s
+  } = r, a = e.left - l - (1 - i) * parseFloat(n), c = e.top - s - (1 - o) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = i ? e.width / i : e.width, u = o ? e.height / o : e.height;
   return {
     width: d,
     height: u,
@@ -331,38 +331,38 @@ function zn(e, t, n) {
     left: a
   };
 }
-const Bn = {
+const Pn = {
   ignoreTransform: !1
 };
-function Oe(e, t) {
-  t === void 0 && (t = Bn);
+function Te(e, t) {
+  t === void 0 && (t = Pn);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: c,
       transformOrigin: d
-    } = G(e).getComputedStyle(e);
-    c && (n = zn(n, c, d));
+    } = Z(e).getComputedStyle(e);
+    c && (n = Bn(n, c, d));
   }
   const {
     top: r,
     left: i,
     width: o,
-    height: s,
-    bottom: l,
+    height: l,
+    bottom: s,
     right: a
   } = n;
   return {
     top: r,
     left: i,
     width: o,
-    height: s,
-    bottom: l,
+    height: l,
+    bottom: s,
     right: a
   };
 }
-function Ot(e) {
-  return Oe(e, {
+function Mt(e) {
+  return Te(e, {
     ignoreTransform: !0
   });
 }
@@ -377,11 +377,11 @@ function Fn(e) {
     height: n
   };
 }
-function Pn(e, t) {
-  return t === void 0 && (t = G(e).getComputedStyle(e)), t.position === "fixed";
-}
 function $n(e, t) {
-  t === void 0 && (t = G(e).getComputedStyle(e));
+  return t === void 0 && (t = Z(e).getComputedStyle(e)), t.position === "fixed";
+}
+function Wn(e, t) {
+  t === void 0 && (t = Z(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((i) => {
     const o = t[i];
@@ -395,10 +395,10 @@ function lt(e, t) {
       return n;
     if ($t(i) && i.scrollingElement != null && !n.includes(i.scrollingElement))
       return n.push(i.scrollingElement), n;
-    if (!Xe(i) || pn(i) || n.includes(i))
+    if (!Ke(i) || bn(i) || n.includes(i))
       return n;
-    const o = G(e).getComputedStyle(i);
-    return i !== e && $n(i, o) && n.push(i), Pn(i, o) ? n : r(i.parentNode);
+    const o = Z(e).getComputedStyle(i);
+    return i !== e && Wn(i, o) && n.push(i), $n(i, o) ? n : r(i.parentNode);
   }
   return e ? r(e) : n;
 }
@@ -406,8 +406,8 @@ function Kt(e) {
   const [t] = lt(e, 1);
   return t ?? null;
 }
-function Je(e) {
-  return !it || !e ? null : st(e) ? e : vn(e) ? $t(e) || e === ge(e).scrollingElement ? window : Xe(e) ? e : null : null;
+function Ge(e) {
+  return !it || !e ? null : st(e) ? e : vn(e) ? $t(e) || e === ye(e).scrollingElement ? window : Ke(e) ? e : null : null;
 }
 function Yt(e) {
   return st(e) ? e.scrollX : e.scrollLeft;
@@ -415,7 +415,7 @@ function Yt(e) {
 function jt(e) {
   return st(e) ? e.scrollY : e.scrollTop;
 }
-function tt(e) {
+function nt(e) {
   return {
     x: Yt(e),
     y: jt(e)
@@ -441,28 +441,28 @@ function _t(e) {
   }, r = {
     x: e.scrollWidth - n.width,
     y: e.scrollHeight - n.height
-  }, i = e.scrollTop <= t.y, o = e.scrollLeft <= t.x, s = e.scrollTop >= r.y, l = e.scrollLeft >= r.x;
+  }, i = e.scrollTop <= t.y, o = e.scrollLeft <= t.x, l = e.scrollTop >= r.y, s = e.scrollLeft >= r.x;
   return {
     isTop: i,
     isLeft: o,
-    isBottom: s,
-    isRight: l,
+    isBottom: l,
+    isRight: s,
     maxScroll: r,
     minScroll: t
   };
 }
-const Wn = {
+const Un = {
   x: 0.2,
   y: 0.2
 };
-function Un(e, t, n, r, i) {
+function Xn(e, t, n, r, i) {
   let {
     top: o,
-    left: s,
-    right: l,
+    left: l,
+    right: s,
     bottom: a
   } = n;
-  r === void 0 && (r = 10), i === void 0 && (i = Wn);
+  r === void 0 && (r = 10), i === void 0 && (i = Un);
   const {
     isTop: c,
     isBottom: d,
@@ -478,24 +478,24 @@ function Un(e, t, n, r, i) {
     height: t.height * i.y,
     width: t.width * i.x
   };
-  return !c && o <= t.top + h.height ? (f.y = N.Backward, C.y = r * Math.abs((t.top + h.height - o) / h.height)) : !d && a >= t.bottom - h.height && (f.y = N.Forward, C.y = r * Math.abs((t.bottom - h.height - a) / h.height)), !g && l >= t.right - h.width ? (f.x = N.Forward, C.x = r * Math.abs((t.right - h.width - l) / h.width)) : !u && s <= t.left + h.width && (f.x = N.Backward, C.x = r * Math.abs((t.left + h.width - s) / h.width)), {
+  return !c && o <= t.top + h.height ? (f.y = N.Backward, C.y = r * Math.abs((t.top + h.height - o) / h.height)) : !d && a >= t.bottom - h.height && (f.y = N.Forward, C.y = r * Math.abs((t.bottom - h.height - a) / h.height)), !g && s >= t.right - h.width ? (f.x = N.Forward, C.x = r * Math.abs((t.right - h.width - s) / h.width)) : !u && l <= t.left + h.width && (f.x = N.Backward, C.x = r * Math.abs((t.left + h.width - l) / h.width)), {
     direction: f,
     speed: C
   };
 }
-function Xn(e) {
+function Kn(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: o,
-      innerHeight: s
+      innerHeight: l
     } = window;
     return {
       top: 0,
       left: 0,
       right: o,
-      bottom: s,
+      bottom: l,
       width: o,
-      height: s
+      height: l
     };
   }
   const {
@@ -514,16 +514,16 @@ function Xn(e) {
   };
 }
 function qt(e) {
-  return e.reduce((t, n) => fe(t, tt(n)), Y);
+  return e.reduce((t, n) => ve(t, nt(n)), j);
 }
-function Kn(e) {
+function Yn(e) {
   return e.reduce((t, n) => t + Yt(n), 0);
 }
-function Yn(e) {
+function jn(e) {
   return e.reduce((t, n) => t + jt(n), 0);
 }
-function jn(e, t) {
-  if (t === void 0 && (t = Oe), !e)
+function Hn(e, t) {
+  if (t === void 0 && (t = Te), !e)
     return;
   const {
     top: n,
@@ -536,7 +536,7 @@ function jn(e, t) {
     inline: "center"
   });
 }
-const Hn = [["x", ["left", "right"], Kn], ["y", ["top", "bottom"], Yn]];
+const _n = [["x", ["left", "right"], Yn], ["y", ["top", "bottom"], jn]];
 class at {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
@@ -544,11 +544,11 @@ class at {
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
-    for (const [o, s, l] of Hn)
-      for (const a of s)
+    for (const [o, l, s] of _n)
+      for (const a of l)
         Object.defineProperty(this, a, {
           get: () => {
-            const c = l(r), d = i[o] - c;
+            const c = s(r), d = i[o] - c;
             return this.rect[a] + d;
           },
           enumerable: !0
@@ -558,7 +558,7 @@ class at {
     });
   }
 }
-class xe {
+class Se {
   constructor(t) {
     this.target = void 0, this.listeners = [], this.removeAll = () => {
       this.listeners.forEach((n) => {
@@ -572,35 +572,35 @@ class xe {
     (i = this.target) == null || i.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function _n(e) {
+function qn(e) {
   const {
     EventTarget: t
-  } = G(e);
-  return e instanceof t ? e : ge(e);
+  } = Z(e);
+  return e instanceof t ? e : ye(e);
 }
-function Ve(e, t) {
+function Qe(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
   return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
 }
-var P;
+var W;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
-})(P || (P = {}));
-function Nt(e) {
+})(W || (W = {}));
+function Ot(e) {
   e.preventDefault();
 }
-function qn(e) {
+function Jn(e) {
   e.stopPropagation();
 }
 var m;
 (function(e) {
-  e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter";
+  e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
 })(m || (m = {}));
 const Jt = {
   start: [m.Space, m.Enter],
   cancel: [m.Esc],
-  end: [m.Space, m.Enter]
-}, Jn = (e, t) => {
+  end: [m.Space, m.Enter, m.Tab]
+}, Vn = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
@@ -635,28 +635,28 @@ class Vt {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new xe(ge(n)), this.windowListeners = new xe(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Se(ye(n)), this.windowListeners = new Se(Z(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
-    this.handleStart(), this.windowListeners.add(P.Resize, this.handleCancel), this.windowListeners.add(P.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(P.Keydown, this.handleKeyDown));
+    this.handleStart(), this.windowListeners.add(W.Resize, this.handleCancel), this.windowListeners.add(W.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(W.Keydown, this.handleKeyDown));
   }
   handleStart() {
     const {
       activeNode: t,
       onStart: n
     } = this.props, r = t.node.current;
-    r && jn(r), n(Y);
+    r && Hn(r), n(j);
   }
   handleKeyDown(t) {
-    if (Pt(t)) {
+    if (Ft(t)) {
       const {
         active: n,
         context: r,
         options: i
       } = this.props, {
         keyboardCodes: o = Jt,
-        coordinateGetter: s = Jn,
-        scrollBehavior: l = "smooth"
+        coordinateGetter: l = Vn,
+        scrollBehavior: s = "smooth"
       } = i, {
         code: a
       } = t;
@@ -673,9 +673,9 @@ class Vt {
       } = r.current, d = c ? {
         x: c.left,
         y: c.top
-      } : Y;
+      } : j;
       this.referenceCoordinates || (this.referenceCoordinates = d);
-      const u = s(t, {
+      const u = l(t, {
         active: n,
         context: r.current,
         currentCoordinates: d
@@ -688,48 +688,48 @@ class Vt {
           scrollableAncestors: C
         } = r.current;
         for (const h of C) {
-          const v = t.code, {
+          const p = t.code, {
             isTop: y,
             isRight: D,
-            isLeft: b,
-            isBottom: T,
+            isLeft: w,
+            isBottom: I,
             maxScroll: x,
             minScroll: S
-          } = _t(h), p = Xn(h), w = {
-            x: Math.min(v === m.Right ? p.right - p.width / 2 : p.right, Math.max(v === m.Right ? p.left : p.left + p.width / 2, u.x)),
-            y: Math.min(v === m.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(v === m.Down ? p.top : p.top + p.height / 2, u.y))
-          }, A = v === m.Right && !D || v === m.Left && !b, k = v === m.Down && !T || v === m.Up && !y;
-          if (A && w.x !== u.x) {
-            const O = h.scrollLeft + g.x, _ = v === m.Right && O <= x.x || v === m.Left && O >= S.x;
-            if (_ && !g.y) {
+          } = _t(h), b = Kn(h), v = {
+            x: Math.min(p === m.Right ? b.right - b.width / 2 : b.right, Math.max(p === m.Right ? b.left : b.left + b.width / 2, u.x)),
+            y: Math.min(p === m.Down ? b.bottom - b.height / 2 : b.bottom, Math.max(p === m.Down ? b.top : b.top + b.height / 2, u.y))
+          }, M = p === m.Right && !D || p === m.Left && !w, z = p === m.Down && !I || p === m.Up && !y;
+          if (M && v.x !== u.x) {
+            const O = h.scrollLeft + g.x, J = p === m.Right && O <= x.x || p === m.Left && O >= S.x;
+            if (J && !g.y) {
               h.scrollTo({
                 left: O,
-                behavior: l
+                behavior: s
               });
               return;
             }
-            _ ? f.x = h.scrollLeft - O : f.x = v === m.Right ? h.scrollLeft - x.x : h.scrollLeft - S.x, f.x && h.scrollBy({
+            J ? f.x = h.scrollLeft - O : f.x = p === m.Right ? h.scrollLeft - x.x : h.scrollLeft - S.x, f.x && h.scrollBy({
               left: -f.x,
-              behavior: l
+              behavior: s
             });
             break;
-          } else if (k && w.y !== u.y) {
-            const O = h.scrollTop + g.y, _ = v === m.Down && O <= x.y || v === m.Up && O >= S.y;
-            if (_ && !g.x) {
+          } else if (z && v.y !== u.y) {
+            const O = h.scrollTop + g.y, J = p === m.Down && O <= x.y || p === m.Up && O >= S.y;
+            if (J && !g.x) {
               h.scrollTo({
                 top: O,
-                behavior: l
+                behavior: s
               });
               return;
             }
-            _ ? f.y = h.scrollTop - O : f.y = v === m.Down ? h.scrollTop - x.y : h.scrollTop - S.y, f.y && h.scrollBy({
+            J ? f.y = h.scrollTop - O : f.y = p === m.Down ? h.scrollTop - x.y : h.scrollTop - S.y, f.y && h.scrollBy({
               top: -f.y,
-              behavior: l
+              behavior: s
             });
             break;
           }
         }
-        this.handleMove(t, fe(Fe(u, this.referenceCoordinates), f));
+        this.handleMove(t, ve(Fe(u, this.referenceCoordinates), f));
       }
     }
   }
@@ -765,18 +765,18 @@ Vt.activators = [{
       active: o
     } = n;
     const {
-      code: s
+      code: l
     } = e.nativeEvent;
-    if (r.start.includes(s)) {
-      const l = o.activatorNode.current;
-      return l && e.target !== l ? !1 : (e.preventDefault(), i == null || i({
+    if (r.start.includes(l)) {
+      const s = o.activatorNode.current;
+      return s && e.target !== s ? !1 : (e.preventDefault(), i == null || i({
         event: e.nativeEvent
       }), !0);
     }
     return !1;
   }
 }];
-function Lt(e) {
+function Nt(e) {
   return !!(e && "distance" in e);
 }
 function Tt(e) {
@@ -785,13 +785,13 @@ function Tt(e) {
 class ct {
   constructor(t, n, r) {
     var i;
-    r === void 0 && (r = _n(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    r === void 0 && (r = qn(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
     const {
       event: o
     } = t, {
-      target: s
+      target: l
     } = o;
-    this.props = t, this.events = n, this.document = ge(s), this.documentListeners = new xe(this.document), this.listeners = new xe(r), this.windowListeners = new xe(G(s)), this.initialCoordinates = (i = Ze(o)) != null ? i : Y, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = ye(l), this.documentListeners = new Se(this.document), this.listeners = new Se(r), this.windowListeners = new Se(Z(l)), this.initialCoordinates = (i = et(o)) != null ? i : j, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -805,7 +805,7 @@ class ct {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), this.windowListeners.add(P.Resize, this.handleCancel), this.windowListeners.add(P.DragStart, Nt), this.windowListeners.add(P.VisibilityChange, this.handleCancel), this.windowListeners.add(P.ContextMenu, Nt), this.documentListeners.add(P.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(W.Resize, this.handleCancel), this.windowListeners.add(W.DragStart, Ot), this.windowListeners.add(W.VisibilityChange, this.handleCancel), this.windowListeners.add(W.ContextMenu, Ot), this.documentListeners.add(W.Keydown, this.handleKeydown), n) {
       if (r != null && r({
         event: this.props.event,
         activeNode: this.props.activeNode,
@@ -813,26 +813,35 @@ class ct {
       }))
         return this.handleStart();
       if (Tt(n)) {
-        this.timeoutId = setTimeout(this.handleStart, n.delay);
+        this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
         return;
       }
-      if (Lt(n))
+      if (Nt(n)) {
+        this.handlePending(n);
         return;
+      }
     }
     this.handleStart();
   }
   detach() {
     this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
   }
+  handlePending(t, n) {
+    const {
+      active: r,
+      onPending: i
+    } = this.props;
+    i(r, t, this.initialCoordinates, n);
+  }
   handleStart() {
     const {
       initialCoordinates: t
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(P.Click, qn, {
+    t && (this.activated = !0, this.documentListeners.add(W.Click, Jn, {
       capture: !0
-    }), this.removeTextSelection(), this.documentListeners.add(P.SelectionChange, this.removeTextSelection), n(t));
+    }), this.removeTextSelection(), this.documentListeners.add(W.SelectionChange, this.removeTextSelection), n(t));
   }
   handleMove(t) {
     var n;
@@ -841,36 +850,41 @@ class ct {
       initialCoordinates: i,
       props: o
     } = this, {
-      onMove: s,
+      onMove: l,
       options: {
-        activationConstraint: l
+        activationConstraint: s
       }
     } = o;
     if (!i)
       return;
-    const a = (n = Ze(t)) != null ? n : Y, c = Fe(i, a);
-    if (!r && l) {
-      if (Lt(l)) {
-        if (l.tolerance != null && Ve(c, l.tolerance))
+    const a = (n = et(t)) != null ? n : j, c = Fe(i, a);
+    if (!r && s) {
+      if (Nt(s)) {
+        if (s.tolerance != null && Qe(c, s.tolerance))
           return this.handleCancel();
-        if (Ve(c, l.distance))
+        if (Qe(c, s.distance))
           return this.handleStart();
       }
-      return Tt(l) && Ve(c, l.tolerance) ? this.handleCancel() : void 0;
+      if (Tt(s) && Qe(c, s.tolerance))
+        return this.handleCancel();
+      this.handlePending(s, c);
+      return;
     }
-    t.cancelable && t.preventDefault(), s(a);
+    t.cancelable && t.preventDefault(), l(a);
   }
   handleEnd() {
     const {
-      onEnd: t
+      onAbort: t,
+      onEnd: n
     } = this.props;
-    this.detach(), t();
+    this.detach(), this.activated || t(this.props.active), n();
   }
   handleCancel() {
     const {
-      onCancel: t
+      onAbort: t,
+      onCancel: n
     } = this.props;
-    this.detach(), t();
+    this.detach(), this.activated || t(this.props.active), n();
   }
   handleKeydown(t) {
     t.code === m.Esc && this.handleCancel();
@@ -880,7 +894,10 @@ class ct {
     (t = this.document.getSelection()) == null || t.removeAllRanges();
   }
 }
-const Vn = {
+const Gn = {
+  cancel: {
+    name: "pointercancel"
+  },
   move: {
     name: "pointermove"
   },
@@ -892,8 +909,8 @@ class Gt extends ct {
   constructor(t) {
     const {
       event: n
-    } = t, r = ge(n.target);
-    super(t, Vn, r);
+    } = t, r = ye(n.target);
+    super(t, Gn, r);
   }
 }
 Gt.activators = [{
@@ -909,7 +926,7 @@ Gt.activators = [{
     }), !0);
   }
 }];
-const Gn = {
+const Qn = {
   move: {
     name: "mousemove"
   },
@@ -917,16 +934,16 @@ const Gn = {
     name: "mouseup"
   }
 };
-var nt;
+var rt;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
-})(nt || (nt = {}));
-class Qn extends ct {
+})(rt || (rt = {}));
+class Zn extends ct {
   constructor(t) {
-    super(t, Gn, ge(t.event.target));
+    super(t, Qn, ye(t.event.target));
   }
 }
-Qn.activators = [{
+Zn.activators = [{
   eventName: "onMouseDown",
   handler: (e, t) => {
     let {
@@ -934,12 +951,15 @@ Qn.activators = [{
     } = e, {
       onActivation: r
     } = t;
-    return n.button === nt.RightClick ? !1 : (r == null || r({
+    return n.button === rt.RightClick ? !1 : (r == null || r({
       event: n
     }), !0);
   }
 }];
-const Ge = {
+const Ze = {
+  cancel: {
+    name: "touchcancel"
+  },
   move: {
     name: "touchmove"
   },
@@ -947,22 +967,22 @@ const Ge = {
     name: "touchend"
   }
 };
-class Zn extends ct {
+class er extends ct {
   constructor(t) {
-    super(t, Ge);
+    super(t, Ze);
   }
   static setup() {
-    return window.addEventListener(Ge.move.name, t, {
+    return window.addEventListener(Ze.move.name, t, {
       capture: !1,
       passive: !1
     }), function() {
-      window.removeEventListener(Ge.move.name, t);
+      window.removeEventListener(Ze.move.name, t);
     };
     function t() {
     }
   }
 }
-Zn.activators = [{
+er.activators = [{
   eventName: "onTouchStart",
   handler: (e, t) => {
     let {
@@ -978,58 +998,58 @@ Zn.activators = [{
     }), !0);
   }
 }];
-var Ce;
+var Re;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(Ce || (Ce = {}));
-var We;
+})(Re || (Re = {}));
+var Ue;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(We || (We = {}));
-function er(e) {
+})(Ue || (Ue = {}));
+function tr(e) {
   let {
     acceleration: t,
-    activator: n = Ce.Pointer,
+    activator: n = Re.Pointer,
     canScroll: r,
     draggingRect: i,
     enabled: o,
-    interval: s = 5,
-    order: l = We.TreeOrder,
+    interval: l = 5,
+    order: s = Ue.TreeOrder,
     pointerCoordinates: a,
     scrollableAncestors: c,
     scrollableAncestorRects: d,
     delta: u,
     threshold: g
   } = e;
-  const f = nr({
+  const f = rr({
     delta: u,
     disabled: !o
-  }), [C, h] = hn(), v = I({
+  }), [C, h] = gn(), p = L({
     x: 0,
     y: 0
-  }), y = I({
+  }), y = L({
     x: 0,
     y: 0
-  }), D = E(() => {
+  }), D = A(() => {
     switch (n) {
-      case Ce.Pointer:
+      case Re.Pointer:
         return a ? {
           top: a.y,
           bottom: a.y,
           left: a.x,
           right: a.x
         } : null;
-      case Ce.DraggableRect:
+      case Re.DraggableRect:
         return i;
     }
-  }, [n, i, a]), b = I(null), T = K(() => {
-    const S = b.current;
+  }, [n, i, a]), w = L(null), I = Y(() => {
+    const S = w.current;
     if (!S)
       return;
-    const p = v.current.x * y.current.x, w = v.current.y * y.current.y;
-    S.scrollBy(p, w);
-  }, []), x = E(() => l === We.TreeOrder ? [...c].reverse() : c, [l, c]);
-  M(
+    const b = p.current.x * y.current.x, v = p.current.y * y.current.y;
+    S.scrollBy(b, v);
+  }, []), x = A(() => s === Ue.TreeOrder ? [...c].reverse() : c, [s, c]);
+  R(
     () => {
       if (!o || !c.length || !D) {
         h();
@@ -1038,21 +1058,21 @@ function er(e) {
       for (const S of x) {
         if ((r == null ? void 0 : r(S)) === !1)
           continue;
-        const p = c.indexOf(S), w = d[p];
-        if (!w)
+        const b = c.indexOf(S), v = d[b];
+        if (!v)
           continue;
         const {
-          direction: A,
-          speed: k
-        } = Un(S, w, D, t, g);
+          direction: M,
+          speed: z
+        } = Xn(S, v, D, t, g);
         for (const O of ["x", "y"])
-          f[O][A[O]] || (k[O] = 0, A[O] = 0);
-        if (k.x > 0 || k.y > 0) {
-          h(), b.current = S, C(T, s), v.current = k, y.current = A;
+          f[O][M[O]] || (z[O] = 0, M[O] = 0);
+        if (z.x > 0 || z.y > 0) {
+          h(), w.current = S, C(I, l), p.current = z, y.current = M;
           return;
         }
       }
-      v.current = {
+      p.current = {
         x: 0,
         y: 0
       }, y.current = {
@@ -1063,11 +1083,11 @@ function er(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      T,
+      I,
       r,
       h,
       o,
-      s,
+      l,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(D),
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1081,7 +1101,7 @@ function er(e) {
     ]
   );
 }
-const tr = {
+const nr = {
   x: {
     [N.Backward]: !1,
     [N.Forward]: !1
@@ -1091,15 +1111,15 @@ const tr = {
     [N.Forward]: !1
   }
 };
-function nr(e) {
+function rr(e) {
   let {
     delta: t,
     disabled: n
   } = e;
-  const r = et(t);
-  return Ae((i) => {
+  const r = tt(t);
+  return Ne((i) => {
     if (n || !r || !i)
-      return tr;
+      return nr;
     const o = {
       x: Math.sign(t.x - r.x),
       y: Math.sign(t.y - r.y)
@@ -1116,96 +1136,96 @@ function nr(e) {
     };
   }, [n, t, r]);
 }
-function rr(e, t) {
-  const n = t !== null ? e.get(t) : void 0, r = n ? n.node.current : null;
-  return Ae((i) => {
+function or(e, t) {
+  const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
+  return Ne((i) => {
     var o;
-    return t === null ? null : (o = r ?? i) != null ? o : null;
+    return t == null ? null : (o = r ?? i) != null ? o : null;
   }, [r, t]);
 }
-function or(e, t) {
-  return E(() => e.reduce((n, r) => {
+function ir(e, t) {
+  return A(() => e.reduce((n, r) => {
     const {
       sensor: i
-    } = r, o = i.activators.map((s) => ({
-      eventName: s.eventName,
-      handler: t(s.handler, r)
+    } = r, o = i.activators.map((l) => ({
+      eventName: l.eventName,
+      handler: t(l.handler, r)
     }));
     return [...n, ...o];
   }, []), [e, t]);
 }
-var Ee;
+var Me;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Ee || (Ee = {}));
-var rt;
+})(Me || (Me = {}));
+var ot;
 (function(e) {
   e.Optimized = "optimized";
-})(rt || (rt = {}));
-const It = /* @__PURE__ */ new Map();
-function ir(e, t) {
+})(ot || (ot = {}));
+const Lt = /* @__PURE__ */ new Map();
+function sr(e, t) {
   let {
     dragging: n,
     dependencies: r,
     config: i
   } = t;
-  const [o, s] = V(null), {
-    frequency: l,
+  const [o, l] = K(null), {
+    frequency: s,
     measure: a,
     strategy: c
-  } = i, d = I(e), u = v(), g = Re(u), f = K(function(y) {
-    y === void 0 && (y = []), !g.current && s((D) => D === null ? y : D.concat(y.filter((b) => !D.includes(b))));
-  }, [g]), C = I(null), h = Ae((y) => {
+  } = i, d = L(e), u = p(), g = Ae(u), f = Y(function(y) {
+    y === void 0 && (y = []), !g.current && l((D) => D === null ? y : D.concat(y.filter((w) => !D.includes(w))));
+  }, [g]), C = L(null), h = Ne((y) => {
     if (u && !n)
-      return It;
-    if (!y || y === It || d.current !== e || o != null) {
+      return Lt;
+    if (!y || y === Lt || d.current !== e || o != null) {
       const D = /* @__PURE__ */ new Map();
-      for (let b of e) {
-        if (!b)
+      for (let w of e) {
+        if (!w)
           continue;
-        if (o && o.length > 0 && !o.includes(b.id) && b.rect.current) {
-          D.set(b.id, b.rect.current);
+        if (o && o.length > 0 && !o.includes(w.id) && w.rect.current) {
+          D.set(w.id, w.rect.current);
           continue;
         }
-        const T = b.node.current, x = T ? new at(a(T), T) : null;
-        b.rect.current = x, x && D.set(b.id, x);
+        const I = w.node.current, x = I ? new at(a(I), I) : null;
+        w.rect.current = x, x && D.set(w.id, x);
       }
       return D;
     }
     return y;
   }, [e, o, n, u, a]);
-  return M(() => {
+  return R(() => {
     d.current = e;
-  }, [e]), M(
+  }, [e]), R(
     () => {
       u || f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, u]
-  ), M(
+  ), R(
     () => {
-      o && o.length > 0 && s(null);
+      o && o.length > 0 && l(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(o)]
-  ), M(
+  ), R(
     () => {
-      u || typeof l != "number" || C.current !== null || (C.current = setTimeout(() => {
+      u || typeof s != "number" || C.current !== null || (C.current = setTimeout(() => {
         f(), C.current = null;
-      }, l));
+      }, s));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, u, f, ...r]
+    [s, u, f, ...r]
   ), {
     droppableRects: h,
     measureDroppableContainers: f,
     measuringScheduled: o != null
   };
-  function v() {
+  function p() {
     switch (c) {
-      case Ee.Always:
+      case Me.Always:
         return !1;
-      case Ee.BeforeDragging:
+      case Me.BeforeDragging:
         return n;
       default:
         return !n;
@@ -1213,17 +1233,17 @@ function ir(e, t) {
   }
 }
 function Qt(e, t) {
-  return Ae((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+  return Ne((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function sr(e, t) {
+function lr(e, t) {
   return Qt(e, t);
 }
-function lr(e) {
+function ar(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = Wt(t), i = E(() => {
+  const r = Wt(t), i = A(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1231,14 +1251,14 @@ function lr(e) {
     } = window;
     return new o(r);
   }, [r, n]);
-  return M(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
+  return R(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
 }
-function Ke(e) {
+function Ye(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = Wt(t), i = E(
+  const r = Wt(t), i = A(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1250,14 +1270,27 @@ function Ke(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return M(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
+  return R(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
 }
-function ar(e) {
-  return new at(Oe(e), e);
-}
-function kt(e, t, n) {
-  t === void 0 && (t = ar);
-  const [r, i] = ot(l, null), o = lr({
+function cr(e) {
+  return new at(Te(e), e);
+}
+function It(e, t, n) {
+  t === void 0 && (t = cr);
+  const [r, i] = K(null);
+  function o() {
+    i((a) => {
+      if (!e)
+        return null;
+      if (e.isConnected === !1) {
+        var c;
+        return (c = a ?? n) != null ? c : null;
+      }
+      const d = t(e);
+      return JSON.stringify(a) === JSON.stringify(d) ? a : d;
+    });
+  }
+  const l = ar({
     callback(a) {
       if (e)
         for (const c of a) {
@@ -1266,86 +1299,76 @@ function kt(e, t, n) {
             target: u
           } = c;
           if (d === "childList" && u instanceof HTMLElement && u.contains(e)) {
-            i();
+            o();
             break;
           }
         }
     }
-  }), s = Ke({
-    callback: i
+  }), s = Ye({
+    callback: o
   });
-  return se(() => {
-    i(), e ? (s == null || s.observe(e), o == null || o.observe(document.body, {
+  return we(() => {
+    o(), e ? (s == null || s.observe(e), l == null || l.observe(document.body, {
       childList: !0,
       subtree: !0
-    })) : (s == null || s.disconnect(), o == null || o.disconnect());
+    })) : (s == null || s.disconnect(), l == null || l.disconnect());
   }, [e]), r;
-  function l(a) {
-    if (!e)
-      return null;
-    if (e.isConnected === !1) {
-      var c;
-      return (c = a ?? n) != null ? c : null;
-    }
-    const d = t(e);
-    return JSON.stringify(a) === JSON.stringify(d) ? a : d;
-  }
 }
-function cr(e) {
+function ur(e) {
   const t = Qt(e);
   return Xt(e, t);
 }
-const zt = [];
-function ur(e) {
-  const t = I(e), n = Ae((r) => e ? r && r !== zt && e && t.current && e.parentNode === t.current.parentNode ? r : lt(e) : zt, [e]);
-  return M(() => {
+const kt = [];
+function dr(e) {
+  const t = L(e), n = Ne((r) => e ? r && r !== kt && e && t.current && e.parentNode === t.current.parentNode ? r : lt(e) : kt, [e]);
+  return R(() => {
     t.current = e;
   }, [e]), n;
 }
-function dr(e) {
-  const [t, n] = V(null), r = I(e), i = K((o) => {
-    const s = Je(o.target);
-    s && n((l) => l ? (l.set(s, tt(s)), new Map(l)) : null);
+function fr(e) {
+  const [t, n] = K(null), r = L(e), i = Y((o) => {
+    const l = Ge(o.target);
+    l && n((s) => s ? (s.set(l, nt(l)), new Map(s)) : null);
   }, []);
-  return M(() => {
+  return R(() => {
     const o = r.current;
     if (e !== o) {
-      s(o);
-      const l = e.map((a) => {
-        const c = Je(a);
+      l(o);
+      const s = e.map((a) => {
+        const c = Ge(a);
         return c ? (c.addEventListener("scroll", i, {
           passive: !0
-        }), [c, tt(c)]) : null;
+        }), [c, nt(c)]) : null;
       }).filter((a) => a != null);
-      n(l.length ? new Map(l) : null), r.current = e;
+      n(s.length ? new Map(s) : null), r.current = e;
     }
     return () => {
-      s(e), s(o);
+      l(e), l(o);
     };
-    function s(l) {
-      l.forEach((a) => {
-        const c = Je(a);
+    function l(s) {
+      s.forEach((a) => {
+        const c = Ge(a);
         c == null || c.removeEventListener("scroll", i);
       });
     }
-  }, [i, e]), E(() => e.length ? t ? Array.from(t.values()).reduce((o, s) => fe(o, s), Y) : qt(e) : Y, [e, t]);
+  }, [i, e]), A(() => e.length ? t ? Array.from(t.values()).reduce((o, l) => ve(o, l), j) : qt(e) : j, [e, t]);
 }
-function Bt(e, t) {
+function zt(e, t) {
   t === void 0 && (t = []);
-  const n = I(null);
-  return M(
+  const n = L(null);
+  return R(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), M(() => {
-    const r = e !== Y;
+  ), R(() => {
+    const r = e !== j;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
-  }, [e]), n.current ? Fe(e, n.current) : Y;
+  }, [e]), n.current ? Fe(e, n.current) : j;
 }
-function fr(e) {
-  M(
+function hr(e) {
+  R(
     () => {
       if (!it)
         return;
@@ -1370,32 +1393,33 @@ function fr(e) {
     })
   );
 }
-function hr(e, t) {
-  return E(() => e.reduce((n, r) => {
+function gr(e, t) {
+  return A(() => e.reduce((n, r) => {
     let {
       eventName: i,
       handler: o
     } = r;
-    return n[i] = (s) => {
-      o(s, t);
+    return n[i] = (l) => {
+      o(l, t);
     }, n;
   }, {}), [e, t]);
 }
 function Zt(e) {
-  return E(() => e ? Fn(e) : null, [e]);
+  return A(() => e ? Fn(e) : null, [e]);
 }
-const Qe = [];
-function gr(e, t) {
-  t === void 0 && (t = Oe);
-  const [n] = e, r = Zt(n ? G(n) : null), [i, o] = ot(l, Qe), s = Ke({
-    callback: o
-  });
-  return e.length > 0 && i === Qe && o(), se(() => {
-    e.length ? e.forEach((a) => s == null ? void 0 : s.observe(a)) : (s == null || s.disconnect(), o());
-  }, [e]), i;
+const Bt = [];
+function pr(e, t) {
+  t === void 0 && (t = Te);
+  const [n] = e, r = Zt(n ? Z(n) : null), [i, o] = K(Bt);
   function l() {
-    return e.length ? e.map((a) => Ht(a) ? r : new at(t(a), a)) : Qe;
+    o(() => e.length ? e.map((a) => Ht(a) ? r : new at(t(a), a)) : Bt);
   }
+  const s = Ye({
+    callback: l
+  });
+  return we(() => {
+    s == null || s.disconnect(), l(), e.forEach((a) => s == null ? void 0 : s.observe(a));
+  }, [e]), i;
 }
 function vr(e) {
   if (!e)
@@ -1403,17 +1427,17 @@ function vr(e) {
   if (e.children.length > 1)
     return e;
   const t = e.children[0];
-  return Xe(t) ? t : e;
+  return Ke(t) ? t : e;
 }
-function pr(e) {
+function br(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = V(null), i = K((c) => {
+  const [n, r] = K(null), i = Y((c) => {
     for (const {
       target: d
     } of c)
-      if (Xe(d)) {
+      if (Ke(d)) {
         r((u) => {
           const g = t(d);
           return u ? {
@@ -1424,40 +1448,40 @@ function pr(e) {
         });
         break;
       }
-  }, [t]), o = Ke({
+  }, [t]), o = Ye({
     callback: i
-  }), s = K((c) => {
+  }), l = Y((c) => {
     const d = vr(c);
     o == null || o.disconnect(), d && (o == null || o.observe(d)), r(d ? t(d) : null);
-  }, [t, o]), [l, a] = Pe(s);
-  return E(() => ({
-    nodeRef: l,
+  }, [t, o]), [s, a] = $e(l);
+  return A(() => ({
+    nodeRef: s,
     rect: n,
     setRef: a
-  }), [n, l, a]);
+  }), [n, s, a]);
 }
-const br = [{
+const wr = [{
   sensor: Gt,
   options: {}
 }, {
   sensor: Vt,
   options: {}
-}], wr = {
+}], yr = {
   current: {}
-}, Be = {
+}, Pe = {
   draggable: {
-    measure: Ot
+    measure: Mt
   },
   droppable: {
-    measure: Ot,
-    strategy: Ee.WhileDragging,
-    frequency: rt.Optimized
+    measure: Mt,
+    strategy: Me.WhileDragging,
+    frequency: ot.Optimized
   },
   dragOverlay: {
-    measure: Oe
+    measure: Te
   }
 };
-class Se extends Map {
+class Ee extends Map {
   get(t) {
     var n;
     return t != null && (n = super.get(t)) != null ? n : void 0;
@@ -1478,7 +1502,7 @@ class Se extends Map {
     return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
   }
 }
-const yr = {
+const mr = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -1487,22 +1511,22 @@ const yr = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new Se(),
+  droppableContainers: /* @__PURE__ */ new Ee(),
   over: null,
   dragOverlay: {
     nodeRef: {
       current: null
     },
     rect: null,
-    setRef: $e
+    setRef: We
   },
   scrollableAncestors: [],
   scrollableAncestorRects: [],
-  measuringConfiguration: Be,
-  measureDroppableContainers: $e,
+  measuringConfiguration: Pe,
+  measureDroppableContainers: We,
   windowRect: null,
   measuringScheduled: !1
-}, mr = {
+}, Dr = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -1510,12 +1534,12 @@ const yr = {
   ariaDescribedById: {
     draggable: ""
   },
-  dispatch: $e,
+  dispatch: We,
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
-  measureDroppableContainers: $e
-}, Ye = /* @__PURE__ */ Me(mr), en = /* @__PURE__ */ Me(yr);
-function Dr() {
+  measureDroppableContainers: We
+}, je = /* @__PURE__ */ Oe(Dr), en = /* @__PURE__ */ Oe(mr);
+function xr() {
   return {
     draggable: {
       active: null,
@@ -1530,13 +1554,13 @@ function Dr() {
       }
     },
     droppable: {
-      containers: new Se()
+      containers: new Ee()
     }
   };
 }
-function xr(e, t) {
+function Cr(e, t) {
   switch (t.type) {
-    case R.DragStart:
+    case E.DragStart:
       return {
         ...e,
         draggable: {
@@ -1545,8 +1569,8 @@ function xr(e, t) {
           active: t.active
         }
       };
-    case R.DragMove:
-      return e.draggable.active ? {
+    case E.DragMove:
+      return e.draggable.active == null ? e : {
         ...e,
         draggable: {
           ...e.draggable,
@@ -1555,9 +1579,9 @@ function xr(e, t) {
             y: t.coordinates.y - e.draggable.initialCoordinates.y
           }
         }
-      } : e;
-    case R.DragEnd:
-    case R.DragCancel:
+      };
+    case E.DragEnd:
+    case E.DragCancel:
       return {
         ...e,
         draggable: {
@@ -1573,12 +1597,12 @@ function xr(e, t) {
           }
         }
       };
-    case R.RegisterDroppable: {
+    case E.RegisterDroppable: {
       const {
         element: n
       } = t, {
         id: r
-      } = n, i = new Se(e.droppable.containers);
+      } = n, i = new Ee(e.droppable.containers);
       return i.set(r, n), {
         ...e,
         droppable: {
@@ -1587,7 +1611,7 @@ function xr(e, t) {
         }
       };
     }
-    case R.SetDroppableDisabled: {
+    case E.SetDroppableDisabled: {
       const {
         id: n,
         key: r,
@@ -1595,26 +1619,26 @@ function xr(e, t) {
       } = t, o = e.droppable.containers.get(n);
       if (!o || r !== o.key)
         return e;
-      const s = new Se(e.droppable.containers);
-      return s.set(n, {
+      const l = new Ee(e.droppable.containers);
+      return l.set(n, {
         ...o,
         disabled: i
       }), {
         ...e,
         droppable: {
           ...e.droppable,
-          containers: s
+          containers: l
         }
       };
     }
-    case R.UnregisterDroppable: {
+    case E.UnregisterDroppable: {
       const {
         id: n,
         key: r
       } = t, i = e.droppable.containers.get(n);
       if (!i || r !== i.key)
         return e;
-      const o = new Se(e.droppable.containers);
+      const o = new Ee(e.droppable.containers);
       return o.delete(n), {
         ...e,
         droppable: {
@@ -1627,7 +1651,7 @@ function xr(e, t) {
       return e;
   }
 }
-function Cr(e) {
+function Sr(e) {
   let {
     disabled: t
   } = e;
@@ -1635,25 +1659,25 @@ function Cr(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: i
-  } = he(Ye), o = et(r), s = et(n == null ? void 0 : n.id);
-  return M(() => {
-    if (!t && !r && o && s != null) {
-      if (!Pt(o) || document.activeElement === o.target)
+  } = be(je), o = tt(r), l = tt(n == null ? void 0 : n.id);
+  return R(() => {
+    if (!t && !r && o && l != null) {
+      if (!Ft(o) || document.activeElement === o.target)
         return;
-      const l = i.get(s);
-      if (!l)
+      const s = i.get(l);
+      if (!s)
         return;
       const {
         activatorNode: a,
         node: c
-      } = l;
+      } = s;
       if (!a.current && !c.current)
         return;
       requestAnimationFrame(() => {
         for (const d of [a.current, c.current]) {
           if (!d)
             continue;
-          const u = gn(d);
+          const u = pn(d);
           if (u) {
             u.focus();
             break;
@@ -1661,9 +1685,9 @@ function Cr(e) {
         }
       });
     }
-  }, [r, t, i, s, o]), null;
+  }, [r, t, i, l, o]), null;
 }
-function Sr(e, t) {
+function Rr(e, t) {
   let {
     transform: n,
     ...r
@@ -1673,19 +1697,19 @@ function Sr(e, t) {
     ...r
   }), n) : n;
 }
-function Rr(e) {
-  return E(
+function Er(e) {
+  return A(
     () => ({
       draggable: {
-        ...Be.draggable,
+        ...Pe.draggable,
         ...e == null ? void 0 : e.draggable
       },
       droppable: {
-        ...Be.droppable,
+        ...Pe.droppable,
         ...e == null ? void 0 : e.droppable
       },
       dragOverlay: {
-        ...Be.dragOverlay,
+        ...Pe.dragOverlay,
         ...e == null ? void 0 : e.dragOverlay
       }
     }),
@@ -1693,22 +1717,22 @@ function Rr(e) {
     [e == null ? void 0 : e.draggable, e == null ? void 0 : e.droppable, e == null ? void 0 : e.dragOverlay]
   );
 }
-function Er(e) {
+function Ar(e) {
   let {
     activeNode: t,
     measure: n,
     initialRect: r,
     config: i = !0
   } = e;
-  const o = I(!1), {
-    x: s,
-    y: l
+  const o = L(!1), {
+    x: l,
+    y: s
   } = typeof i == "boolean" ? {
     x: i,
     y: i
   } : i;
-  se(() => {
-    if (!s && !l || !t) {
+  we(() => {
+    if (!l && !s || !t) {
       o.current = !1;
       return;
     }
@@ -1718,200 +1742,228 @@ function Er(e) {
     if (!c || c.isConnected === !1)
       return;
     const d = n(c), u = Xt(d, r);
-    if (s || (u.x = 0), l || (u.y = 0), o.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
+    if (l || (u.x = 0), s || (u.y = 0), o.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
       const g = Kt(c);
       g && g.scrollBy({
         top: u.y,
         left: u.x
       });
     }
-  }, [t, s, l, r, n]);
+  }, [t, l, s, r, n]);
 }
-const tn = /* @__PURE__ */ Me({
-  ...Y,
+const tn = /* @__PURE__ */ Oe({
+  ...j,
   scaleX: 1,
   scaleY: 1
 });
-var ne;
+var se;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(ne || (ne = {}));
-const Pr = /* @__PURE__ */ dn(function(t) {
+})(se || (se = {}));
+const $r = /* @__PURE__ */ dn(function(t) {
   var n, r, i, o;
   let {
-    id: s,
-    accessibility: l,
+    id: l,
+    accessibility: s,
     autoScroll: a = !0,
     children: c,
-    sensors: d = br,
-    collisionDetection: u = Nn,
+    sensors: d = wr,
+    collisionDetection: u = Tn,
     measuring: g,
     modifiers: f,
     ...C
   } = t;
-  const h = ot(xr, void 0, Dr), [v, y] = h, [D, b] = Dn(), [T, x] = V(ne.Uninitialized), S = T === ne.Initialized, {
+  const h = fn(Cr, void 0, xr), [p, y] = h, [D, w] = xn(), [I, x] = K(se.Uninitialized), S = I === se.Initialized, {
     draggable: {
-      active: p,
-      nodes: w,
-      translate: A
+      active: b,
+      nodes: v,
+      translate: M
     },
     droppable: {
-      containers: k
+      containers: z
     }
-  } = v, O = p ? w.get(p) : null, _ = I({
+  } = p, O = b != null ? v.get(b) : null, J = L({
     initial: null,
     translated: null
-  }), q = E(() => {
-    var L;
-    return p != null ? {
-      id: p,
+  }), V = A(() => {
+    var k;
+    return b != null ? {
+      id: b,
       // It's possible for the active node to unmount while dragging
-      data: (L = O == null ? void 0 : O.data) != null ? L : wr,
-      rect: _
+      data: (k = O == null ? void 0 : O.data) != null ? k : yr,
+      rect: J
     } : null;
-  }, [p, O]), Q = I(null), [ut, dt] = V(null), [J, ft] = V(null), ve = Re(C, Object.values(C)), je = Ue("DndDescribedBy", s), ht = E(() => k.getEnabled(), [k]), re = Rr(g), {
-    droppableRects: le,
-    measureDroppableContainers: Ne,
+  }, [b, O]), ee = L(null), [ut, dt] = K(null), [G, ft] = K(null), le = Ae(C, Object.values(C)), He = Xe("DndDescribedBy", l), ht = A(() => z.getEnabled(), [z]), ae = Er(g), {
+    droppableRects: de,
+    measureDroppableContainers: Le,
     measuringScheduled: gt
-  } = ir(ht, {
+  } = sr(ht, {
     dragging: S,
-    dependencies: [A.x, A.y],
-    config: re.droppable
-  }), $ = rr(w, p), vt = E(() => J ? Ze(J) : null, [J]), pt = un(), bt = sr($, re.draggable.measure);
-  Er({
-    activeNode: p ? w.get(p) : null,
-    config: pt.layoutShiftCompensation,
+    dependencies: [M.x, M.y],
+    config: ae.droppable
+  }), U = or(v, b), pt = A(() => G ? et(G) : null, [G]), vt = un(), bt = lr(U, ae.draggable.measure);
+  Ar({
+    activeNode: b != null ? v.get(b) : null,
+    config: vt.layoutShiftCompensation,
     initialRect: bt,
-    measure: re.draggable.measure
+    measure: ae.draggable.measure
   });
-  const W = kt($, re.draggable.measure, bt), He = kt($ ? $.parentElement : null), oe = I({
+  const X = It(U, ae.draggable.measure, bt), _e = It(U ? U.parentElement : null), ce = L({
     activatorEvent: null,
     active: null,
-    activeNode: $,
+    activeNode: U,
     collisionRect: null,
     collisions: null,
-    droppableRects: le,
-    draggableNodes: w,
+    droppableRects: de,
+    draggableNodes: v,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: k,
+    droppableContainers: z,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), wt = k.getNodeFor((n = oe.current.over) == null ? void 0 : n.id), ie = pr({
-    measure: re.dragOverlay.measure
-  }), Le = (r = ie.nodeRef.current) != null ? r : $, ae = S ? (i = ie.rect) != null ? i : W : null, yt = !!(ie.nodeRef.current && ie.rect), mt = cr(yt ? null : W), _e = Zt(Le ? G(Le) : null), Z = ur(S ? wt ?? $ : null), Te = gr(Z), Ie = Sr(f, {
+  }), wt = z.getNodeFor((n = ce.current.over) == null ? void 0 : n.id), ue = br({
+    measure: ae.dragOverlay.measure
+  }), Ie = (r = ue.nodeRef.current) != null ? r : U, fe = S ? (i = ue.rect) != null ? i : X : null, yt = !!(ue.nodeRef.current && ue.rect), mt = ur(yt ? null : X), qe = Zt(Ie ? Z(Ie) : null), te = dr(S ? wt ?? U : null), ke = pr(te), ze = Rr(f, {
     transform: {
-      x: A.x - mt.x,
-      y: A.y - mt.y,
+      x: M.x - mt.x,
+      y: M.y - mt.y,
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: J,
-    active: q,
-    activeNodeRect: W,
-    containerNodeRect: He,
-    draggingNodeRect: ae,
-    over: oe.current.over,
-    overlayNodeRect: ie.rect,
-    scrollableAncestors: Z,
-    scrollableAncestorRects: Te,
-    windowRect: _e
-  }), Dt = vt ? fe(vt, A) : null, xt = dr(Z), nn = Bt(xt), rn = Bt(xt, [W]), ce = fe(Ie, nn), ue = ae ? In(ae, Ie) : null, pe = q && ue ? u({
-    active: q,
-    collisionRect: ue,
-    droppableRects: le,
+    activatorEvent: G,
+    active: V,
+    activeNodeRect: X,
+    containerNodeRect: _e,
+    draggingNodeRect: fe,
+    over: ce.current.over,
+    overlayNodeRect: ue.rect,
+    scrollableAncestors: te,
+    scrollableAncestorRects: ke,
+    windowRect: qe
+  }), Dt = pt ? ve(pt, M) : null, xt = fr(te), nn = zt(xt), rn = zt(xt, [X]), he = ve(ze, nn), ge = fe ? kn(fe, ze) : null, me = V && ge ? u({
+    active: V,
+    collisionRect: ge,
+    droppableRects: de,
     droppableContainers: ht,
     pointerCoordinates: Dt
-  }) : null, Ct = An(pe, "id"), [ee, St] = V(null), on = yt ? Ie : fe(Ie, rn), sn = Ln(on, (o = ee == null ? void 0 : ee.rect) != null ? o : null, W), Rt = K(
-    (L, z) => {
+  }) : null, Ct = On(me, "id"), [ne, St] = K(null), on = yt ? ze : ve(ze, rn), sn = Ln(on, (o = ne == null ? void 0 : ne.rect) != null ? o : null, X), Je = L(null), Rt = Y(
+    (k, B) => {
       let {
-        sensor: B,
-        options: te
-      } = z;
-      if (Q.current == null)
+        sensor: P,
+        options: re
+      } = B;
+      if (ee.current == null)
         return;
-      const F = w.get(Q.current);
-      if (!F)
+      const $ = v.get(ee.current);
+      if (!$)
         return;
-      const U = L.nativeEvent, j = new B({
-        active: Q.current,
-        activeNode: F,
-        event: U,
-        options: te,
+      const F = k.nativeEvent, H = new P({
+        active: ee.current,
+        activeNode: $,
+        event: F,
+        options: re,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: oe,
-        onStart(X) {
-          const be = Q.current;
-          if (be == null)
+        context: ce,
+        onAbort(T) {
+          if (!v.get(T))
             return;
-          const we = w.get(be);
-          if (!we)
+          const {
+            onDragAbort: _
+          } = le.current, Q = {
+            id: T
+          };
+          _ == null || _(Q), D({
+            type: "onDragAbort",
+            event: Q
+          });
+        },
+        onPending(T, oe, _, Q) {
+          if (!v.get(T))
             return;
           const {
-            onDragStart: ke
-          } = ve.current, ze = {
+            onDragPending: xe
+          } = le.current, ie = {
+            id: T,
+            constraint: oe,
+            initialCoordinates: _,
+            offset: Q
+          };
+          xe == null || xe(ie), D({
+            type: "onDragPending",
+            event: ie
+          });
+        },
+        onStart(T) {
+          const oe = ee.current;
+          if (oe == null)
+            return;
+          const _ = v.get(oe);
+          if (!_)
+            return;
+          const {
+            onDragStart: Q
+          } = le.current, De = {
+            activatorEvent: F,
             active: {
-              id: be,
-              data: we.data,
-              rect: _
+              id: oe,
+              data: _.data,
+              rect: J
             }
           };
-          De(() => {
-            ke == null || ke(ze), x(ne.Initializing), y({
-              type: R.DragStart,
-              initialCoordinates: X,
-              active: be
+          Be(() => {
+            Q == null || Q(De), x(se.Initializing), y({
+              type: E.DragStart,
+              initialCoordinates: T,
+              active: oe
             }), D({
               type: "onDragStart",
-              event: ze
-            });
+              event: De
+            }), dt(Je.current), ft(F);
           });
         },
-        onMove(X) {
+        onMove(T) {
           y({
-            type: R.DragMove,
-            coordinates: X
+            type: E.DragMove,
+            coordinates: T
           });
         },
-        onEnd: de(R.DragEnd),
-        onCancel: de(R.DragCancel)
-      });
-      De(() => {
-        dt(j), ft(L.nativeEvent);
+        onEnd: pe(E.DragEnd),
+        onCancel: pe(E.DragCancel)
       });
-      function de(X) {
+      Je.current = H;
+      function pe(T) {
         return async function() {
           const {
-            active: we,
-            collisions: ke,
-            over: ze,
-            scrollAdjustedTranslate: Mt
-          } = oe.current;
-          let ye = null;
-          if (we && Mt) {
+            active: _,
+            collisions: Q,
+            over: De,
+            scrollAdjustedTranslate: xe
+          } = ce.current;
+          let ie = null;
+          if (_ && xe) {
             const {
-              cancelDrop: me
-            } = ve.current;
-            ye = {
-              activatorEvent: U,
-              active: we,
-              collisions: ke,
-              delta: Mt,
-              over: ze
-            }, X === R.DragEnd && typeof me == "function" && await Promise.resolve(me(ye)) && (X = R.DragCancel);
+              cancelDrop: Ce
+            } = le.current;
+            ie = {
+              activatorEvent: F,
+              active: _,
+              collisions: Q,
+              delta: xe,
+              over: De
+            }, T === E.DragEnd && typeof Ce == "function" && await Promise.resolve(Ce(ie)) && (T = E.DragCancel);
           }
-          Q.current = null, De(() => {
+          ee.current = null, Be(() => {
             y({
-              type: X
-            }), x(ne.Uninitialized), St(null), dt(null), ft(null);
-            const me = X === R.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (ye) {
-              const qe = ve.current[me];
-              qe == null || qe(ye), D({
-                type: me,
-                event: ye
+              type: T
+            }), x(se.Uninitialized), St(null), dt(null), ft(null), Je.current = null;
+            const Ce = T === E.DragEnd ? "onDragEnd" : "onDragCancel";
+            if (ie) {
+              const Ve = le.current[Ce];
+              Ve == null || Ve(ie), D({
+                type: Ce,
+                event: ie
               });
             }
           });
@@ -1919,259 +1971,259 @@ const Pr = /* @__PURE__ */ dn(function(t) {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [w]
-  ), ln = K((L, z) => (B, te) => {
-    const F = B.nativeEvent, U = w.get(te);
+    [v]
+  ), ln = Y((k, B) => (P, re) => {
+    const $ = P.nativeEvent, F = v.get(re);
     if (
       // Another sensor is already instantiating
-      Q.current !== null || // No active draggable
-      !U || // Event has already been captured
-      F.dndKit || F.defaultPrevented
+      ee.current !== null || // No active draggable
+      !F || // Event has already been captured
+      $.dndKit || $.defaultPrevented
     )
       return;
-    const j = {
-      active: U
+    const H = {
+      active: F
     };
-    L(B, z.options, j) === !0 && (F.dndKit = {
-      capturedBy: z.sensor
-    }, Q.current = te, Rt(B, z));
-  }, [w, Rt]), Et = or(d, ln);
-  fr(d), se(() => {
-    W && T === ne.Initializing && x(ne.Initialized);
-  }, [W, T]), M(
+    k(P, B.options, H) === !0 && ($.dndKit = {
+      capturedBy: B.sensor
+    }, ee.current = re, Rt(P, B));
+  }, [v, Rt]), Et = ir(d, ln);
+  hr(d), we(() => {
+    X && I === se.Initializing && x(se.Initialized);
+  }, [X, I]), R(
     () => {
       const {
-        onDragMove: L
-      } = ve.current, {
-        active: z,
-        activatorEvent: B,
-        collisions: te,
-        over: F
-      } = oe.current;
-      if (!z || !B)
+        onDragMove: k
+      } = le.current, {
+        active: B,
+        activatorEvent: P,
+        collisions: re,
+        over: $
+      } = ce.current;
+      if (!B || !P)
         return;
-      const U = {
-        active: z,
-        activatorEvent: B,
-        collisions: te,
+      const F = {
+        active: B,
+        activatorEvent: P,
+        collisions: re,
         delta: {
-          x: ce.x,
-          y: ce.y
+          x: he.x,
+          y: he.y
         },
-        over: F
+        over: $
       };
-      De(() => {
-        L == null || L(U), D({
+      Be(() => {
+        k == null || k(F), D({
           type: "onDragMove",
-          event: U
+          event: F
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [ce.x, ce.y]
-  ), M(
+    [he.x, he.y]
+  ), R(
     () => {
       const {
-        active: L,
-        activatorEvent: z,
-        collisions: B,
-        droppableContainers: te,
-        scrollAdjustedTranslate: F
-      } = oe.current;
-      if (!L || Q.current == null || !z || !F)
+        active: k,
+        activatorEvent: B,
+        collisions: P,
+        droppableContainers: re,
+        scrollAdjustedTranslate: $
+      } = ce.current;
+      if (!k || ee.current == null || !B || !$)
         return;
       const {
-        onDragOver: U
-      } = ve.current, j = te.get(Ct), de = j && j.rect.current ? {
-        id: j.id,
-        rect: j.rect.current,
-        data: j.data,
-        disabled: j.disabled
-      } : null, X = {
-        active: L,
-        activatorEvent: z,
-        collisions: B,
+        onDragOver: F
+      } = le.current, H = re.get(Ct), pe = H && H.rect.current ? {
+        id: H.id,
+        rect: H.rect.current,
+        data: H.data,
+        disabled: H.disabled
+      } : null, T = {
+        active: k,
+        activatorEvent: B,
+        collisions: P,
         delta: {
-          x: F.x,
-          y: F.y
+          x: $.x,
+          y: $.y
         },
-        over: de
+        over: pe
       };
-      De(() => {
-        St(de), U == null || U(X), D({
+      Be(() => {
+        St(pe), F == null || F(T), D({
           type: "onDragOver",
-          event: X
+          event: T
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Ct]
-  ), se(() => {
-    oe.current = {
-      activatorEvent: J,
-      active: q,
-      activeNode: $,
-      collisionRect: ue,
-      collisions: pe,
-      droppableRects: le,
-      draggableNodes: w,
-      draggingNode: Le,
-      draggingNodeRect: ae,
-      droppableContainers: k,
-      over: ee,
-      scrollableAncestors: Z,
-      scrollAdjustedTranslate: ce
-    }, _.current = {
-      initial: ae,
-      translated: ue
+  ), we(() => {
+    ce.current = {
+      activatorEvent: G,
+      active: V,
+      activeNode: U,
+      collisionRect: ge,
+      collisions: me,
+      droppableRects: de,
+      draggableNodes: v,
+      draggingNode: Ie,
+      draggingNodeRect: fe,
+      droppableContainers: z,
+      over: ne,
+      scrollableAncestors: te,
+      scrollAdjustedTranslate: he
+    }, J.current = {
+      initial: fe,
+      translated: ge
     };
-  }, [q, $, pe, ue, w, Le, ae, le, k, ee, Z, ce]), er({
-    ...pt,
-    delta: A,
-    draggingRect: ue,
+  }, [V, U, me, ge, v, Ie, fe, de, z, ne, te, he]), tr({
+    ...vt,
+    delta: M,
+    draggingRect: ge,
     pointerCoordinates: Dt,
-    scrollableAncestors: Z,
-    scrollableAncestorRects: Te
+    scrollableAncestors: te,
+    scrollableAncestorRects: ke
   });
-  const an = E(() => ({
-    active: q,
-    activeNode: $,
-    activeNodeRect: W,
-    activatorEvent: J,
-    collisions: pe,
-    containerNodeRect: He,
-    dragOverlay: ie,
-    draggableNodes: w,
-    droppableContainers: k,
-    droppableRects: le,
-    over: ee,
-    measureDroppableContainers: Ne,
-    scrollableAncestors: Z,
-    scrollableAncestorRects: Te,
-    measuringConfiguration: re,
+  const an = A(() => ({
+    active: V,
+    activeNode: U,
+    activeNodeRect: X,
+    activatorEvent: G,
+    collisions: me,
+    containerNodeRect: _e,
+    dragOverlay: ue,
+    draggableNodes: v,
+    droppableContainers: z,
+    droppableRects: de,
+    over: ne,
+    measureDroppableContainers: Le,
+    scrollableAncestors: te,
+    scrollableAncestorRects: ke,
+    measuringConfiguration: ae,
     measuringScheduled: gt,
-    windowRect: _e
-  }), [q, $, W, J, pe, He, ie, w, k, le, ee, Ne, Z, Te, re, gt, _e]), cn = E(() => ({
-    activatorEvent: J,
+    windowRect: qe
+  }), [V, U, X, G, me, _e, ue, v, z, de, ne, Le, te, ke, ae, gt, qe]), cn = A(() => ({
+    activatorEvent: G,
     activators: Et,
-    active: q,
-    activeNodeRect: W,
+    active: V,
+    activeNodeRect: X,
     ariaDescribedById: {
-      draggable: je
+      draggable: He
     },
     dispatch: y,
-    draggableNodes: w,
-    over: ee,
-    measureDroppableContainers: Ne
-  }), [J, Et, q, W, y, je, w, ee, Ne]);
-  return H.createElement(Ut.Provider, {
-    value: b
-  }, H.createElement(Ye.Provider, {
+    draggableNodes: v,
+    over: ne,
+    measureDroppableContainers: Le
+  }), [G, Et, V, X, y, He, v, ne, Le]);
+  return q.createElement(Ut.Provider, {
+    value: w
+  }, q.createElement(je.Provider, {
     value: cn
-  }, H.createElement(en.Provider, {
+  }, q.createElement(en.Provider, {
     value: an
-  }, H.createElement(tn.Provider, {
+  }, q.createElement(tn.Provider, {
     value: sn
-  }, c)), H.createElement(Cr, {
-    disabled: (l == null ? void 0 : l.restoreFocus) === !1
-  })), H.createElement(Sn, {
-    ...l,
-    hiddenTextDescribedById: je
+  }, c)), q.createElement(Sr, {
+    disabled: (s == null ? void 0 : s.restoreFocus) === !1
+  })), q.createElement(Rn, {
+    ...s,
+    hiddenTextDescribedById: He
   }));
   function un() {
-    const L = (ut == null ? void 0 : ut.autoScrollEnabled) === !1, z = typeof a == "object" ? a.enabled === !1 : a === !1, B = S && !L && !z;
+    const k = (ut == null ? void 0 : ut.autoScrollEnabled) === !1, B = typeof a == "object" ? a.enabled === !1 : a === !1, P = S && !k && !B;
     return typeof a == "object" ? {
       ...a,
-      enabled: B
+      enabled: P
     } : {
-      enabled: B
+      enabled: P
     };
   }
-}), Mr = /* @__PURE__ */ Me(null), Ft = "button", Ar = "Droppable";
-function $r(e) {
+}), Mr = /* @__PURE__ */ Oe(null), Pt = "button", Or = "Draggable";
+function Wr(e) {
   let {
     id: t,
     data: n,
     disabled: r = !1,
     attributes: i
   } = e;
-  const o = Ue(Ar), {
-    activators: s,
-    activatorEvent: l,
+  const o = Xe(Or), {
+    activators: l,
+    activatorEvent: s,
     active: a,
     activeNodeRect: c,
     ariaDescribedById: d,
     draggableNodes: u,
     over: g
-  } = he(Ye), {
-    role: f = Ft,
+  } = be(je), {
+    role: f = Pt,
     roleDescription: C = "draggable",
     tabIndex: h = 0
-  } = i ?? {}, v = (a == null ? void 0 : a.id) === t, y = he(v ? tn : Mr), [D, b] = Pe(), [T, x] = Pe(), S = hr(s, t), p = Re(n);
-  se(
+  } = i ?? {}, p = (a == null ? void 0 : a.id) === t, y = be(p ? tn : Mr), [D, w] = $e(), [I, x] = $e(), S = gr(l, t), b = Ae(n);
+  we(
     () => (u.set(t, {
       id: t,
       key: o,
       node: D,
-      activatorNode: T,
-      data: p
+      activatorNode: I,
+      data: b
     }), () => {
-      const A = u.get(t);
-      A && A.key === o && u.delete(t);
+      const M = u.get(t);
+      M && M.key === o && u.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [u, t]
   );
-  const w = E(() => ({
+  const v = A(() => ({
     role: f,
     tabIndex: h,
     "aria-disabled": r,
-    "aria-pressed": v && f === Ft ? !0 : void 0,
+    "aria-pressed": p && f === Pt ? !0 : void 0,
     "aria-roledescription": C,
     "aria-describedby": d.draggable
-  }), [r, f, h, v, C, d.draggable]);
+  }), [r, f, h, p, C, d.draggable]);
   return {
     active: a,
-    activatorEvent: l,
+    activatorEvent: s,
     activeNodeRect: c,
-    attributes: w,
-    isDragging: v,
+    attributes: v,
+    isDragging: p,
     listeners: r ? void 0 : S,
     node: D,
     over: g,
-    setNodeRef: b,
+    setNodeRef: w,
     setActivatorNodeRef: x,
     transform: y
   };
 }
-function Wr() {
-  return he(en);
+function Ur() {
+  return be(en);
 }
-const Or = "Droppable", Nr = {
+const Nr = "Droppable", Tr = {
   timeout: 25
 };
-function Ur(e) {
+function Xr(e) {
   let {
     data: t,
     disabled: n = !1,
     id: r,
     resizeObserverConfig: i
   } = e;
-  const o = Ue(Or), {
-    active: s,
-    dispatch: l,
+  const o = Xe(Nr), {
+    active: l,
+    dispatch: s,
     over: a,
     measureDroppableContainers: c
-  } = he(Ye), d = I({
+  } = be(je), d = L({
     disabled: n
-  }), u = I(!1), g = I(null), f = I(null), {
+  }), u = L(!1), g = L(null), f = L(null), {
     disabled: C,
     updateMeasurementsFor: h,
-    timeout: v
+    timeout: p
   } = {
-    ...Nr,
+    ...Tr,
     ...i
-  }, y = Re(h ?? r), D = K(
+  }, y = Ae(h ?? r), D = Y(
     () => {
       if (!u.current) {
         u.current = !0;
@@ -2179,45 +2231,45 @@ function Ur(e) {
       }
       f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
         c(Array.isArray(y.current) ? y.current : [y.current]), f.current = null;
-      }, v);
+      }, p);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
-    [v]
-  ), b = Ke({
+    [p]
+  ), w = Ye({
     callback: D,
-    disabled: C || !s
-  }), T = K((w, A) => {
-    b && (A && (b.unobserve(A), u.current = !1), w && b.observe(w));
-  }, [b]), [x, S] = Pe(T), p = Re(t);
-  return M(() => {
-    !b || !x.current || (b.disconnect(), u.current = !1, b.observe(x.current));
-  }, [x, b]), se(
-    () => (l({
-      type: R.RegisterDroppable,
+    disabled: C || !l
+  }), I = Y((v, M) => {
+    w && (M && (w.unobserve(M), u.current = !1), v && w.observe(v));
+  }, [w]), [x, S] = $e(I), b = Ae(t);
+  return R(() => {
+    !w || !x.current || (w.disconnect(), u.current = !1, w.observe(x.current));
+  }, [x, w]), R(
+    () => (s({
+      type: E.RegisterDroppable,
       element: {
         id: r,
         key: o,
         disabled: n,
         node: x,
         rect: g,
-        data: p
+        data: b
       }
-    }), () => l({
-      type: R.UnregisterDroppable,
+    }), () => s({
+      type: E.UnregisterDroppable,
       key: o,
       id: r
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), M(() => {
-    n !== d.current.disabled && (l({
-      type: R.SetDroppableDisabled,
+  ), R(() => {
+    n !== d.current.disabled && (s({
+      type: E.SetDroppableDisabled,
       id: r,
       key: o,
       disabled: n
     }), d.current.disabled = n);
-  }, [r, o, n, l]), {
-    active: s,
+  }, [r, o, n, s]), {
+    active: l,
     rect: g,
     isOver: (a == null ? void 0 : a.id) === r,
     node: x,
@@ -2226,29 +2278,30 @@ function Ur(e) {
   };
 }
 export {
-  Ce as AutoScrollActivator,
-  Pr as DndContext,
+  Re as AutoScrollActivator,
+  $r as DndContext,
   m as KeyboardCode,
   Vt as KeyboardSensor,
-  rt as MeasuringFrequency,
-  Ee as MeasuringStrategy,
-  Qn as MouseSensor,
+  ot as MeasuringFrequency,
+  Me as MeasuringStrategy,
+  Zn as MouseSensor,
   Gt as PointerSensor,
-  Zn as TouchSensor,
-  We as TraversalOrder,
-  Sr as applyModifiers,
+  er as TouchSensor,
+  Ue as TraversalOrder,
+  Rr as applyModifiers,
   Fr as closestCenter,
-  Cn as defaultAnnouncements,
-  Y as defaultCoordinates,
-  xn as defaultScreenReaderInstructions,
-  Oe as getClientRect,
-  An as getFirstCollision,
+  Sn as defaultAnnouncements,
+  j as defaultCoordinates,
+  Vn as defaultKeyboardCoordinateGetter,
+  Cn as defaultScreenReaderInstructions,
+  Te as getClientRect,
+  On as getFirstCollision,
   lt as getScrollableAncestors,
-  Nn as rectIntersection,
-  Wr as useDndContext,
-  mn as useDndMonitor,
-  $r as useDraggable,
-  Ur as useDroppable,
-  zr as useSensor,
-  Br as useSensors
+  Tn as rectIntersection,
+  Ur as useDndContext,
+  Dn as useDndMonitor,
+  Wr as useDraggable,
+  Xr as useDroppable,
+  Br as useSensor,
+  Pr as useSensors
 };