@clevertask/react-sortable-tree 0.0.3 → 0.0.5

package/dist/react-sortable-tree.js

@@ -1,5 +1,5 @@
-import { jsx as $, jsxs as fn } from "react/jsx-runtime";
-import F, { useMemo as T, useLayoutEffect as Qn, useEffect as P, useRef as k, useCallback as z, useState as V, createContext as Ke, memo as ut, useReducer as Nt, useContext as De, cloneElement as er, forwardRef as dt } from "react";
+import { jsx as _, jsxs as fn } from "react/jsx-runtime";
+import j, { useMemo as T, useLayoutEffect as Qn, useEffect as k, useRef as B, useCallback as $, useState as V, createContext as Ke, memo as ut, useReducer as Mt, useContext as we, cloneElement as er, forwardRef as dt } from "react";
 import { unstable_batchedUpdates as je, createPortal as gn } from "react-dom";
 function tr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
@@ -21,53 +21,53 @@ function Me(e) {
 function Lt(e) {
   return "nodeType" in e;
 }
-function J(e) {
+function Z(e) {
   var t, n;
   return e ? Me(e) ? e : Lt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function Pt(e) {
   const {
     Document: t
-  } = J(e);
+  } = Z(e);
   return e instanceof t;
 }
 function Ue(e) {
-  return Me(e) ? !1 : e instanceof J(e).HTMLElement;
+  return Me(e) ? !1 : e instanceof Z(e).HTMLElement;
 }
 function hn(e) {
-  return e instanceof J(e).SVGElement;
+  return e instanceof Z(e).SVGElement;
 }
-function Ne(e) {
+function Le(e) {
   return e ? Me(e) ? e.document : Lt(e) ? Pt(e) ? e : Ue(e) || hn(e) ? e.ownerDocument : document : document : document;
 }
-const ie = ft ? Qn : P;
+const ie = ft ? Qn : k;
 function gt(e) {
-  const t = k(e);
+  const t = B(e);
   return ie(() => {
     t.current = e;
-  }), z(function() {
+  }), $(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
       r[o] = arguments[o];
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
 function nr() {
-  const e = k(null), t = z((r, o) => {
+  const e = B(null), t = $((r, o) => {
     e.current = setInterval(r, o);
-  }, []), n = z(() => {
+  }, []), n = $(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
 }
 function Ye(e, t) {
   t === void 0 && (t = [e]);
-  const n = k(e);
+  const n = B(e);
   return ie(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
 function We(e, t) {
-  const n = k();
+  const n = B();
   return T(
     () => {
       const r = e(n.current);
@@ -78,7 +78,7 @@ function We(e, t) {
   );
 }
 function ot(e) {
-  const t = gt(e), n = k(null), r = z(
+  const t = gt(e), n = B(null), r = $(
     (o) => {
       o !== n.current && (t == null || t(o, n.current)), n.current = o;
     },
@@ -88,8 +88,8 @@ function ot(e) {
   return [n, r];
 }
 function it(e) {
-  const t = k();
-  return P(() => {
+  const t = B();
+  return k(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -127,7 +127,7 @@ function ht(e) {
     return !1;
   const {
     KeyboardEvent: t
-  } = J(e.target);
+  } = Z(e.target);
   return t && e instanceof t;
 }
 function or(e) {
@@ -135,7 +135,7 @@ function or(e) {
     return !1;
   const {
     TouchEvent: t
-  } = J(e.target);
+  } = Z(e.target);
   return t && e instanceof t;
 }
 function at(e) {
@@ -165,7 +165,7 @@ function at(e) {
     y: e.clientY
   } : null;
 }
-const he = /* @__PURE__ */ Object.freeze({
+const ge = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(e) {
       if (!e)
@@ -191,7 +191,7 @@ const he = /* @__PURE__ */ Object.freeze({
   Transform: {
     toString(e) {
       if (e)
-        return [he.Translate.toString(e), he.Scale.toString(e)].join(" ");
+        return [ge.Translate.toString(e), ge.Scale.toString(e)].join(" ");
     }
   },
   Transition: {
@@ -216,7 +216,7 @@ function ar(e) {
     id: t,
     value: n
   } = e;
-  return F.createElement("div", {
+  return j.createElement("div", {
     id: t,
     style: sr
   }, n);
@@ -239,7 +239,7 @@ function lr(e) {
     clipPath: "inset(100%)",
     whiteSpace: "nowrap"
   };
-  return F.createElement("div", {
+  return j.createElement("div", {
     id: t,
     style: o,
     role: "status",
@@ -250,7 +250,7 @@ function lr(e) {
 function cr() {
   const [e, t] = V("");
   return {
-    announce: z((r) => {
+    announce: $((r) => {
       r != null && t(r);
     }, []),
     announcement: e
@@ -258,16 +258,16 @@ function cr() {
 }
 const vn = /* @__PURE__ */ Ke(null);
 function ur(e) {
-  const t = De(vn);
-  P(() => {
+  const t = we(vn);
+  k(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
 function dr() {
-  const [e] = V(() => /* @__PURE__ */ new Set()), t = z((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [z((r) => {
+  const [e] = V(() => /* @__PURE__ */ new Set()), t = $((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [$((r) => {
     let {
       type: o,
       event: i
@@ -323,63 +323,63 @@ function hr(e) {
     announce: i,
     announcement: s
   } = cr(), a = Je("DndLiveRegion"), [l, c] = V(!1);
-  if (P(() => {
+  if (k(() => {
     c(!0);
   }, []), ur(T(() => ({
     onDragStart(d) {
       let {
-        active: h
+        active: g
       } = d;
       i(t.onDragStart({
-        active: h
+        active: g
       }));
     },
     onDragMove(d) {
       let {
-        active: h,
-        over: f
+        active: g,
+        over: h
       } = d;
       t.onDragMove && i(t.onDragMove({
-        active: h,
-        over: f
+        active: g,
+        over: h
       }));
     },
     onDragOver(d) {
       let {
-        active: h,
-        over: f
+        active: g,
+        over: h
       } = d;
       i(t.onDragOver({
-        active: h,
-        over: f
+        active: g,
+        over: h
       }));
     },
     onDragEnd(d) {
       let {
-        active: h,
-        over: f
+        active: g,
+        over: h
       } = d;
       i(t.onDragEnd({
-        active: h,
-        over: f
+        active: g,
+        over: h
       }));
     },
     onDragCancel(d) {
       let {
-        active: h,
-        over: f
+        active: g,
+        over: h
       } = d;
       i(t.onDragCancel({
-        active: h,
-        over: f
+        active: g,
+        over: h
       }));
     }
   }), [i, t])), !l)
     return null;
-  const u = F.createElement(F.Fragment, null, F.createElement(ar, {
+  const u = j.createElement(j.Fragment, null, j.createElement(ar, {
     id: r,
     value: o.draggable
-  }), F.createElement(lr, {
+  }), j.createElement(lr, {
     id: a,
     announcement: s
   }));
@@ -519,7 +519,7 @@ const mr = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = Zt(l), u = o.reduce((h, f, m) => h + bn(c[m], f), 0), d = Number((u / 4).toFixed(4));
+      const c = Zt(l), u = o.reduce((g, h, b) => g + bn(c[b], h), 0), d = Number((u / 4).toFixed(4));
       i.push({
         id: a,
         data: {
@@ -634,14 +634,14 @@ function Ir(e, t, n) {
 const Rr = {
   ignoreTransform: !1
 };
-function Le(e, t) {
+function Pe(e, t) {
   t === void 0 && (t = Rr);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: c,
       transformOrigin: u
-    } = J(e).getComputedStyle(e);
+    } = Z(e).getComputedStyle(e);
     c && (n = Ir(n, c, u));
   }
   const {
@@ -662,7 +662,7 @@ function Le(e, t) {
   };
 }
 function en(e) {
-  return Le(e, {
+  return Pe(e, {
     ignoreTransform: !0
   });
 }
@@ -678,10 +678,10 @@ function Er(e) {
   };
 }
 function Or(e, t) {
-  return t === void 0 && (t = J(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = Z(e).getComputedStyle(e)), t.position === "fixed";
 }
-function Ar(e, t) {
-  t === void 0 && (t = J(e).getComputedStyle(e));
+function Tr(e, t) {
+  t === void 0 && (t = Z(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const i = t[o];
@@ -697,8 +697,8 @@ function kt(e, t) {
       return n.push(o.scrollingElement), n;
     if (!Ue(o) || hn(o) || n.includes(o))
       return n;
-    const i = J(e).getComputedStyle(o);
-    return o !== e && Ar(o, i) && n.push(o), Or(o, i) ? n : r(o.parentNode);
+    const i = Z(e).getComputedStyle(o);
+    return o !== e && Tr(o, i) && n.push(o), Or(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
@@ -707,7 +707,7 @@ function Dn(e) {
   return t ?? null;
 }
 function xt(e) {
-  return !ft || !e ? null : Me(e) ? e : Lt(e) ? Pt(e) || e === Ne(e).scrollingElement ? window : Ue(e) ? e : null : null;
+  return !ft || !e ? null : Me(e) ? e : Lt(e) ? Pt(e) || e === Le(e).scrollingElement ? window : Ue(e) ? e : null : null;
 }
 function Cn(e) {
   return Me(e) ? e.scrollX : e.scrollLeft;
@@ -751,39 +751,39 @@ function Rn(e) {
     minScroll: t
   };
 }
-const Tr = {
+const Ar = {
   x: 0.2,
   y: 0.2
 };
-function Mr(e, t, n, r, o) {
+function Nr(e, t, n, r, o) {
   let {
     top: i,
     left: s,
     right: a,
     bottom: l
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = Tr);
+  r === void 0 && (r = 10), o === void 0 && (o = Ar);
   const {
     isTop: c,
     isBottom: u,
     isLeft: d,
-    isRight: h
-  } = Rn(e), f = {
+    isRight: g
+  } = Rn(e), h = {
     x: 0,
     y: 0
-  }, m = {
+  }, b = {
     x: 0,
     y: 0
-  }, g = {
+  }, f = {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + g.height ? (f.y = Y.Backward, m.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (f.y = Y.Forward, m.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !h && a >= t.right - g.width ? (f.x = Y.Forward, m.x = r * Math.abs((t.right - g.width - a) / g.width)) : !d && s <= t.left + g.width && (f.x = Y.Backward, m.x = r * Math.abs((t.left + g.width - s) / g.width)), {
-    direction: f,
-    speed: m
+  return !c && i <= t.top + f.height ? (h.y = Y.Backward, b.y = r * Math.abs((t.top + f.height - i) / f.height)) : !u && l >= t.bottom - f.height && (h.y = Y.Forward, b.y = r * Math.abs((t.bottom - f.height - l) / f.height)), !g && a >= t.right - f.width ? (h.x = Y.Forward, b.x = r * Math.abs((t.right - f.width - a) / f.width)) : !d && s <= t.left + f.width && (h.x = Y.Backward, b.x = r * Math.abs((t.left + f.width - s) / f.width)), {
+    direction: h,
+    speed: b
   };
 }
-function Nr(e) {
+function Mr(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: i,
@@ -823,7 +823,7 @@ function Pr(e) {
   return e.reduce((t, n) => t + Sn(n), 0);
 }
 function On(e, t) {
-  if (t === void 0 && (t = Le), !e)
+  if (t === void 0 && (t = Pe), !e)
     return;
   const {
     top: n,
@@ -837,7 +837,7 @@ function On(e, t) {
   });
 }
 const kr = [["x", ["left", "right"], Lr], ["y", ["top", "bottom"], Pr]];
-class zt {
+class Bt {
   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;
     const r = kt(n), o = En(r);
@@ -872,11 +872,11 @@ class Fe {
     (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function zr(e) {
+function Br(e) {
   const {
     EventTarget: t
-  } = J(e);
-  return e instanceof t ? e : Ne(e);
+  } = Z(e);
+  return e instanceof t ? e : Le(e);
 }
 function Dt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
@@ -889,14 +889,14 @@ var oe;
 function tn(e) {
   e.preventDefault();
 }
-function Br(e) {
+function zr(e) {
   e.stopPropagation();
 }
 var S;
 (function(e) {
   e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter";
 })(S || (S = {}));
-const An = {
+const Tn = {
   start: [S.Space, S.Enter],
   cancel: [S.Esc],
   end: [S.Space, S.Enter]
@@ -927,7 +927,7 @@ const An = {
       };
   }
 };
-class Bt {
+class zt {
   constructor(t) {
     this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
     const {
@@ -935,7 +935,7 @@ class Bt {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Fe(Ne(n)), this.windowListeners = new Fe(J(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Fe(Le(n)), this.windowListeners = new Fe(Z(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(oe.Resize, this.handleCancel), this.windowListeners.add(oe.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(oe.Keydown, this.handleKeyDown));
@@ -954,7 +954,7 @@ class Bt {
         context: r,
         options: o
       } = this.props, {
-        keyboardCodes: i = An,
+        keyboardCodes: i = Tn,
         coordinateGetter: s = $r,
         scrollBehavior: a = "smooth"
       } = o, {
@@ -981,55 +981,55 @@ class Bt {
         currentCoordinates: u
       });
       if (d) {
-        const h = st(d, u), f = {
+        const g = st(d, u), h = {
           x: 0,
           y: 0
         }, {
-          scrollableAncestors: m
+          scrollableAncestors: b
         } = r.current;
-        for (const g of m) {
+        for (const f of b) {
           const p = t.code, {
-            isTop: b,
-            isRight: D,
+            isTop: m,
+            isRight: w,
             isLeft: y,
-            isBottom: R,
+            isBottom: C,
             maxScroll: x,
-            minScroll: w
-          } = Rn(g), I = Nr(g), E = {
-            x: Math.min(p === S.Right ? I.right - I.width / 2 : I.right, Math.max(p === S.Right ? I.left : I.left + I.width / 2, d.x)),
-            y: Math.min(p === S.Down ? I.bottom - I.height / 2 : I.bottom, Math.max(p === S.Down ? I.top : I.top + I.height / 2, d.y))
-          }, N = p === S.Right && !D || p === S.Left && !y, _ = p === S.Down && !R || p === S.Up && !b;
-          if (N && E.x !== d.x) {
-            const A = g.scrollLeft + h.x, Z = p === S.Right && A <= x.x || p === S.Left && A >= w.x;
-            if (Z && !h.y) {
-              g.scrollTo({
+            minScroll: I
+          } = Rn(f), R = Mr(f), E = {
+            x: Math.min(p === S.Right ? R.right - R.width / 2 : R.right, Math.max(p === S.Right ? R.left : R.left + R.width / 2, d.x)),
+            y: Math.min(p === S.Down ? R.bottom - R.height / 2 : R.bottom, Math.max(p === S.Down ? R.top : R.top + R.height / 2, d.y))
+          }, M = p === S.Right && !w || p === S.Left && !y, z = p === S.Down && !C || p === S.Up && !m;
+          if (M && E.x !== d.x) {
+            const A = f.scrollLeft + g.x, Q = p === S.Right && A <= x.x || p === S.Left && A >= I.x;
+            if (Q && !g.y) {
+              f.scrollTo({
                 left: A,
                 behavior: a
               });
               return;
             }
-            Z ? f.x = g.scrollLeft - A : f.x = p === S.Right ? g.scrollLeft - x.x : g.scrollLeft - w.x, f.x && g.scrollBy({
-              left: -f.x,
+            Q ? h.x = f.scrollLeft - A : h.x = p === S.Right ? f.scrollLeft - x.x : f.scrollLeft - I.x, h.x && f.scrollBy({
+              left: -h.x,
               behavior: a
             });
             break;
-          } else if (_ && E.y !== d.y) {
-            const A = g.scrollTop + h.y, Z = p === S.Down && A <= x.y || p === S.Up && A >= w.y;
-            if (Z && !h.x) {
-              g.scrollTo({
+          } else if (z && E.y !== d.y) {
+            const A = f.scrollTop + g.y, Q = p === S.Down && A <= x.y || p === S.Up && A >= I.y;
+            if (Q && !g.x) {
+              f.scrollTo({
                 top: A,
                 behavior: a
               });
               return;
             }
-            Z ? f.y = g.scrollTop - A : f.y = p === S.Down ? g.scrollTop - x.y : g.scrollTop - w.y, f.y && g.scrollBy({
-              top: -f.y,
+            Q ? h.y = f.scrollTop - A : h.y = p === S.Down ? f.scrollTop - x.y : f.scrollTop - I.y, h.y && f.scrollBy({
+              top: -h.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Ae(st(d, this.referenceCoordinates), f));
+        this.handleMove(t, Ae(st(d, this.referenceCoordinates), h));
       }
     }
   }
@@ -1055,11 +1055,11 @@ class Bt {
     this.listeners.removeAll(), this.windowListeners.removeAll();
   }
 }
-Bt.activators = [{
+zt.activators = [{
   eventName: "onKeyDown",
   handler: (e, t, n) => {
     let {
-      keyboardCodes: r = An,
+      keyboardCodes: r = Tn,
       onActivation: o
     } = t, {
       active: i
@@ -1085,13 +1085,13 @@ function rn(e) {
 class $t {
   constructor(t, n, r) {
     var o;
-    r === void 0 && (r = zr(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 = Br(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: i
     } = t, {
       target: s
     } = i;
-    this.props = t, this.events = n, this.document = Ne(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(J(s)), this.initialCoordinates = (o = at(i)) != null ? o : de, 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 = Le(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(Z(s)), this.initialCoordinates = (o = at(i)) != null ? o : de, 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 {
@@ -1130,7 +1130,7 @@ class $t {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(oe.Click, Br, {
+    t && (this.activated = !0, this.documentListeners.add(oe.Click, zr, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(oe.SelectionChange, this.removeTextSelection), n(t));
   }
@@ -1192,7 +1192,7 @@ class _t extends $t {
   constructor(t) {
     const {
       event: n
-    } = t, r = Ne(n.target);
+    } = t, r = Le(n.target);
     super(t, _r, r);
   }
 }
@@ -1223,7 +1223,7 @@ var Et;
 })(Et || (Et = {}));
 class Fr extends $t {
   constructor(t) {
-    super(t, jr, Ne(t.event.target));
+    super(t, jr, Le(t.event.target));
   }
 }
 Fr.activators = [{
@@ -1299,18 +1299,18 @@ function Xr(e) {
     scrollableAncestors: c,
     scrollableAncestorRects: u,
     delta: d,
-    threshold: h
+    threshold: g
   } = e;
-  const f = Vr({
+  const h = Vr({
     delta: d,
     disabled: !i
-  }), [m, g] = nr(), p = k({
+  }), [b, f] = nr(), p = B({
     x: 0,
     y: 0
-  }), b = k({
+  }), m = B({
     x: 0,
     y: 0
-  }), D = T(() => {
+  }), w = T(() => {
     switch (n) {
       case He.Pointer:
         return l ? {
@@ -1322,62 +1322,62 @@ function Xr(e) {
       case He.DraggableRect:
         return o;
     }
-  }, [n, o, l]), y = k(null), R = z(() => {
-    const w = y.current;
-    if (!w)
+  }, [n, o, l]), y = B(null), C = $(() => {
+    const I = y.current;
+    if (!I)
       return;
-    const I = p.current.x * b.current.x, E = p.current.y * b.current.y;
-    w.scrollBy(I, E);
+    const R = p.current.x * m.current.x, E = p.current.y * m.current.y;
+    I.scrollBy(R, E);
   }, []), x = T(() => a === ct.TreeOrder ? [...c].reverse() : c, [a, c]);
-  P(
+  k(
     () => {
-      if (!i || !c.length || !D) {
-        g();
+      if (!i || !c.length || !w) {
+        f();
         return;
       }
-      for (const w of x) {
-        if ((r == null ? void 0 : r(w)) === !1)
+      for (const I of x) {
+        if ((r == null ? void 0 : r(I)) === !1)
           continue;
-        const I = c.indexOf(w), E = u[I];
+        const R = c.indexOf(I), E = u[R];
         if (!E)
           continue;
         const {
-          direction: N,
-          speed: _
-        } = Mr(w, E, D, t, h);
+          direction: M,
+          speed: z
+        } = Nr(I, E, w, t, g);
         for (const A of ["x", "y"])
-          f[A][N[A]] || (_[A] = 0, N[A] = 0);
-        if (_.x > 0 || _.y > 0) {
-          g(), y.current = w, m(R, s), p.current = _, b.current = N;
+          h[A][M[A]] || (z[A] = 0, M[A] = 0);
+        if (z.x > 0 || z.y > 0) {
+          f(), y.current = I, b(C, s), p.current = z, m.current = M;
           return;
         }
       }
       p.current = {
         x: 0,
         y: 0
-      }, b.current = {
+      }, m.current = {
         x: 0,
         y: 0
-      }, g();
+      }, f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      R,
+      C,
       r,
-      g,
+      f,
       i,
       s,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(D),
+      JSON.stringify(w),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(f),
-      m,
+      JSON.stringify(h),
+      b,
       c,
       x,
       u,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(h)
+      JSON.stringify(g)
     ]
   );
 }
@@ -1434,10 +1434,10 @@ function Ur(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var Te;
+var Ne;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Te || (Te = {}));
+})(Ne || (Ne = {}));
 var Ot;
 (function(e) {
   e.Optimized = "optimized";
@@ -1453,59 +1453,59 @@ function Wr(e, t) {
     frequency: a,
     measure: l,
     strategy: c
-  } = o, u = k(e), d = p(), h = Ye(d), f = z(function(b) {
-    b === void 0 && (b = []), !h.current && s((D) => D === null ? b : D.concat(b.filter((y) => !D.includes(y))));
-  }, [h]), m = k(null), g = We((b) => {
+  } = o, u = B(e), d = p(), g = Ye(d), h = $(function(m) {
+    m === void 0 && (m = []), !g.current && s((w) => w === null ? m : w.concat(m.filter((y) => !w.includes(y))));
+  }, [g]), b = B(null), f = We((m) => {
     if (d && !n)
       return on;
-    if (!b || b === on || u.current !== e || i != null) {
-      const D = /* @__PURE__ */ new Map();
+    if (!m || m === on || u.current !== e || i != null) {
+      const w = /* @__PURE__ */ new Map();
       for (let y of e) {
         if (!y)
           continue;
         if (i && i.length > 0 && !i.includes(y.id) && y.rect.current) {
-          D.set(y.id, y.rect.current);
+          w.set(y.id, y.rect.current);
           continue;
         }
-        const R = y.node.current, x = R ? new zt(l(R), R) : null;
-        y.rect.current = x, x && D.set(y.id, x);
+        const C = y.node.current, x = C ? new Bt(l(C), C) : null;
+        y.rect.current = x, x && w.set(y.id, x);
       }
-      return D;
+      return w;
     }
-    return b;
+    return m;
   }, [e, i, n, d, l]);
-  return P(() => {
+  return k(() => {
     u.current = e;
-  }, [e]), P(
+  }, [e]), k(
     () => {
-      d || f();
+      d || h();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), P(
+  ), k(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), P(
+  ), k(
     () => {
-      d || typeof a != "number" || m.current !== null || (m.current = setTimeout(() => {
-        f(), m.current = null;
+      d || typeof a != "number" || b.current !== null || (b.current = setTimeout(() => {
+        h(), b.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, d, f, ...r]
+    [a, d, h, ...r]
   ), {
-    droppableRects: g,
-    measureDroppableContainers: f,
+    droppableRects: f,
+    measureDroppableContainers: h,
     measuringScheduled: i != null
   };
   function p() {
     switch (c) {
-      case Te.Always:
+      case Ne.Always:
         return !1;
-      case Te.BeforeDragging:
+      case Ne.BeforeDragging:
         return n;
       default:
         return !n;
@@ -1531,7 +1531,7 @@ function qr(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return P(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return k(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function pt(e) {
   let {
@@ -1550,14 +1550,14 @@ function pt(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return P(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return k(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function Gr(e) {
-  return new zt(Le(e), e);
+  return new Bt(Pe(e), e);
 }
 function sn(e, t, n) {
   t === void 0 && (t = Gr);
-  const [r, o] = Nt(a, null), i = qr({
+  const [r, o] = Mt(a, null), i = qr({
     callback(l) {
       if (e)
         for (const c of l) {
@@ -1597,17 +1597,17 @@ function Zr(e) {
 }
 const an = [];
 function Qr(e) {
-  const t = k(e), n = We((r) => e ? r && r !== an && e && t.current && e.parentNode === t.current.parentNode ? r : kt(e) : an, [e]);
-  return P(() => {
+  const t = B(e), n = We((r) => e ? r && r !== an && e && t.current && e.parentNode === t.current.parentNode ? r : kt(e) : an, [e]);
+  return k(() => {
     t.current = e;
   }, [e]), n;
 }
 function eo(e) {
-  const [t, n] = V(null), r = k(e), o = z((i) => {
+  const [t, n] = V(null), r = B(e), o = $((i) => {
     const s = xt(i.target);
     s && n((a) => a ? (a.set(s, Rt(s)), new Map(a)) : null);
   }, []);
-  return P(() => {
+  return k(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
@@ -1632,20 +1632,20 @@ function eo(e) {
 }
 function ln(e, t) {
   t === void 0 && (t = []);
-  const n = k(null);
-  return P(
+  const n = B(null);
+  return k(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), P(() => {
+  ), k(() => {
     const r = e !== de;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? st(e, n.current) : de;
 }
 function to(e) {
-  P(
+  k(
     () => {
       if (!ft)
         return;
@@ -1681,23 +1681,23 @@ function no(e, t) {
     }, n;
   }, {}), [e, t]);
 }
-function Tn(e) {
+function An(e) {
   return T(() => e ? Er(e) : null, [e]);
 }
 const St = [];
 function ro(e, t) {
-  t === void 0 && (t = Le);
-  const [n] = e, r = Tn(n ? J(n) : null), [o, i] = Nt(a, St), s = pt({
+  t === void 0 && (t = Pe);
+  const [n] = e, r = An(n ? Z(n) : null), [o, i] = Mt(a, St), s = pt({
     callback: i
   });
   return e.length > 0 && o === St && i(), ie(() => {
     e.length ? e.forEach((l) => s == null ? void 0 : s.observe(l)) : (s == null || s.disconnect(), i());
   }, [e]), o;
   function a() {
-    return e.length ? e.map((l) => In(l) ? r : new zt(t(l), l)) : St;
+    return e.length ? e.map((l) => In(l) ? r : new Bt(t(l), l)) : St;
   }
 }
-function Mn(e) {
+function Nn(e) {
   if (!e)
     return null;
   if (e.children.length > 1)
@@ -1709,25 +1709,25 @@ function oo(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = V(null), o = z((c) => {
+  const [n, r] = V(null), o = $((c) => {
     for (const {
       target: u
     } of c)
       if (Ue(u)) {
         r((d) => {
-          const h = t(u);
+          const g = t(u);
           return d ? {
             ...d,
-            width: h.width,
-            height: h.height
-          } : h;
+            width: g.width,
+            height: g.height
+          } : g;
         });
         break;
       }
   }, [t]), i = pt({
     callback: o
-  }), s = z((c) => {
-    const u = Mn(c);
+  }), s = $((c) => {
+    const u = Nn(c);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, l] = ot(s);
   return T(() => ({
@@ -1740,7 +1740,7 @@ const io = [{
   sensor: _t,
   options: {}
 }, {
-  sensor: Bt,
+  sensor: zt,
   options: {}
 }], so = {
   current: {}
@@ -1750,11 +1750,11 @@ const io = [{
   },
   droppable: {
     measure: en,
-    strategy: Te.WhileDragging,
+    strategy: Ne.WhileDragging,
     frequency: Ot.Optimized
   },
   dragOverlay: {
-    measure: Le
+    measure: Pe
   }
 };
 class Xe extends Map {
@@ -1802,7 +1802,7 @@ const ao = {
   measureDroppableContainers: lt,
   windowRect: null,
   measuringScheduled: !1
-}, Nn = {
+}, Mn = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -1814,7 +1814,7 @@ const ao = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: lt
-}, qe = /* @__PURE__ */ Ke(Nn), Ln = /* @__PURE__ */ Ke(ao);
+}, qe = /* @__PURE__ */ Ke(Mn), Ln = /* @__PURE__ */ Ke(ao);
 function lo() {
   return {
     draggable: {
@@ -1935,8 +1935,8 @@ function uo(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = De(qe), i = it(r), s = it(n == null ? void 0 : n.id);
-  return P(() => {
+  } = we(qe), i = it(r), s = it(n == null ? void 0 : n.id);
+  return k(() => {
     if (!t && !r && i && s != null) {
       if (!ht(i) || document.activeElement === i.target)
         return;
@@ -2000,7 +2000,7 @@ function go(e) {
     initialRect: r,
     config: o = !0
   } = e;
-  const i = k(!1), {
+  const i = B(!1), {
     x: s,
     y: a
   } = typeof o == "boolean" ? {
@@ -2019,8 +2019,8 @@ function go(e) {
       return;
     const u = n(c), d = wn(u, r);
     if (s || (d.x = 0), a || (d.y = 0), i.current = !0, Math.abs(d.x) > 0 || Math.abs(d.y) > 0) {
-      const h = Dn(c);
-      h && h.scrollBy({
+      const g = Dn(c);
+      g && g.scrollBy({
         top: d.y,
         left: d.x
       });
@@ -2032,10 +2032,10 @@ const vt = /* @__PURE__ */ Ke({
   scaleX: 1,
   scaleY: 1
 });
-var xe;
+var ye;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(xe || (xe = {}));
+})(ye || (ye = {}));
 const ho = /* @__PURE__ */ ut(function(t) {
   var n, r, o, i;
   let {
@@ -2045,171 +2045,171 @@ const ho = /* @__PURE__ */ ut(function(t) {
     children: c,
     sensors: u = io,
     collisionDetection: d = xr,
-    measuring: h,
-    modifiers: f,
-    ...m
+    measuring: g,
+    modifiers: h,
+    ...b
   } = t;
-  const g = Nt(co, void 0, lo), [p, b] = g, [D, y] = dr(), [R, x] = V(xe.Uninitialized), w = R === xe.Initialized, {
+  const f = Mt(co, void 0, lo), [p, m] = f, [w, y] = dr(), [C, x] = V(ye.Uninitialized), I = C === ye.Initialized, {
     draggable: {
-      active: I,
+      active: R,
       nodes: E,
-      translate: N
+      translate: M
     },
     droppable: {
-      containers: _
+      containers: z
     }
-  } = p, A = I ? E.get(I) : null, Z = k({
+  } = p, A = R ? E.get(R) : null, Q = B({
     initial: null,
     translated: null
-  }), Q = T(() => {
-    var K;
-    return I != null ? {
-      id: I,
+  }), ee = T(() => {
+    var U;
+    return R != null ? {
+      id: R,
       // It's possible for the active node to unmount while dragging
-      data: (K = A == null ? void 0 : A.data) != null ? K : so,
-      rect: Z
+      data: (U = A == null ? void 0 : A.data) != null ? U : so,
+      rect: Q
     } : null;
-  }, [I, A]), ne = k(null), [fe, Ce] = V(null), [W, Se] = V(null), pe = Ye(m, Object.values(m)), ve = Je("DndDescribedBy", s), Pe = T(() => _.getEnabled(), [_]), v = fo(h), {
-    droppableRects: C,
-    measureDroppableContainers: B,
-    measuringScheduled: L
-  } = Wr(Pe, {
-    dragging: w,
-    dependencies: [N.x, N.y],
-    config: v.droppable
-  }), M = Kr(E, I), q = T(() => W ? at(W) : null, [W]), H = Zn(), U = Jr(M, v.draggable.measure);
+  }, [R, A]), J = B(null), [xe, De] = V(null), [q, Ce] = V(null), se = Ye(b, Object.values(b)), Se = Je("DndDescribedBy", s), v = T(() => z.getEnabled(), [z]), D = fo(g), {
+    droppableRects: P,
+    measureDroppableContainers: N,
+    measuringScheduled: F
+  } = Wr(v, {
+    dragging: I,
+    dependencies: [M.x, M.y],
+    config: D.droppable
+  }), H = Kr(E, R), K = T(() => q ? at(q) : null, [q]), G = Zn(), W = Jr(H, D.draggable.measure);
   go({
-    activeNode: I ? E.get(I) : null,
-    config: H.layoutShiftCompensation,
-    initialRect: U,
-    measure: v.draggable.measure
+    activeNode: R ? E.get(R) : null,
+    config: G.layoutShiftCompensation,
+    initialRect: W,
+    measure: D.draggable.measure
   });
-  const O = sn(M, v.draggable.measure, U), se = sn(M ? M.parentElement : null), G = k({
+  const O = sn(H, D.draggable.measure, W), he = sn(H ? H.parentElement : null), L = B({
     activatorEvent: null,
     active: null,
-    activeNode: M,
+    activeNode: H,
     collisionRect: null,
     collisions: null,
-    droppableRects: C,
+    droppableRects: P,
     draggableNodes: E,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: _,
+    droppableContainers: z,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), j = _.getNodeFor((n = G.current.over) == null ? void 0 : n.id), ae = oo({
-    measure: v.dragOverlay.measure
-  }), be = (r = ae.nodeRef.current) != null ? r : M, Ie = w ? (o = ae.rect) != null ? o : O : null, Ft = !!(ae.nodeRef.current && ae.rect), Ht = Zr(Ft ? null : O), mt = Tn(be ? J(be) : null), me = Qr(w ? j ?? M : null), Ge = ro(me), Ze = Pn(f, {
+  }), pe = z.getNodeFor((n = L.current.over) == null ? void 0 : n.id), ae = oo({
+    measure: D.dragOverlay.measure
+  }), Ie = (r = ae.nodeRef.current) != null ? r : H, Re = I ? (o = ae.rect) != null ? o : O : null, Ft = !!(ae.nodeRef.current && ae.rect), Ht = Zr(Ft ? null : O), mt = An(Ie ? Z(Ie) : null), ve = Qr(I ? pe ?? H : null), Ge = ro(ve), Ze = Pn(h, {
     transform: {
-      x: N.x - Ht.x,
-      y: N.y - Ht.y,
+      x: M.x - Ht.x,
+      y: M.y - Ht.y,
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: W,
-    active: Q,
+    activatorEvent: q,
+    active: ee,
     activeNodeRect: O,
-    containerNodeRect: se,
-    draggingNodeRect: Ie,
-    over: G.current.over,
+    containerNodeRect: he,
+    draggingNodeRect: Re,
+    over: L.current.over,
     overlayNodeRect: ae.rect,
-    scrollableAncestors: me,
+    scrollableAncestors: ve,
     scrollableAncestorRects: Ge,
     windowRect: mt
-  }), Xt = q ? Ae(q, N) : null, Yt = eo(me), Vn = ln(Yt), Kn = ln(Yt, [O]), Re = Ae(Ze, Vn), Ee = Ie ? Sr(Ie, Ze) : null, ke = Q && Ee ? d({
-    active: Q,
-    collisionRect: Ee,
-    droppableRects: C,
-    droppableContainers: Pe,
+  }), Xt = K ? Ae(K, M) : null, Yt = eo(ve), Vn = ln(Yt), Kn = ln(Yt, [O]), Ee = Ae(Ze, Vn), Oe = Re ? Sr(Re, Ze) : null, ke = ee && Oe ? d({
+    active: ee,
+    collisionRect: Oe,
+    droppableRects: P,
+    droppableContainers: v,
     pointerCoordinates: Xt
-  }) : null, Vt = yn(ke, "id"), [ye, Kt] = V(null), Un = Ft ? Ze : Ae(Ze, Kn), Wn = Dr(Un, (i = ye == null ? void 0 : ye.rect) != null ? i : null, O), Ut = z(
-    (K, ee) => {
+  }) : null, Vt = yn(ke, "id"), [be, Kt] = V(null), Un = Ft ? Ze : Ae(Ze, Kn), Wn = Dr(Un, (i = be == null ? void 0 : be.rect) != null ? i : null, O), Ut = $(
+    (U, te) => {
       let {
-        sensor: te,
-        options: we
-      } = ee;
-      if (ne.current == null)
+        sensor: ne,
+        options: me
+      } = te;
+      if (J.current == null)
         return;
-      const re = E.get(ne.current);
+      const re = E.get(J.current);
       if (!re)
         return;
-      const le = K.nativeEvent, ge = new te({
-        active: ne.current,
+      const le = U.nativeEvent, fe = new ne({
+        active: J.current,
         activeNode: re,
         event: le,
-        options: we,
+        options: me,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: G,
+        context: L,
         onStart(ce) {
-          const ze = ne.current;
-          if (ze == null)
+          const Be = J.current;
+          if (Be == null)
             return;
-          const Be = E.get(ze);
-          if (!Be)
+          const ze = E.get(Be);
+          if (!ze)
             return;
           const {
             onDragStart: Qe
-          } = pe.current, et = {
+          } = se.current, et = {
             active: {
-              id: ze,
-              data: Be.data,
-              rect: Z
+              id: Be,
+              data: ze.data,
+              rect: Q
             }
           };
           je(() => {
-            Qe == null || Qe(et), x(xe.Initializing), b({
+            Qe == null || Qe(et), x(ye.Initializing), m({
               type: X.DragStart,
               initialCoordinates: ce,
-              active: ze
-            }), D({
+              active: Be
+            }), w({
               type: "onDragStart",
               event: et
             });
           });
         },
         onMove(ce) {
-          b({
+          m({
             type: X.DragMove,
             coordinates: ce
           });
         },
-        onEnd: Oe(X.DragEnd),
-        onCancel: Oe(X.DragCancel)
+        onEnd: Te(X.DragEnd),
+        onCancel: Te(X.DragCancel)
       });
       je(() => {
-        Ce(ge), Se(K.nativeEvent);
+        De(fe), Ce(U.nativeEvent);
       });
-      function Oe(ce) {
+      function Te(ce) {
         return async function() {
           const {
-            active: Be,
+            active: ze,
             collisions: Qe,
             over: et,
             scrollAdjustedTranslate: Jt
-          } = G.current;
+          } = L.current;
           let $e = null;
-          if (Be && Jt) {
+          if (ze && Jt) {
             const {
               cancelDrop: _e
-            } = pe.current;
+            } = se.current;
             $e = {
               activatorEvent: le,
-              active: Be,
+              active: ze,
               collisions: Qe,
               delta: Jt,
               over: et
             }, ce === X.DragEnd && typeof _e == "function" && await Promise.resolve(_e($e)) && (ce = X.DragCancel);
           }
-          ne.current = null, je(() => {
-            b({
+          J.current = null, je(() => {
+            m({
               type: ce
-            }), x(xe.Uninitialized), Kt(null), Ce(null), Se(null);
+            }), x(ye.Uninitialized), Kt(null), De(null), Ce(null);
             const _e = ce === X.DragEnd ? "onDragEnd" : "onDragCancel";
             if ($e) {
-              const yt = pe.current[_e];
-              yt == null || yt($e), D({
+              const yt = se.current[_e];
+              yt == null || yt($e), w({
                 type: _e,
                 event: $e
               });
@@ -2220,85 +2220,85 @@ const ho = /* @__PURE__ */ ut(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [E]
-  ), Jn = z((K, ee) => (te, we) => {
-    const re = te.nativeEvent, le = E.get(we);
+  ), Jn = $((U, te) => (ne, me) => {
+    const re = ne.nativeEvent, le = E.get(me);
     if (
       // Another sensor is already instantiating
-      ne.current !== null || // No active draggable
+      J.current !== null || // No active draggable
       !le || // Event has already been captured
       re.dndKit || re.defaultPrevented
     )
       return;
-    const ge = {
+    const fe = {
       active: le
     };
-    K(te, ee.options, ge) === !0 && (re.dndKit = {
-      capturedBy: ee.sensor
-    }, ne.current = we, Ut(te, ee));
+    U(ne, te.options, fe) === !0 && (re.dndKit = {
+      capturedBy: te.sensor
+    }, J.current = me, Ut(ne, te));
   }, [E, Ut]), Wt = Ur(u, Jn);
   to(u), ie(() => {
-    O && R === xe.Initializing && x(xe.Initialized);
-  }, [O, R]), P(
+    O && C === ye.Initializing && x(ye.Initialized);
+  }, [O, C]), k(
     () => {
       const {
-        onDragMove: K
-      } = pe.current, {
-        active: ee,
-        activatorEvent: te,
-        collisions: we,
+        onDragMove: U
+      } = se.current, {
+        active: te,
+        activatorEvent: ne,
+        collisions: me,
         over: re
-      } = G.current;
-      if (!ee || !te)
+      } = L.current;
+      if (!te || !ne)
         return;
       const le = {
-        active: ee,
-        activatorEvent: te,
-        collisions: we,
+        active: te,
+        activatorEvent: ne,
+        collisions: me,
         delta: {
-          x: Re.x,
-          y: Re.y
+          x: Ee.x,
+          y: Ee.y
         },
         over: re
       };
       je(() => {
-        K == null || K(le), D({
+        U == null || U(le), w({
           type: "onDragMove",
           event: le
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Re.x, Re.y]
-  ), P(
+    [Ee.x, Ee.y]
+  ), k(
     () => {
       const {
-        active: K,
-        activatorEvent: ee,
-        collisions: te,
-        droppableContainers: we,
+        active: U,
+        activatorEvent: te,
+        collisions: ne,
+        droppableContainers: me,
         scrollAdjustedTranslate: re
-      } = G.current;
-      if (!K || ne.current == null || !ee || !re)
+      } = L.current;
+      if (!U || J.current == null || !te || !re)
         return;
       const {
         onDragOver: le
-      } = pe.current, ge = we.get(Vt), Oe = ge && ge.rect.current ? {
-        id: ge.id,
-        rect: ge.rect.current,
-        data: ge.data,
-        disabled: ge.disabled
+      } = se.current, fe = me.get(Vt), Te = fe && fe.rect.current ? {
+        id: fe.id,
+        rect: fe.rect.current,
+        data: fe.data,
+        disabled: fe.disabled
       } : null, ce = {
-        active: K,
-        activatorEvent: ee,
-        collisions: te,
+        active: U,
+        activatorEvent: te,
+        collisions: ne,
         delta: {
           x: re.x,
           y: re.y
         },
-        over: Oe
+        over: Te
       };
       je(() => {
-        Kt(Oe), le == null || le(ce), D({
+        Kt(Te), le == null || le(ce), w({
           type: "onDragOver",
           event: ce
         });
@@ -2307,84 +2307,84 @@ const ho = /* @__PURE__ */ ut(function(t) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Vt]
   ), ie(() => {
-    G.current = {
-      activatorEvent: W,
-      active: Q,
-      activeNode: M,
-      collisionRect: Ee,
+    L.current = {
+      activatorEvent: q,
+      active: ee,
+      activeNode: H,
+      collisionRect: Oe,
       collisions: ke,
-      droppableRects: C,
+      droppableRects: P,
       draggableNodes: E,
-      draggingNode: be,
-      draggingNodeRect: Ie,
-      droppableContainers: _,
-      over: ye,
-      scrollableAncestors: me,
-      scrollAdjustedTranslate: Re
-    }, Z.current = {
-      initial: Ie,
-      translated: Ee
+      draggingNode: Ie,
+      draggingNodeRect: Re,
+      droppableContainers: z,
+      over: be,
+      scrollableAncestors: ve,
+      scrollAdjustedTranslate: Ee
+    }, Q.current = {
+      initial: Re,
+      translated: Oe
     };
-  }, [Q, M, ke, Ee, E, be, Ie, C, _, ye, me, Re]), Xr({
-    ...H,
-    delta: N,
-    draggingRect: Ee,
+  }, [ee, H, ke, Oe, E, Ie, Re, P, z, be, ve, Ee]), Xr({
+    ...G,
+    delta: M,
+    draggingRect: Oe,
     pointerCoordinates: Xt,
-    scrollableAncestors: me,
+    scrollableAncestors: ve,
     scrollableAncestorRects: Ge
   });
   const qn = T(() => ({
-    active: Q,
-    activeNode: M,
+    active: ee,
+    activeNode: H,
     activeNodeRect: O,
-    activatorEvent: W,
+    activatorEvent: q,
     collisions: ke,
-    containerNodeRect: se,
+    containerNodeRect: he,
     dragOverlay: ae,
     draggableNodes: E,
-    droppableContainers: _,
-    droppableRects: C,
-    over: ye,
-    measureDroppableContainers: B,
-    scrollableAncestors: me,
+    droppableContainers: z,
+    droppableRects: P,
+    over: be,
+    measureDroppableContainers: N,
+    scrollableAncestors: ve,
     scrollableAncestorRects: Ge,
-    measuringConfiguration: v,
-    measuringScheduled: L,
+    measuringConfiguration: D,
+    measuringScheduled: F,
     windowRect: mt
-  }), [Q, M, O, W, ke, se, ae, E, _, C, ye, B, me, Ge, v, L, mt]), Gn = T(() => ({
-    activatorEvent: W,
+  }), [ee, H, O, q, ke, he, ae, E, z, P, be, N, ve, Ge, D, F, mt]), Gn = T(() => ({
+    activatorEvent: q,
     activators: Wt,
-    active: Q,
+    active: ee,
     activeNodeRect: O,
     ariaDescribedById: {
-      draggable: ve
+      draggable: Se
     },
-    dispatch: b,
+    dispatch: m,
     draggableNodes: E,
-    over: ye,
-    measureDroppableContainers: B
-  }), [W, Wt, Q, O, b, ve, E, ye, B]);
-  return F.createElement(vn.Provider, {
+    over: be,
+    measureDroppableContainers: N
+  }), [q, Wt, ee, O, m, Se, E, be, N]);
+  return j.createElement(vn.Provider, {
     value: y
-  }, F.createElement(qe.Provider, {
+  }, j.createElement(qe.Provider, {
     value: Gn
-  }, F.createElement(Ln.Provider, {
+  }, j.createElement(Ln.Provider, {
     value: qn
-  }, F.createElement(vt.Provider, {
+  }, j.createElement(vt.Provider, {
     value: Wn
-  }, c)), F.createElement(uo, {
+  }, c)), j.createElement(uo, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
-  })), F.createElement(hr, {
+  })), j.createElement(hr, {
     ...a,
-    hiddenTextDescribedById: ve
+    hiddenTextDescribedById: Se
   }));
   function Zn() {
-    const K = (fe == null ? void 0 : fe.autoScrollEnabled) === !1, ee = typeof l == "object" ? l.enabled === !1 : l === !1, te = w && !K && !ee;
+    const U = (xe == null ? void 0 : xe.autoScrollEnabled) === !1, te = typeof l == "object" ? l.enabled === !1 : l === !1, ne = I && !U && !te;
     return typeof l == "object" ? {
       ...l,
-      enabled: te
+      enabled: ne
     } : {
-      enabled: te
+      enabled: ne
     };
   }
 }), po = /* @__PURE__ */ Ke(null), cn = "button", vo = "Droppable";
@@ -2402,50 +2402,50 @@ function bo(e) {
     activeNodeRect: c,
     ariaDescribedById: u,
     draggableNodes: d,
-    over: h
-  } = De(qe), {
-    role: f = cn,
-    roleDescription: m = "draggable",
-    tabIndex: g = 0
-  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, b = De(p ? vt : po), [D, y] = ot(), [R, x] = ot(), w = no(s, t), I = Ye(n);
+    over: g
+  } = we(qe), {
+    role: h = cn,
+    roleDescription: b = "draggable",
+    tabIndex: f = 0
+  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = we(p ? vt : po), [w, y] = ot(), [C, x] = ot(), I = no(s, t), R = Ye(n);
   ie(
     () => (d.set(t, {
       id: t,
       key: i,
-      node: D,
-      activatorNode: R,
-      data: I
+      node: w,
+      activatorNode: C,
+      data: R
     }), () => {
-      const N = d.get(t);
-      N && N.key === i && d.delete(t);
+      const M = d.get(t);
+      M && M.key === i && d.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [d, t]
   );
   const E = T(() => ({
-    role: f,
-    tabIndex: g,
+    role: h,
+    tabIndex: f,
     "aria-disabled": r,
-    "aria-pressed": p && f === cn ? !0 : void 0,
-    "aria-roledescription": m,
+    "aria-pressed": p && h === cn ? !0 : void 0,
+    "aria-roledescription": b,
     "aria-describedby": u.draggable
-  }), [r, f, g, p, m, u.draggable]);
+  }), [r, h, f, p, b, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
     activeNodeRect: c,
     attributes: E,
     isDragging: p,
-    listeners: r ? void 0 : w,
-    node: D,
-    over: h,
+    listeners: r ? void 0 : I,
+    node: w,
+    over: g,
     setNodeRef: y,
     setActivatorNodeRef: x,
-    transform: b
+    transform: m
   };
 }
 function kn() {
-  return De(Ln);
+  return we(Ln);
 }
 const mo = "Droppable", yo = {
   timeout: 25
@@ -2462,34 +2462,34 @@ function wo(e) {
     dispatch: a,
     over: l,
     measureDroppableContainers: c
-  } = De(qe), u = k({
+  } = we(qe), u = B({
     disabled: n
-  }), d = k(!1), h = k(null), f = k(null), {
-    disabled: m,
-    updateMeasurementsFor: g,
+  }), d = B(!1), g = B(null), h = B(null), {
+    disabled: b,
+    updateMeasurementsFor: f,
     timeout: p
   } = {
     ...yo,
     ...o
-  }, b = Ye(g ?? r), D = z(
+  }, m = Ye(f ?? r), w = $(
     () => {
       if (!d.current) {
         d.current = !0;
         return;
       }
-      f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
-        c(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
+      h.current != null && clearTimeout(h.current), h.current = setTimeout(() => {
+        c(Array.isArray(m.current) ? m.current : [m.current]), h.current = null;
       }, p);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [p]
   ), y = pt({
-    callback: D,
-    disabled: m || !s
-  }), R = z((E, N) => {
-    y && (N && (y.unobserve(N), d.current = !1), E && y.observe(E));
-  }, [y]), [x, w] = ot(R), I = Ye(t);
-  return P(() => {
+    callback: w,
+    disabled: b || !s
+  }), C = $((E, M) => {
+    y && (M && (y.unobserve(M), d.current = !1), E && y.observe(E));
+  }, [y]), [x, I] = ot(C), R = Ye(t);
+  return k(() => {
     !y || !x.current || (y.disconnect(), d.current = !1, y.observe(x.current));
   }, [x, y]), ie(
     () => (a({
@@ -2499,8 +2499,8 @@ function wo(e) {
         key: i,
         disabled: n,
         node: x,
-        rect: h,
-        data: I
+        rect: g,
+        data: R
       }
     }), () => a({
       type: X.UnregisterDroppable,
@@ -2509,7 +2509,7 @@ function wo(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), P(() => {
+  ), k(() => {
     n !== u.current.disabled && (a({
       type: X.SetDroppableDisabled,
       id: r,
@@ -2518,11 +2518,11 @@ function wo(e) {
     }), u.current.disabled = n);
   }, [r, i, n, a]), {
     active: s,
-    rect: h,
+    rect: g,
     isOver: (l == null ? void 0 : l.id) === r,
     node: x,
     over: l,
-    setNodeRef: w
+    setNodeRef: I
   };
 }
 function xo(e) {
@@ -2542,7 +2542,7 @@ function xo(e) {
     Promise.resolve(t(c, i)).then(() => {
       o(null);
     });
-  }, [t, r, i]), F.createElement(F.Fragment, null, n, r ? er(r, {
+  }, [t, r, i]), j.createElement(j.Fragment, null, n, r ? er(r, {
     ref: s
   }) : null);
 }
@@ -2556,9 +2556,9 @@ function Co(e) {
   let {
     children: t
   } = e;
-  return F.createElement(qe.Provider, {
-    value: Nn
-  }, F.createElement(vt.Provider, {
+  return j.createElement(qe.Provider, {
+    value: Mn
+  }, j.createElement(vt.Provider, {
     value: Do
   }, t));
 }
@@ -2583,20 +2583,20 @@ const So = {
     ...c,
     scaleX: 1,
     scaleY: 1
-  }, h = {
+  }, g = {
     ...So,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
-    transform: he.Transform.toString(d),
+    transform: ge.Transform.toString(d),
     transformOrigin: o && r ? vr(r, a) : void 0,
     transition: typeof u == "function" ? u(r) : u,
     ...l
   };
-  return F.createElement(n, {
+  return j.createElement(n, {
     className: s,
-    style: h,
+    style: g,
     ref: t
   }, i);
 }), Eo = (e) => (t) => {
@@ -2627,11 +2627,11 @@ const So = {
     }
   } = e;
   return [{
-    transform: he.Transform.toString(t)
+    transform: ge.Transform.toString(t)
   }, {
-    transform: he.Transform.toString(n)
+    transform: ge.Transform.toString(n)
   }];
-}, At = {
+}, Tt = {
   duration: 250,
   easing: "ease",
   keyframes: Oo,
@@ -2643,7 +2643,7 @@ const So = {
     }
   })
 };
-function Ao(e) {
+function To(e) {
   let {
     config: t,
     draggableNodes: n,
@@ -2659,16 +2659,16 @@ function Ao(e) {
     const l = a.node.current;
     if (!l)
       return;
-    const c = Mn(s);
+    const c = Nn(s);
     if (!c)
       return;
     const {
       transform: u
-    } = J(s).getComputedStyle(s), d = xn(u);
+    } = Z(s).getComputedStyle(s), d = xn(u);
     if (!d)
       return;
-    const h = typeof t == "function" ? t : To(t);
-    return On(l, o.draggable.measure), h({
+    const g = typeof t == "function" ? t : Ao(t);
+    return On(l, o.draggable.measure), g({
       active: {
         id: i,
         data: a.data,
@@ -2686,14 +2686,14 @@ function Ao(e) {
     });
   });
 }
-function To(e) {
+function Ao(e) {
   const {
     duration: t,
     easing: n,
     sideEffects: r,
     keyframes: o
   } = {
-    ...At,
+    ...Tt,
     ...e
   };
   return (i) => {
@@ -2711,45 +2711,45 @@ function To(e) {
     }, d = {
       scaleX: l.scaleX !== 1 ? s.rect.width * l.scaleX / a.rect.width : 1,
       scaleY: l.scaleY !== 1 ? s.rect.height * l.scaleY / a.rect.height : 1
-    }, h = {
+    }, g = {
       x: l.x - u.x,
       y: l.y - u.y,
       ...d
-    }, f = o({
+    }, h = o({
       ...c,
       active: s,
       dragOverlay: a,
       transform: {
         initial: l,
-        final: h
+        final: g
       }
-    }), [m] = f, g = f[f.length - 1];
-    if (JSON.stringify(m) === JSON.stringify(g))
+    }), [b] = h, f = h[h.length - 1];
+    if (JSON.stringify(b) === JSON.stringify(f))
       return;
     const p = r == null ? void 0 : r({
       active: s,
       dragOverlay: a,
       ...c
-    }), b = a.node.animate(f, {
+    }), m = a.node.animate(h, {
       duration: t,
       easing: n,
       fill: "forwards"
     });
-    return new Promise((D) => {
-      b.onfinish = () => {
-        p == null || p(), D();
+    return new Promise((w) => {
+      m.onfinish = () => {
+        p == null || p(), w();
       };
     });
   };
 }
 let un = 0;
-function Mo(e) {
+function No(e) {
   return T(() => {
     if (e != null)
       return un++, un;
   }, [e]);
 }
-const No = /* @__PURE__ */ F.memo((e) => {
+const Mo = /* @__PURE__ */ j.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -2764,38 +2764,38 @@ const No = /* @__PURE__ */ F.memo((e) => {
   const {
     activatorEvent: u,
     active: d,
-    activeNodeRect: h,
-    containerNodeRect: f,
-    draggableNodes: m,
-    droppableContainers: g,
+    activeNodeRect: g,
+    containerNodeRect: h,
+    draggableNodes: b,
+    droppableContainers: f,
     dragOverlay: p,
-    over: b,
-    measuringConfiguration: D,
+    over: m,
+    measuringConfiguration: w,
     scrollableAncestors: y,
-    scrollableAncestorRects: R,
+    scrollableAncestorRects: C,
     windowRect: x
-  } = kn(), w = De(vt), I = Mo(d == null ? void 0 : d.id), E = Pn(s, {
+  } = kn(), I = we(vt), R = No(d == null ? void 0 : d.id), E = Pn(s, {
     activatorEvent: u,
     active: d,
-    activeNodeRect: h,
-    containerNodeRect: f,
+    activeNodeRect: g,
+    containerNodeRect: h,
     draggingNodeRect: p.rect,
-    over: b,
+    over: m,
     overlayNodeRect: p.rect,
     scrollableAncestors: y,
-    scrollableAncestorRects: R,
-    transform: w,
+    scrollableAncestorRects: C,
+    transform: I,
     windowRect: x
-  }), N = jt(h), _ = Ao({
+  }), M = jt(g), z = To({
     config: r,
-    draggableNodes: m,
-    droppableContainers: g,
-    measuringConfiguration: D
-  }), A = N ? p.setRef : void 0;
-  return F.createElement(Co, null, F.createElement(xo, {
-    animation: _
-  }, d && I ? F.createElement(Ro, {
-    key: I,
+    draggableNodes: b,
+    droppableContainers: f,
+    measuringConfiguration: w
+  }), A = M ? p.setRef : void 0;
+  return j.createElement(Co, null, j.createElement(xo, {
+    animation: z
+  }, d && R ? j.createElement(Ro, {
+    key: R,
     id: d.id,
     ref: A,
     as: a,
@@ -2803,7 +2803,7 @@ const No = /* @__PURE__ */ F.memo((e) => {
     adjustScale: t,
     className: l,
     transition: i,
-    rect: N,
+    rect: M,
     style: {
       zIndex: c,
       ...o
@@ -2840,7 +2840,7 @@ function ko(e) {
     droppable: e
   } : e;
 }
-const zn = (e) => {
+const Bn = (e) => {
   let {
     rects: t,
     activeIndex: n,
@@ -2857,7 +2857,7 @@ const zn = (e) => {
 }, nt = {
   scaleX: 1,
   scaleY: 1
-}, zo = (e) => {
+}, Bo = (e) => {
   var t;
   let {
     activeIndex: n,
@@ -2877,7 +2877,7 @@ const zn = (e) => {
       ...nt
     } : null;
   }
-  const l = Bo(i, o, n);
+  const l = zo(i, o, n);
   return o > n && o <= s ? {
     x: 0,
     y: -a.height - l,
@@ -2892,19 +2892,19 @@ const zn = (e) => {
     ...nt
   };
 };
-function Bo(e, t, n) {
+function zo(e, t, n) {
   const r = e[t], o = e[t - 1], i = e[t + 1];
   return r ? n < t ? o ? r.top - (o.top + o.height) : i ? i.top - (r.top + r.height) : 0 : i ? i.top - (r.top + r.height) : o ? r.top - (o.top + o.height) : 0 : 0;
 }
-const Bn = "Sortable", $n = /* @__PURE__ */ F.createContext({
+const zn = "Sortable", $n = /* @__PURE__ */ j.createContext({
   activeIndex: -1,
-  containerId: Bn,
+  containerId: zn,
   disableTransforms: !1,
   items: [],
   overIndex: -1,
   useDragOverlay: !1,
   sortedRects: [],
-  strategy: zn,
+  strategy: Bn,
   disabled: {
     draggable: !1,
     droppable: !1
@@ -2915,7 +2915,7 @@ function $o(e) {
     children: t,
     id: n,
     items: r,
-    strategy: o = zn,
+    strategy: o = Bn,
     disabled: i = !1
   } = e;
   const {
@@ -2924,28 +2924,28 @@ function $o(e) {
     droppableRects: l,
     over: c,
     measureDroppableContainers: u
-  } = kn(), d = Je(Bn, n), h = a.rect !== null, f = T(() => r.map((w) => typeof w == "object" && "id" in w ? w.id : w), [r]), m = s != null, g = s ? f.indexOf(s.id) : -1, p = c ? f.indexOf(c.id) : -1, b = k(f), D = !Po(f, b.current), y = p !== -1 && g === -1 || D, R = ko(i);
+  } = kn(), d = Je(zn, n), g = a.rect !== null, h = T(() => r.map((I) => typeof I == "object" && "id" in I ? I.id : I), [r]), b = s != null, f = s ? h.indexOf(s.id) : -1, p = c ? h.indexOf(c.id) : -1, m = B(h), w = !Po(h, m.current), y = p !== -1 && f === -1 || w, C = ko(i);
   ie(() => {
-    D && m && u(f);
-  }, [D, f, m, u]), P(() => {
-    b.current = f;
-  }, [f]);
+    w && b && u(h);
+  }, [w, h, b, u]), k(() => {
+    m.current = h;
+  }, [h]);
   const x = T(
     () => ({
-      activeIndex: g,
+      activeIndex: f,
       containerId: d,
-      disabled: R,
+      disabled: C,
       disableTransforms: y,
-      items: f,
+      items: h,
       overIndex: p,
-      useDragOverlay: h,
-      sortedRects: Lo(f, l),
+      useDragOverlay: g,
+      sortedRects: Lo(h, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, d, R.draggable, R.droppable, y, f, p, l, h, o]
+    [f, d, C.draggable, C.droppable, y, h, p, l, g, o]
   );
-  return F.createElement($n.Provider, {
+  return j.createElement($n.Provider, {
     value: x
   }, t);
 }
@@ -2973,7 +2973,7 @@ const _o = (e) => {
 }, Fo = {
   duration: 200,
   easing: "ease"
-}, _n = "transform", Ho = /* @__PURE__ */ he.Transition.toString({
+}, _n = "transform", Ho = /* @__PURE__ */ ge.Transition.toString({
   property: _n,
   duration: 0,
   easing: "linear"
@@ -2987,12 +2987,12 @@ function Yo(e) {
     node: r,
     rect: o
   } = e;
-  const [i, s] = V(null), a = k(n);
+  const [i, s] = V(null), a = B(n);
   return ie(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
       if (l) {
-        const c = Le(r.current, {
+        const c = Pe(r.current, {
           ignoreTransform: !0
         }), u = {
           x: l.left - c.left,
@@ -3004,7 +3004,7 @@ function Yo(e) {
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), P(() => {
+  }, [t, n, r, o]), k(() => {
     i && s(null);
   }, [i]), i;
 }
@@ -3023,44 +3023,44 @@ function Vo(e) {
   const {
     items: u,
     containerId: d,
-    activeIndex: h,
-    disabled: f,
-    disableTransforms: m,
-    sortedRects: g,
+    activeIndex: g,
+    disabled: h,
+    disableTransforms: b,
+    sortedRects: f,
     overIndex: p,
-    useDragOverlay: b,
-    strategy: D
-  } = De($n), y = Ko(r, f), R = u.indexOf(s), x = T(() => ({
+    useDragOverlay: m,
+    strategy: w
+  } = we($n), y = Ko(r, h), C = u.indexOf(s), x = T(() => ({
     sortable: {
       containerId: d,
-      index: R,
+      index: C,
       items: u
     },
     ...o
-  }), [d, o, R, u]), w = T(() => u.slice(u.indexOf(s)), [u, s]), {
-    rect: I,
+  }), [d, o, C, u]), I = T(() => u.slice(u.indexOf(s)), [u, s]), {
+    rect: R,
     node: E,
-    isOver: N,
-    setNodeRef: _
+    isOver: M,
+    setNodeRef: z
   } = wo({
     id: s,
     data: x,
     disabled: y.droppable,
     resizeObserverConfig: {
-      updateMeasurementsFor: w,
+      updateMeasurementsFor: I,
       ...l
     }
   }), {
     active: A,
-    activatorEvent: Z,
-    activeNodeRect: Q,
-    attributes: ne,
-    setNodeRef: fe,
-    listeners: Ce,
-    isDragging: W,
-    over: Se,
-    setActivatorNodeRef: pe,
-    transform: ve
+    activatorEvent: Q,
+    activeNodeRect: ee,
+    attributes: J,
+    setNodeRef: xe,
+    listeners: De,
+    isDragging: q,
+    over: Ce,
+    setActivatorNodeRef: se,
+    transform: Se
   } = bo({
     id: s,
     data: x,
@@ -3069,86 +3069,86 @@ function Vo(e) {
       ...n
     },
     disabled: y.draggable
-  }), Pe = tr(_, fe), v = !!A, C = v && !m && tt(h) && tt(p), B = !b && W, L = B && C ? ve : null, q = C ? L ?? (a ?? D)({
-    rects: g,
-    activeNodeRect: Q,
-    activeIndex: h,
+  }), v = tr(z, xe), D = !!A, P = D && !b && tt(g) && tt(p), N = !m && q, F = N && P ? Se : null, K = P ? F ?? (a ?? w)({
+    rects: f,
+    activeNodeRect: ee,
+    activeIndex: g,
     overIndex: p,
-    index: R
-  }) : null, H = tt(h) && tt(p) ? i({
+    index: C
+  }) : null, G = tt(g) && tt(p) ? i({
     id: s,
     items: u,
-    activeIndex: h,
+    activeIndex: g,
     overIndex: p
-  }) : R, U = A == null ? void 0 : A.id, O = k({
-    activeId: U,
+  }) : C, W = A == null ? void 0 : A.id, O = B({
+    activeId: W,
     items: u,
-    newIndex: H,
+    newIndex: G,
     containerId: d
-  }), se = u !== O.current.items, G = t({
+  }), he = u !== O.current.items, L = t({
     active: A,
     containerId: d,
-    isDragging: W,
-    isSorting: v,
+    isDragging: q,
+    isSorting: D,
     id: s,
-    index: R,
+    index: C,
     items: u,
     newIndex: O.current.newIndex,
     previousItems: O.current.items,
     previousContainerId: O.current.containerId,
     transition: c,
     wasDragging: O.current.activeId != null
-  }), j = Yo({
-    disabled: !G,
-    index: R,
+  }), pe = Yo({
+    disabled: !L,
+    index: C,
     node: E,
-    rect: I
+    rect: R
   });
-  return P(() => {
-    v && O.current.newIndex !== H && (O.current.newIndex = H), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
-  }, [v, H, d, u]), P(() => {
-    if (U === O.current.activeId)
+  return k(() => {
+    D && O.current.newIndex !== G && (O.current.newIndex = G), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
+  }, [D, G, d, u]), k(() => {
+    if (W === O.current.activeId)
       return;
-    if (U && !O.current.activeId) {
-      O.current.activeId = U;
+    if (W && !O.current.activeId) {
+      O.current.activeId = W;
       return;
     }
-    const be = setTimeout(() => {
-      O.current.activeId = U;
+    const Ie = setTimeout(() => {
+      O.current.activeId = W;
     }, 50);
-    return () => clearTimeout(be);
-  }, [U]), {
+    return () => clearTimeout(Ie);
+  }, [W]), {
     active: A,
-    activeIndex: h,
-    attributes: ne,
+    activeIndex: g,
+    attributes: J,
     data: x,
-    rect: I,
-    index: R,
-    newIndex: H,
+    rect: R,
+    index: C,
+    newIndex: G,
     items: u,
-    isOver: N,
-    isSorting: v,
-    isDragging: W,
-    listeners: Ce,
+    isOver: M,
+    isSorting: D,
+    isDragging: q,
+    listeners: De,
     node: E,
     overIndex: p,
-    over: Se,
-    setNodeRef: Pe,
-    setActivatorNodeRef: pe,
-    setDroppableNodeRef: _,
-    setDraggableNodeRef: fe,
-    transform: j ?? q,
+    over: Ce,
+    setNodeRef: v,
+    setActivatorNodeRef: se,
+    setDroppableNodeRef: z,
+    setDraggableNodeRef: xe,
+    transform: pe ?? K,
     transition: ae()
   };
   function ae() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      j || // Or to prevent items jumping to back to their "new" position when items change
-      se && O.current.newIndex === R
+      pe || // Or to prevent items jumping to back to their "new" position when items change
+      he && O.current.newIndex === C
     )
       return Ho;
-    if (!(B && !ht(Z) || !c) && (v || G))
-      return he.Transition.toString({
+    if (!(N && !ht(Q) || !c) && (D || L))
+      return ge.Transition.toString({
         ...c,
         property: _n
       });
@@ -3170,15 +3170,15 @@ const Uo = /iPad|iPhone|iPod/.test(navigator.platform);
 function Wo(e, t) {
   return Math.round(e / t);
 }
-function Tt(e, t, n, r, o) {
-  const i = e.findIndex(({ id: b }) => b === n), s = e.findIndex(({ id: b }) => b === t), a = e[s], l = Ve(e, s, i), c = l[i - 1], u = l[i + 1], d = Wo(r, o), h = a.depth + d, f = Jo({
+function At(e, t, n, r, o) {
+  const i = e.findIndex(({ id: m }) => m === n), s = e.findIndex(({ id: m }) => m === t), a = e[s], l = Ve(e, s, i), c = l[i - 1], u = l[i + 1], d = Wo(r, o), g = a.depth + d, h = Jo({
     previousItem: c
-  }), m = qo({ nextItem: u });
-  let g = h;
-  return h >= f ? g = f : h < m && (g = m), { depth: g, maxDepth: f, minDepth: m, parentId: p() };
+  }), b = qo({ nextItem: u });
+  let f = g;
+  return g >= h ? f = h : g < b && (f = b), { depth: f, maxDepth: h, minDepth: b, parentId: p() };
   function p() {
-    var D;
-    return g === 0 || !c ? null : g === c.depth ? c.parentId : g > c.depth ? c.id : ((D = l.slice(0, i).reverse().find((y) => y.depth === g)) == null ? void 0 : D.parentId) ?? null;
+    var w;
+    return f === 0 || !c ? null : f === c.depth ? c.parentId : f > c.depth ? c.id : ((w = l.slice(0, i).reverse().find((y) => y.depth === f)) == null ? void 0 : w.parentId) ?? null;
   }
 }
 function Jo({ previousItem: e }) {
@@ -3208,64 +3208,68 @@ function Qo(e, t) {
   return Fn(e, t);
 }
 function ei(e, t) {
-  const { items: n, itemMap: r } = e, o = new Map(r);
-  function i(a) {
-    return a.filter((l) => l.id === t ? (o.delete(t), !1) : (l.children.length && (l.children = i(l.children)), !0));
+  function n(o) {
+    return o.filter((i) => i.id !== t).map((i) => ({
+      ...i,
+      children: n(i.children || [])
+    }));
   }
-  return { items: i(n), itemMap: o };
+  return n(e);
 }
 function ti(e, t, n) {
-  const { items: r, itemMap: o } = e, i = Fn(e, t);
-  if (!i) return e;
-  const s = { ...i, ...n(i) }, a = new Map(o);
-  a.set(t, s);
-  function l(u) {
-    return u.map((d) => d.id === t ? (s.children && s.children.forEach((h) => {
-      a.set(h.id, h);
-    }), s) : d.children.length ? { ...d, children: l(d.children) } : d);
+  function r(i) {
+    return i.map((s) => {
+      if (s.id === t) {
+        const a = { ...s, ...n(s) };
+        return a.children && a.children.length > 0 && (a.children = r(a.children)), a;
+      } else return s.children && s.children.length > 0 ? {
+        ...s,
+        children: r(s.children)
+      } : s;
+    });
   }
-  return { items: l(r), itemMap: a };
+  return r(e);
 }
 function Fn(e, t) {
-  const { itemMap: n } = e;
-  return n.get(t);
-}
-function ni(e) {
-  const t = /* @__PURE__ */ new Map();
-  function n(r) {
-    t.set(r.id, r), r.children.forEach(n);
+  for (const n of e) {
+    if (n.id === t)
+      return n;
+    if (n.children && n.children.length > 0) {
+      const r = Fn(n.children, t);
+      if (r)
+        return r;
+    }
   }
-  return e.forEach(n), { items: e, itemMap: t };
 }
 function Hn(e, t = 0) {
   return e.reduce((n, { children: r }) => r.length ? Hn(r, n + 1) : n + 1, t);
 }
-function ri(e, t) {
+function ni(e, t) {
   const n = Qo(e, t);
   return n ? Hn(n.children) : 0;
 }
-function oi(e, t) {
+function ri(e, t) {
   const n = [...t];
   return e.filter((r) => r.parentId && n.includes(r.parentId) ? (r.children.length && n.push(r.id), !1) : !0);
 }
-const ii = [
+const oi = [
   S.Down,
   S.Right,
   S.Up,
   S.Left
-], si = [S.Left, S.Right], ai = (e, t, n) => (r, {
+], ii = [S.Left, S.Right], si = (e, t, n) => (r, {
   currentCoordinates: o,
   context: { active: i, over: s, collisionRect: a, droppableRects: l, droppableContainers: c }
 }) => {
-  if (ii.includes(r.code)) {
+  if (oi.includes(r.code)) {
     if (!i || !a)
       return;
     r.preventDefault();
     const {
       current: { items: u, offset: d }
     } = e;
-    if (si.includes(r.code) && (s != null && s.id)) {
-      const { depth: g, maxDepth: p, minDepth: b } = Tt(
+    if (ii.includes(r.code) && (s != null && s.id)) {
+      const { depth: f, maxDepth: p, minDepth: m } = At(
         u,
         i.id,
         s.id,
@@ -3274,14 +3278,14 @@ const ii = [
       );
       switch (r.code) {
         case S.Left:
-          if (g > b)
+          if (f > m)
             return {
               ...o,
               x: o.x - n
             };
           break;
         case S.Right:
-          if (g < p)
+          if (f < p)
             return {
               ...o,
               x: o.x + n
@@ -3290,63 +3294,63 @@ const ii = [
       }
       return;
     }
-    const h = [];
-    c.forEach((g) => {
-      if (g != null && g.disabled || g.id === (s == null ? void 0 : s.id))
+    const g = [];
+    c.forEach((f) => {
+      if (f != null && f.disabled || f.id === (s == null ? void 0 : s.id))
         return;
-      const p = l.get(g.id);
+      const p = l.get(f.id);
       if (p)
         switch (r.code) {
           case S.Down:
-            a.top < p.top && h.push(g);
+            a.top < p.top && g.push(f);
             break;
           case S.Up:
-            a.top > p.top && h.push(g);
+            a.top > p.top && g.push(f);
             break;
         }
     });
-    const f = yr({
+    const h = yr({
       active: i,
       collisionRect: a,
       pointerCoordinates: null,
       droppableRects: l,
-      droppableContainers: h
+      droppableContainers: g
     });
-    let m = yn(f, "id");
-    if (m === (s == null ? void 0 : s.id) && f.length > 1 && (m = f[1].id), m && (s != null && s.id)) {
-      const g = l.get(i.id), p = l.get(m), b = c.get(m);
-      if (g && p && b) {
-        const D = u.findIndex(({ id: w }) => w === m), y = u[D], R = u.findIndex(({ id: w }) => w === i.id), x = u[R];
+    let b = yn(h, "id");
+    if (b === (s == null ? void 0 : s.id) && h.length > 1 && (b = h[1].id), b && (s != null && s.id)) {
+      const f = l.get(i.id), p = l.get(b), m = c.get(b);
+      if (f && p && m) {
+        const w = u.findIndex(({ id: I }) => I === b), y = u[w], C = u.findIndex(({ id: I }) => I === i.id), x = u[C];
         if (y && x) {
-          const { depth: w } = Tt(
+          const { depth: I } = At(
             u,
             i.id,
-            m,
+            b,
             (y.depth - x.depth) * n,
             n
-          ), E = D > R ? 1 : -1, N = t ? (a.height - g.height) / 2 : 0;
+          ), E = w > C ? 1 : -1, M = t ? (a.height - f.height) / 2 : 0;
           return {
-            x: p.left + w * n,
-            y: p.top + E * N
+            x: p.left + I * n,
+            y: p.top + E * M
           };
         }
       }
     }
   }
-}, li = "_Wrapper_wguit_1", ci = "_clone_wguit_8", ui = "_TreeItem_wguit_16", di = "_ghost_wguit_23", fi = "_indicator_wguit_23", gi = "_Text_wguit_78", hi = "_Count_wguit_90", pi = "_disableInteraction_wguit_106", vi = "_disableSelection_wguit_110", bi = "_Collapse_wguit_118", mi = "_collapsed_wguit_122", ue = {
-  Wrapper: li,
-  clone: ci,
-  TreeItem: ui,
-  ghost: di,
-  indicator: fi,
-  Text: gi,
-  Count: hi,
-  disableInteraction: pi,
-  disableSelection: vi,
-  Collapse: bi,
-  collapsed: mi
+}, ai = "_Wrapper_wguit_1", li = "_clone_wguit_8", ci = "_TreeItem_wguit_16", ui = "_ghost_wguit_23", di = "_indicator_wguit_23", fi = "_Text_wguit_78", gi = "_Count_wguit_90", hi = "_disableInteraction_wguit_106", pi = "_disableSelection_wguit_110", vi = "_Collapse_wguit_118", bi = "_collapsed_wguit_122", ue = {
+  Wrapper: ai,
+  clone: li,
+  TreeItem: ci,
+  ghost: ui,
+  indicator: di,
+  Text: fi,
+  Count: gi,
+  disableInteraction: hi,
+  disableSelection: pi,
+  Collapse: vi,
+  collapsed: bi
 };
-function yi(e) {
+function mi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Xn = { exports: {} };
@@ -3385,16 +3389,16 @@ var Xn = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Xn);
-var wi = Xn.exports;
-const Mt = /* @__PURE__ */ yi(wi), xi = "_Action_7i4a4_1", Di = {
-  Action: xi
+var yi = Xn.exports;
+const Nt = /* @__PURE__ */ mi(yi), wi = "_Action_7i4a4_1", xi = {
+  Action: wi
 }, bt = dt(
-  ({ active: e, className: t, cursor: n, style: r, ...o }, i) => /* @__PURE__ */ $(
+  ({ active: e, className: t, cursor: n, style: r, ...o }, i) => /* @__PURE__ */ _(
     "button",
     {
       ref: i,
       ...o,
-      className: Mt(Di.Action, t),
+      className: Nt(xi.Action, t),
       tabIndex: 0,
       style: {
         ...r,
@@ -3404,9 +3408,9 @@ const Mt = /* @__PURE__ */ yi(wi), xi = "_Action_7i4a4_1", Di = {
       }
     }
   )
-), Ci = dt((e, t) => /* @__PURE__ */ $(bt, { ref: t, cursor: "grab", "data-cypress": "draggable-handle", ...e, children: /* @__PURE__ */ $("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ $("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) }));
-function Si(e) {
-  return /* @__PURE__ */ $(
+), Di = dt((e, t) => /* @__PURE__ */ _(bt, { ref: t, cursor: "grab", "data-cypress": "draggable-handle", ...e, children: /* @__PURE__ */ _("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ _("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) }));
+function Ci(e) {
+  return /* @__PURE__ */ _(
     bt,
     {
       ...e,
@@ -3414,7 +3418,7 @@ function Si(e) {
         fill: "rgba(255, 70, 70, 0.95)",
         background: "rgba(255, 70, 70, 0.1)"
       },
-      children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ _(
         "svg",
         {
           width: "18",
@@ -3422,14 +3426,14 @@ function Si(e) {
           viewBox: "0 0 18 18",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ $("path", { d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z" })
+          children: /* @__PURE__ */ _("path", { d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z" })
         }
       )
     }
   );
 }
-function Ii(e) {
-  return /* @__PURE__ */ $(
+function Si(e) {
+  return /* @__PURE__ */ _(
     bt,
     {
       ...e,
@@ -3437,7 +3441,7 @@ function Ii(e) {
         fill: "rgba(255, 70, 70, 0.95)",
         background: "rgba(255, 70, 70, 0.1)"
       },
-      children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ _(
         "svg",
         {
           width: "18",
@@ -3445,13 +3449,13 @@ function Ii(e) {
           viewBox: "0 0 18 18",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ $("path", { d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z" })
+          children: /* @__PURE__ */ _("path", { d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z" })
         }
       )
     }
   );
 }
-const Ri = dt(
+const Ii = dt(
   ({
     childCount: e,
     clone: t,
@@ -3465,17 +3469,17 @@ const Ri = dt(
     indicator: c,
     collapsed: u,
     onCollapse: d,
-    onRemove: h,
-    onAdd: f,
-    onLabelClick: m,
-    style: g,
+    onRemove: g,
+    onAdd: h,
+    onLabelClick: b,
+    style: f,
     value: p,
-    wrapperRef: b,
-    ...D
-  }, y) => /* @__PURE__ */ $(
+    wrapperRef: m,
+    ...w
+  }, y) => /* @__PURE__ */ _(
     "li",
     {
-      className: Mt(
+      className: Nt(
         ue.Wrapper,
         t && ue.clone,
         s && ue.ghost,
@@ -3483,29 +3487,29 @@ const Ri = dt(
         r && ue.disableSelection,
         o && ue.disableInteraction
       ),
-      ref: b,
+      ref: m,
       style: {
         "--spacing": `${l * n}px`
       },
-      ...D,
-      children: /* @__PURE__ */ fn("div", { className: ue.TreeItem, ref: y, style: g, children: [
-        !i && /* @__PURE__ */ $(Ci, { ...a }),
-        d && /* @__PURE__ */ $(
+      ...w,
+      children: /* @__PURE__ */ fn("div", { className: ue.TreeItem, ref: y, style: f, children: [
+        !i && /* @__PURE__ */ _(Di, { ...a }),
+        d && /* @__PURE__ */ _(
           bt,
           {
             onClick: d,
-            className: Mt(ue.Collapse, u && ue.collapsed),
-            children: Ei
+            className: Nt(ue.Collapse, u && ue.collapsed),
+            children: Ri
           }
         ),
-        /* @__PURE__ */ $("span", { onClick: m, className: ue.Text, children: p }),
-        !t && h && /* @__PURE__ */ $(Si, { onClick: h }),
-        !t && f && /* @__PURE__ */ $(Ii, { onClick: f }),
-        t && e && e > 1 ? /* @__PURE__ */ $("span", { className: ue.Count, children: e }) : null
+        /* @__PURE__ */ _("span", { onClick: b, className: ue.Text, children: p }),
+        !t && g && /* @__PURE__ */ _(Ci, { onClick: g }),
+        !t && h && /* @__PURE__ */ _(Si, { onClick: h }),
+        t && e && e > 1 ? /* @__PURE__ */ _("span", { className: ue.Count, children: e }) : null
       ] })
     }
   )
-), Ei = /* @__PURE__ */ $("svg", { width: "10", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 70 41", children: /* @__PURE__ */ $("path", { d: "M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z" }) }), Oi = ut(Ri), Ai = ({ isSorting: e, wasDragging: t }) => !(e || t);
+), Ri = /* @__PURE__ */ _("svg", { width: "10", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 70 41", children: /* @__PURE__ */ _("path", { d: "M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z" }) }), Ei = ut(Ii), Oi = ({ isSorting: e, wasDragging: t }) => !(e || t);
 function Ti({ id: e, depth: t, ...n }) {
   const {
     attributes: r,
@@ -3518,13 +3522,13 @@ function Ti({ id: e, depth: t, ...n }) {
     transition: u
   } = Vo({
     id: e,
-    animateLayoutChanges: Ai
+    animateLayoutChanges: Oi
   }), d = {
-    transform: he.Translate.toString(c),
+    transform: ge.Translate.toString(c),
     transition: u
   };
-  return /* @__PURE__ */ $(
-    Oi,
+  return /* @__PURE__ */ _(
+    Ei,
     {
       ref: a,
       wrapperRef: l,
@@ -3541,17 +3545,17 @@ function Ti({ id: e, depth: t, ...n }) {
     }
   );
 }
-const dn = ut(Ti), Mi = {
+const dn = ut(Ti), Ai = {
   droppable: {
-    strategy: Te.Always
+    strategy: Ne.Always
   }
 }, Ni = {
   keyframes({ transform: e }) {
     return [
-      { opacity: 1, transform: he.Transform.toString(e.initial) },
+      { opacity: 1, transform: ge.Transform.toString(e.initial) },
       {
         opacity: 0,
-        transform: he.Transform.toString({
+        transform: ge.Transform.toString({
           ...e.final,
           x: e.final.x + 5,
           y: e.final.y + 5
@@ -3562,14 +3566,14 @@ const dn = ut(Ti), Mi = {
   easing: "ease-out",
   sideEffects({ active: e }) {
     e.node.animate([{ opacity: 0 }, { opacity: 1 }], {
-      duration: At.duration,
-      easing: At.easing
+      duration: Tt.duration,
+      easing: Tt.easing
     });
   }
 };
-function Li({
-  treeStructure: e,
-  setTreeStructure: t,
+function Mi({
+  items: e,
+  setItems: t,
   isCollapsible: n,
   onLazyLoadChildren: r,
   showDropIndicator: o = !1,
@@ -3581,158 +3585,158 @@ function Li({
   onDragEnd: u,
   onItemClick: d
 }) {
-  const h = T(() => e.items, [e.items]), [f, m] = V(null), [g, p] = V(null), [b, D] = V(0), [y, R] = V(null), x = T(() => {
-    let v = It(h);
-    const C = v.filter(({ parentId: L }) => !L);
-    C.length === 1 && (v = v.map(
-      (L) => L.id === C[0].id ? {
-        ...L,
+  const [g, h] = V(null), [b, f] = V(null), [p, m] = V(0), [w, y] = V(null), C = T(() => {
+    let v = It(e);
+    const D = v.filter(({ parentId: N }) => !N);
+    D.length === 1 && (v = v.map(
+      (N) => N.id === D[0].id ? {
+        ...N,
         disableDragging: !0
-      } : L
+      } : N
     ));
-    const B = v.reduce(
-      (L, { children: M, collapsed: q, id: H }) => (q && M.length && L.push(H), L),
+    const P = v.reduce(
+      (N, { children: F, collapsed: H, id: K }) => (H && F.length && N.push(K), N),
       []
     );
-    return oi(
+    return ri(
       v,
-      f ? [f, ...B] : B
+      g ? [g, ...P] : P
     );
-  }, [f, h]), w = f && g ? Tt(x, f, g, b, i) : null, I = k({
-    items: x,
-    offset: b
-  }), [E] = V(
-    () => ai(I, o, i)
-  ), N = pr(
+  }, [g, e]), x = g && b ? At(C, g, b, p, i) : null, I = B({
+    items: C,
+    offset: p
+  }), [R] = V(
+    () => si(I, o, i)
+  ), E = pr(
     Gt(_t),
-    Gt(Bt, {
-      coordinateGetter: E
+    Gt(zt, {
+      coordinateGetter: R
     })
-  ), _ = T(() => x.map(({ id: v }) => v), [x]), A = f ? x.find(({ id: v }) => v === f) : null;
-  P(() => {
+  ), M = T(() => C.map(({ id: v }) => v), [C]), z = g ? C.find(({ id: v }) => v === g) : null;
+  k(() => {
     I.current = {
-      items: x,
-      offset: b
+      items: C,
+      offset: p
     };
-  }, [x, b]);
-  const Z = z(
+  }, [C, p]);
+  const A = $(
     ({ active: { id: v } }) => {
-      m(v), p(v);
-      const C = x.find(({ id: B }) => B === v);
-      C && R({
-        parentId: C.parentId,
+      h(v), f(v);
+      const D = C.find(({ id: P }) => P === v);
+      D && y({
+        parentId: D.parentId,
         overId: v
       }), document.body.style.setProperty("cursor", "grabbing");
     },
-    [x]
-  ), Q = z(({ delta: v }) => {
-    D(v.x);
-  }, []), ne = z(({ over: v }) => {
-    p((v == null ? void 0 : v.id) ?? null);
-  }, []), fe = z(() => {
-    p(null), m(null), D(0), R(null), document.body.style.setProperty("cursor", "");
-  }, []), Ce = z(
-    ({ active: v, over: C }) => {
-      if (fe(), w && C) {
-        const { depth: B, parentId: L } = w, M = JSON.parse(JSON.stringify(It(h))), q = M.findIndex(({ id: j }) => j === C.id), H = M.findIndex(({ id: j }) => j === v.id), U = M[H];
-        M[H] = { ...U, depth: B, parentId: L };
-        const O = Ve(M, H, q), se = Go(O), G = Yn(se, M[H].id, L);
-        t(ni(se)), u == null || u(G);
+    [C]
+  ), Q = $(({ delta: v }) => {
+    m(v.x);
+  }, []), ee = $(({ over: v }) => {
+    f((v == null ? void 0 : v.id) ?? null);
+  }, []), J = $(() => {
+    f(null), h(null), m(0), y(null), document.body.style.setProperty("cursor", "");
+  }, []), xe = $(
+    ({ active: v, over: D }) => {
+      if (J(), x && D) {
+        const { depth: P, parentId: N } = x, F = JSON.parse(JSON.stringify(It(e))), H = F.findIndex(({ id: L }) => L === D.id), K = F.findIndex(({ id: L }) => L === v.id), G = F[K];
+        F[K] = { ...G, depth: P, parentId: N };
+        const W = Ve(F, K, H), O = Go(W), he = Yn(O, F[K].id, N);
+        t(O), u == null || u(he);
       }
     },
-    [h, w, u, fe, t]
-  ), W = z(() => {
-    fe();
-  }, [fe]), Se = z(
+    [e, x, u, J, t]
+  ), De = $(() => {
+    J();
+  }, [J]), q = $(
     (v) => {
-      t((C) => ei(C, v));
+      t((D) => ei(D, v));
     },
     [t]
-  ), pe = z(
+  ), Ce = $(
     ({
       id: v,
-      canFetchChildren: C,
-      collapsed: B
-    }) => C ? r == null ? void 0 : r(v, !!B) : t(
-      (L) => ti(L, v, (M) => ({ collapsed: !M.collapsed }))
+      canFetchChildren: D,
+      collapsed: P
+    }) => D ? r == null ? void 0 : r(v, !!P) : t(
+      (N) => ti(N, v, (F) => ({ collapsed: !F.collapsed }))
     ),
     [r, t]
-  ), ve = z(
-    (v, C, B) => {
-      if (B && w) {
+  ), se = $(
+    (v, D, P) => {
+      if (P && x) {
         if (v !== "onDragEnd") {
-          if (y && w.parentId === y.parentId && B === y.overId)
+          if (w && x.parentId === w.parentId && P === w.overId)
             return;
-          R({
-            parentId: w.parentId,
-            overId: B
+          y({
+            parentId: x.parentId,
+            overId: P
           });
         }
-        const L = JSON.parse(JSON.stringify(It(h))), M = L.findIndex(({ id: j }) => j === B), q = L.findIndex(({ id: j }) => j === C), H = Ve(L, q, M), U = H[M - 1];
-        let O;
-        const se = v === "onDragEnd" ? "dropped" : "moved", G = v === "onDragEnd" ? "dropped" : "nested";
-        if (U)
-          if (w.depth > U.depth)
-            O = `${C} was ${G} under ${U.id}.`;
+        const N = JSON.parse(JSON.stringify(It(e))), F = N.findIndex(({ id: L }) => L === P), H = N.findIndex(({ id: L }) => L === D), K = Ve(N, H, F), G = K[F - 1];
+        let W;
+        const O = v === "onDragEnd" ? "dropped" : "moved", he = v === "onDragEnd" ? "dropped" : "nested";
+        if (G)
+          if (x.depth > G.depth)
+            W = `${D} was ${he} under ${G.id}.`;
           else {
-            let j = U;
-            for (; j && w.depth < j.depth; ) {
-              const ae = j.parentId;
-              j = H.find(({ id: be }) => be === ae);
+            let L = G;
+            for (; L && x.depth < L.depth; ) {
+              const pe = L.parentId;
+              L = K.find(({ id: ae }) => ae === pe);
             }
-            j && (O = `${C} was ${se} after ${j.id}.`);
+            L && (W = `${D} was ${O} after ${L.id}.`);
           }
         else {
-          const j = H[M + 1];
-          O = `${C} was ${se} before ${j.id}.`;
+          const L = K[F + 1];
+          W = `${D} was ${O} before ${L.id}.`;
         }
-        return O;
+        return W;
       }
     },
-    [y, h, w]
+    [w, e, x]
   );
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ _(
     ho,
     {
       accessibility: { announcements: {
         onDragStart({ active: v }) {
           return `Picked up ${v.id}.`;
         },
-        onDragMove({ active: v, over: C }) {
-          return ve("onDragMove", v.id, C == null ? void 0 : C.id);
+        onDragMove({ active: v, over: D }) {
+          return se("onDragMove", v.id, D == null ? void 0 : D.id);
         },
-        onDragOver({ active: v, over: C }) {
-          return ve("onDragOver", v.id, C == null ? void 0 : C.id);
+        onDragOver({ active: v, over: D }) {
+          return se("onDragOver", v.id, D == null ? void 0 : D.id);
         },
-        onDragEnd({ active: v, over: C }) {
-          return ve("onDragEnd", v.id, C == null ? void 0 : C.id);
+        onDragEnd({ active: v, over: D }) {
+          return se("onDragEnd", v.id, D == null ? void 0 : D.id);
         },
         onDragCancel({ active: v }) {
           return `Moving was cancelled. ${v.id} was dropped in its original position.`;
         }
       } },
-      sensors: N,
+      sensors: E,
       collisionDetection: mr,
-      measuring: Mi,
-      onDragStart: Z,
+      measuring: Ai,
+      onDragStart: A,
       onDragMove: Q,
-      onDragOver: ne,
-      onDragEnd: Ce,
-      onDragCancel: W,
-      children: /* @__PURE__ */ fn($o, { items: _, strategy: zo, children: [
-        x.map(
-          ({ id: v, label: C, children: B, collapsed: L, depth: M, canFetchChildren: q, disableDragging: H }) => /* @__PURE__ */ $(
+      onDragOver: ee,
+      onDragEnd: xe,
+      onDragCancel: De,
+      children: /* @__PURE__ */ fn($o, { items: M, strategy: Bo, children: [
+        C.map(
+          ({ id: v, label: D, children: P, collapsed: N, depth: F, canFetchChildren: H, disableDragging: K }) => /* @__PURE__ */ _(
             dn,
             {
               id: v,
-              value: C,
-              disableDragging: !!H,
-              depth: v === f && w ? w.depth : M,
+              value: D,
+              disableDragging: !!K,
+              depth: v === g && x ? x.depth : F,
               indentationWidth: i,
               indicator: o,
-              collapsed: !!(L && (B.length || q)),
-              onCollapse: n && (B.length || q) ? () => pe({ id: v, canFetchChildren: q, collapsed: L }) : void 0,
-              onRemove: s ? () => a ? a(v) : Se(v) : void 0,
+              collapsed: !!(N && (P.length || H)),
+              onCollapse: n && (P.length || H) ? () => Ce({ id: v, canFetchChildren: H, collapsed: N }) : void 0,
+              onRemove: s ? () => a ? a(v) : q(v) : void 0,
               onAdd: l ? () => c == null ? void 0 : c(v) : void 0,
               onLabelClick: d ? () => d(v) : void 0
             },
@@ -3740,19 +3744,19 @@ function Li({
           )
         ),
         gn(
-          /* @__PURE__ */ $(
-            No,
+          /* @__PURE__ */ _(
+            Mo,
             {
               dropAnimation: Ni,
-              modifiers: o ? [Pi] : void 0,
-              children: f && A ? /* @__PURE__ */ $(
+              modifiers: o ? [Li] : void 0,
+              children: g && z ? /* @__PURE__ */ _(
                 dn,
                 {
-                  id: f,
-                  depth: A.depth,
+                  id: g,
+                  depth: z.depth,
                   clone: !0,
-                  childCount: ri(e, f) + 1,
-                  value: A.label,
+                  childCount: ni(e, g) + 1,
+                  value: z.label,
                   indentationWidth: i
                 }
               ) : null
@@ -3764,7 +3768,7 @@ function Li({
     }
   );
 }
-const Pi = ({ transform: e }) => ({
+const Li = ({ transform: e }) => ({
   ...e,
   y: e.y - 25
 });
@@ -3781,10 +3785,10 @@ function Yn(e, t, n = null) {
   }
   return null;
 }
-const $i = ut(Li);
+const zi = ut(Mi);
 export {
-  $i as SortableTree,
-  ni as createOptimizedTreeStructure,
+  zi as SortableTree,
+  Fn as getItemById,
   ei as removeItemById,
   ti as setTreeItemProperties
 };