@clevertask/react-sortable-tree 0.0.1 → 0.0.3

package/dist/react-sortable-tree.js

@@ -1,5 +1,5 @@
-import { jsx as _, jsxs as fn } from "react/jsx-runtime";
-import j, { useMemo as T, useLayoutEffect as Qn, useEffect as k, useRef as z, useCallback as $, useState as V, createContext as Ke, memo as ut, useReducer as Nt, useContext as we, cloneElement as er, forwardRef as dt } from "react";
+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 { 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++)
@@ -13,7 +13,7 @@ function tr() {
   );
 }
 const ft = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Ne(e) {
+function Me(e) {
   const t = Object.prototype.toString.call(e);
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
@@ -21,53 +21,53 @@ function Ne(e) {
 function Lt(e) {
   return "nodeType" in e;
 }
-function G(e) {
+function J(e) {
   var t, n;
-  return e ? Ne(e) ? e : Lt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  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
-  } = G(e);
+  } = J(e);
   return e instanceof t;
 }
 function Ue(e) {
-  return Ne(e) ? !1 : e instanceof G(e).HTMLElement;
+  return Me(e) ? !1 : e instanceof J(e).HTMLElement;
 }
 function hn(e) {
-  return e instanceof G(e).SVGElement;
+  return e instanceof J(e).SVGElement;
 }
-function Le(e) {
-  return e ? Ne(e) ? e.document : Lt(e) ? Pt(e) ? e : Ue(e) || hn(e) ? e.ownerDocument : document : document : document;
+function Ne(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 : k;
+const ie = ft ? Qn : P;
 function gt(e) {
-  const t = z(e);
+  const t = k(e);
   return ie(() => {
     t.current = e;
-  }), $(function() {
+  }), z(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 = z(null), t = $((r, o) => {
+  const e = k(null), t = z((r, o) => {
     e.current = setInterval(r, o);
-  }, []), n = $(() => {
+  }, []), n = z(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
 }
 function Ye(e, t) {
   t === void 0 && (t = [e]);
-  const n = z(e);
+  const n = k(e);
   return ie(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
 function We(e, t) {
-  const n = z();
+  const n = k();
   return T(
     () => {
       const r = e(n.current);
@@ -78,7 +78,7 @@ function We(e, t) {
   );
 }
 function ot(e) {
-  const t = gt(e), n = z(null), r = $(
+  const t = gt(e), n = k(null), r = z(
     (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 = z();
-  return k(() => {
+  const t = k();
+  return P(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -127,7 +127,7 @@ function ht(e) {
     return !1;
   const {
     KeyboardEvent: t
-  } = G(e.target);
+  } = J(e.target);
   return t && e instanceof t;
 }
 function or(e) {
@@ -135,7 +135,7 @@ function or(e) {
     return !1;
   const {
     TouchEvent: t
-  } = G(e.target);
+  } = J(e.target);
   return t && e instanceof t;
 }
 function at(e) {
@@ -165,7 +165,7 @@ function at(e) {
     y: e.clientY
   } : null;
 }
-const ge = /* @__PURE__ */ Object.freeze({
+const he = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(e) {
       if (!e)
@@ -191,7 +191,7 @@ const ge = /* @__PURE__ */ Object.freeze({
   Transform: {
     toString(e) {
       if (e)
-        return [ge.Translate.toString(e), ge.Scale.toString(e)].join(" ");
+        return [he.Translate.toString(e), he.Scale.toString(e)].join(" ");
     }
   },
   Transition: {
@@ -216,7 +216,7 @@ function ar(e) {
     id: t,
     value: n
   } = e;
-  return j.createElement("div", {
+  return F.createElement("div", {
     id: t,
     style: sr
   }, n);
@@ -239,7 +239,7 @@ function lr(e) {
     clipPath: "inset(100%)",
     whiteSpace: "nowrap"
   };
-  return j.createElement("div", {
+  return F.createElement("div", {
     id: t,
     style: o,
     role: "status",
@@ -250,7 +250,7 @@ function lr(e) {
 function cr() {
   const [e, t] = V("");
   return {
-    announce: $((r) => {
+    announce: z((r) => {
       r != null && t(r);
     }, []),
     announcement: e
@@ -258,16 +258,16 @@ function cr() {
 }
 const vn = /* @__PURE__ */ Ke(null);
 function ur(e) {
-  const t = we(vn);
-  k(() => {
+  const t = De(vn);
+  P(() => {
     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 = $((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [$((r) => {
+  const [e] = V(() => /* @__PURE__ */ new Set()), t = z((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [z((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 (k(() => {
+  if (P(() => {
     c(!0);
   }, []), ur(T(() => ({
     onDragStart(d) {
       let {
-        active: f
+        active: h
       } = d;
       i(t.onDragStart({
-        active: f
+        active: h
       }));
     },
     onDragMove(d) {
       let {
-        active: f,
-        over: h
+        active: h,
+        over: f
       } = d;
       t.onDragMove && i(t.onDragMove({
-        active: f,
-        over: h
+        active: h,
+        over: f
       }));
     },
     onDragOver(d) {
       let {
-        active: f,
-        over: h
+        active: h,
+        over: f
       } = d;
       i(t.onDragOver({
-        active: f,
-        over: h
+        active: h,
+        over: f
       }));
     },
     onDragEnd(d) {
       let {
-        active: f,
-        over: h
+        active: h,
+        over: f
       } = d;
       i(t.onDragEnd({
-        active: f,
-        over: h
+        active: h,
+        over: f
       }));
     },
     onDragCancel(d) {
       let {
-        active: f,
-        over: h
+        active: h,
+        over: f
       } = d;
       i(t.onDragCancel({
-        active: f,
-        over: h
+        active: h,
+        over: f
       }));
     }
   }), [i, t])), !l)
     return null;
-  const u = j.createElement(j.Fragment, null, j.createElement(ar, {
+  const u = F.createElement(F.Fragment, null, F.createElement(ar, {
     id: r,
     value: o.draggable
-  }), j.createElement(lr, {
+  }), F.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((f, h, b) => f + bn(c[b], h), 0), d = Number((u / 4).toFixed(4));
+      const c = Zt(l), u = o.reduce((h, f, m) => h + bn(c[m], f), 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 Pe(e, t) {
+function Le(e, t) {
   t === void 0 && (t = Rr);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: c,
       transformOrigin: u
-    } = G(e).getComputedStyle(e);
+    } = J(e).getComputedStyle(e);
     c && (n = Ir(n, c, u));
   }
   const {
@@ -662,7 +662,7 @@ function Pe(e, t) {
   };
 }
 function en(e) {
-  return Pe(e, {
+  return Le(e, {
     ignoreTransform: !0
   });
 }
@@ -678,10 +678,10 @@ function Er(e) {
   };
 }
 function Or(e, t) {
-  return t === void 0 && (t = G(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = J(e).getComputedStyle(e)), t.position === "fixed";
 }
-function Tr(e, t) {
-  t === void 0 && (t = G(e).getComputedStyle(e));
+function Ar(e, t) {
+  t === void 0 && (t = J(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 = G(e).getComputedStyle(o);
-    return o !== e && Tr(o, i) && n.push(o), Or(o, i) ? n : r(o.parentNode);
+    const i = J(e).getComputedStyle(o);
+    return o !== e && Ar(o, i) && n.push(o), Or(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
@@ -707,13 +707,13 @@ function Dn(e) {
   return t ?? null;
 }
 function xt(e) {
-  return !ft || !e ? null : Ne(e) ? e : Lt(e) ? Pt(e) || e === Le(e).scrollingElement ? window : Ue(e) ? e : null : null;
+  return !ft || !e ? null : Me(e) ? e : Lt(e) ? Pt(e) || e === Ne(e).scrollingElement ? window : Ue(e) ? e : null : null;
 }
 function Cn(e) {
-  return Ne(e) ? e.scrollX : e.scrollLeft;
+  return Me(e) ? e.scrollX : e.scrollLeft;
 }
 function Sn(e) {
-  return Ne(e) ? e.scrollY : e.scrollTop;
+  return Me(e) ? e.scrollY : e.scrollTop;
 }
 function Rt(e) {
   return {
@@ -751,7 +751,7 @@ function Rn(e) {
     minScroll: t
   };
 }
-const Ar = {
+const Tr = {
   x: 0.2,
   y: 0.2
 };
@@ -762,25 +762,25 @@ function Mr(e, t, n, r, o) {
     right: a,
     bottom: l
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = Ar);
+  r === void 0 && (r = 10), o === void 0 && (o = Tr);
   const {
     isTop: c,
     isBottom: u,
     isLeft: d,
-    isRight: f
-  } = Rn(e), h = {
+    isRight: h
+  } = Rn(e), f = {
     x: 0,
     y: 0
-  }, b = {
+  }, m = {
     x: 0,
     y: 0
   }, g = {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + g.height ? (h.y = Y.Backward, b.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (h.y = Y.Forward, b.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !f && a >= t.right - g.width ? (h.x = Y.Forward, b.x = r * Math.abs((t.right - g.width - a) / g.width)) : !d && s <= t.left + g.width && (h.x = Y.Backward, b.x = r * Math.abs((t.left + g.width - s) / g.width)), {
-    direction: h,
-    speed: b
+  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
   };
 }
 function Nr(e) {
@@ -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 = Pe), !e)
+  if (t === void 0 && (t = Le), !e)
     return;
   const {
     top: n,
@@ -875,8 +875,8 @@ class Fe {
 function zr(e) {
   const {
     EventTarget: t
-  } = G(e);
-  return e instanceof t ? e : Le(e);
+  } = J(e);
+  return e instanceof t ? e : Ne(e);
 }
 function Dt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
@@ -896,7 +896,7 @@ 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 Tn = {
+const An = {
   start: [S.Space, S.Enter],
   cancel: [S.Esc],
   end: [S.Space, S.Enter]
@@ -935,7 +935,7 @@ class Bt {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Fe(Le(n)), this.windowListeners = new Fe(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    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();
   }
   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 = Tn,
+        keyboardCodes: i = An,
         coordinateGetter: s = $r,
         scrollBehavior: a = "smooth"
       } = o, {
@@ -981,55 +981,55 @@ class Bt {
         currentCoordinates: u
       });
       if (d) {
-        const f = st(d, u), h = {
+        const h = st(d, u), f = {
           x: 0,
           y: 0
         }, {
-          scrollableAncestors: b
+          scrollableAncestors: m
         } = r.current;
-        for (const g of b) {
+        for (const g of m) {
           const p = t.code, {
-            isTop: m,
-            isRight: w,
+            isTop: b,
+            isRight: D,
             isLeft: y,
-            isBottom: C,
+            isBottom: R,
             maxScroll: x,
-            minScroll: I
-          } = Rn(g), R = Nr(g), 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))
-          }, N = p === S.Right && !w || p === S.Left && !y, B = p === S.Down && !C || p === S.Up && !m;
+            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 + f.x, Z = p === S.Right && A <= x.x || p === S.Left && A >= I.x;
-            if (Z && !f.y) {
+            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({
                 left: A,
                 behavior: a
               });
               return;
             }
-            Z ? h.x = g.scrollLeft - A : h.x = p === S.Right ? g.scrollLeft - x.x : g.scrollLeft - I.x, h.x && g.scrollBy({
-              left: -h.x,
+            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,
               behavior: a
             });
             break;
-          } else if (B && E.y !== d.y) {
-            const A = g.scrollTop + f.y, Z = p === S.Down && A <= x.y || p === S.Up && A >= I.y;
-            if (Z && !f.x) {
+          } 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({
                 top: A,
                 behavior: a
               });
               return;
             }
-            Z ? h.y = g.scrollTop - A : h.y = p === S.Down ? g.scrollTop - x.y : g.scrollTop - I.y, h.y && g.scrollBy({
-              top: -h.y,
+            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,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Ae(st(d, this.referenceCoordinates), h));
+        this.handleMove(t, Ae(st(d, this.referenceCoordinates), f));
       }
     }
   }
@@ -1059,7 +1059,7 @@ Bt.activators = [{
   eventName: "onKeyDown",
   handler: (e, t, n) => {
     let {
-      keyboardCodes: r = Tn,
+      keyboardCodes: r = An,
       onActivation: o
     } = t, {
       active: i
@@ -1091,7 +1091,7 @@ class $t {
     } = t, {
       target: s
     } = i;
-    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(G(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 = 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();
   }
   attach() {
     const {
@@ -1192,7 +1192,7 @@ class _t extends $t {
   constructor(t) {
     const {
       event: n
-    } = t, r = Le(n.target);
+    } = t, r = Ne(n.target);
     super(t, _r, r);
   }
 }
@@ -1223,7 +1223,7 @@ var Et;
 })(Et || (Et = {}));
 class Fr extends $t {
   constructor(t) {
-    super(t, jr, Le(t.event.target));
+    super(t, jr, Ne(t.event.target));
   }
 }
 Fr.activators = [{
@@ -1299,18 +1299,18 @@ function Xr(e) {
     scrollableAncestors: c,
     scrollableAncestorRects: u,
     delta: d,
-    threshold: f
+    threshold: h
   } = e;
-  const h = Vr({
+  const f = Vr({
     delta: d,
     disabled: !i
-  }), [b, g] = nr(), p = z({
+  }), [m, g] = nr(), p = k({
     x: 0,
     y: 0
-  }), m = z({
+  }), b = k({
     x: 0,
     y: 0
-  }), w = T(() => {
+  }), D = T(() => {
     switch (n) {
       case He.Pointer:
         return l ? {
@@ -1322,40 +1322,40 @@ function Xr(e) {
       case He.DraggableRect:
         return o;
     }
-  }, [n, o, l]), y = z(null), C = $(() => {
-    const I = y.current;
-    if (!I)
+  }, [n, o, l]), y = k(null), R = z(() => {
+    const w = y.current;
+    if (!w)
       return;
-    const R = p.current.x * m.current.x, E = p.current.y * m.current.y;
-    I.scrollBy(R, E);
+    const I = p.current.x * b.current.x, E = p.current.y * b.current.y;
+    w.scrollBy(I, E);
   }, []), x = T(() => a === ct.TreeOrder ? [...c].reverse() : c, [a, c]);
-  k(
+  P(
     () => {
-      if (!i || !c.length || !w) {
+      if (!i || !c.length || !D) {
         g();
         return;
       }
-      for (const I of x) {
-        if ((r == null ? void 0 : r(I)) === !1)
+      for (const w of x) {
+        if ((r == null ? void 0 : r(w)) === !1)
           continue;
-        const R = c.indexOf(I), E = u[R];
+        const I = c.indexOf(w), E = u[I];
         if (!E)
           continue;
         const {
           direction: N,
-          speed: B
-        } = Mr(I, E, w, t, f);
+          speed: _
+        } = Mr(w, E, D, t, h);
         for (const A of ["x", "y"])
-          h[A][N[A]] || (B[A] = 0, N[A] = 0);
-        if (B.x > 0 || B.y > 0) {
-          g(), y.current = I, b(C, s), p.current = B, m.current = N;
+          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;
           return;
         }
       }
       p.current = {
         x: 0,
         y: 0
-      }, m.current = {
+      }, b.current = {
         x: 0,
         y: 0
       }, g();
@@ -1363,21 +1363,21 @@ function Xr(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      C,
+      R,
       r,
       g,
       i,
       s,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(w),
+      JSON.stringify(D),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(h),
-      b,
+      JSON.stringify(f),
+      m,
       c,
       x,
       u,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(f)
+      JSON.stringify(h)
     ]
   );
 }
@@ -1434,10 +1434,10 @@ function Ur(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var Me;
+var Te;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Me || (Me = {}));
+})(Te || (Te = {}));
 var Ot;
 (function(e) {
   e.Optimized = "optimized";
@@ -1453,59 +1453,59 @@ function Wr(e, t) {
     frequency: a,
     measure: l,
     strategy: c
-  } = o, u = z(e), d = p(), f = Ye(d), h = $(function(m) {
-    m === void 0 && (m = []), !f.current && s((w) => w === null ? m : w.concat(m.filter((y) => !w.includes(y))));
-  }, [f]), b = z(null), g = We((m) => {
+  } = 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) => {
     if (d && !n)
       return on;
-    if (!m || m === on || u.current !== e || i != null) {
-      const w = /* @__PURE__ */ new Map();
+    if (!b || b === on || u.current !== e || i != null) {
+      const D = /* @__PURE__ */ new Map();
       for (let y of e) {
         if (!y)
           continue;
         if (i && i.length > 0 && !i.includes(y.id) && y.rect.current) {
-          w.set(y.id, y.rect.current);
+          D.set(y.id, y.rect.current);
           continue;
         }
-        const C = y.node.current, x = C ? new zt(l(C), C) : null;
-        y.rect.current = x, x && w.set(y.id, x);
+        const R = y.node.current, x = R ? new zt(l(R), R) : null;
+        y.rect.current = x, x && D.set(y.id, x);
       }
-      return w;
+      return D;
     }
-    return m;
+    return b;
   }, [e, i, n, d, l]);
-  return k(() => {
+  return P(() => {
     u.current = e;
-  }, [e]), k(
+  }, [e]), P(
     () => {
-      d || h();
+      d || f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), k(
+  ), P(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), k(
+  ), P(
     () => {
-      d || typeof a != "number" || b.current !== null || (b.current = setTimeout(() => {
-        h(), b.current = null;
+      d || typeof a != "number" || m.current !== null || (m.current = setTimeout(() => {
+        f(), m.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, d, h, ...r]
+    [a, d, f, ...r]
   ), {
     droppableRects: g,
-    measureDroppableContainers: h,
+    measureDroppableContainers: f,
     measuringScheduled: i != null
   };
   function p() {
     switch (c) {
-      case Me.Always:
+      case Te.Always:
         return !1;
-      case Me.BeforeDragging:
+      case Te.BeforeDragging:
         return n;
       default:
         return !n;
@@ -1531,7 +1531,7 @@ function qr(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return k(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return P(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function pt(e) {
   let {
@@ -1550,10 +1550,10 @@ function pt(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return k(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return P(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function Gr(e) {
-  return new zt(Pe(e), e);
+  return new zt(Le(e), e);
 }
 function sn(e, t, n) {
   t === void 0 && (t = Gr);
@@ -1597,17 +1597,17 @@ function Zr(e) {
 }
 const an = [];
 function Qr(e) {
-  const t = z(e), n = We((r) => e ? r && r !== an && e && t.current && e.parentNode === t.current.parentNode ? r : kt(e) : an, [e]);
-  return k(() => {
+  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(() => {
     t.current = e;
   }, [e]), n;
 }
 function eo(e) {
-  const [t, n] = V(null), r = z(e), o = $((i) => {
+  const [t, n] = V(null), r = k(e), o = z((i) => {
     const s = xt(i.target);
     s && n((a) => a ? (a.set(s, Rt(s)), new Map(a)) : null);
   }, []);
-  return k(() => {
+  return P(() => {
     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 = z(null);
-  return k(
+  const n = k(null);
+  return P(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), k(() => {
+  ), P(() => {
     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) {
-  k(
+  P(
     () => {
       if (!ft)
         return;
@@ -1681,13 +1681,13 @@ function no(e, t) {
     }, n;
   }, {}), [e, t]);
 }
-function An(e) {
+function Tn(e) {
   return T(() => e ? Er(e) : null, [e]);
 }
 const St = [];
 function ro(e, t) {
-  t === void 0 && (t = Pe);
-  const [n] = e, r = An(n ? G(n) : null), [o, i] = Nt(a, St), s = pt({
+  t === void 0 && (t = Le);
+  const [n] = e, r = Tn(n ? J(n) : null), [o, i] = Nt(a, St), s = pt({
     callback: i
   });
   return e.length > 0 && o === St && i(), ie(() => {
@@ -1709,24 +1709,24 @@ function oo(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = V(null), o = $((c) => {
+  const [n, r] = V(null), o = z((c) => {
     for (const {
       target: u
     } of c)
       if (Ue(u)) {
         r((d) => {
-          const f = t(u);
+          const h = t(u);
           return d ? {
             ...d,
-            width: f.width,
-            height: f.height
-          } : f;
+            width: h.width,
+            height: h.height
+          } : h;
         });
         break;
       }
   }, [t]), i = pt({
     callback: o
-  }), s = $((c) => {
+  }), s = z((c) => {
     const u = Mn(c);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, l] = ot(s);
@@ -1750,11 +1750,11 @@ const io = [{
   },
   droppable: {
     measure: en,
-    strategy: Me.WhileDragging,
+    strategy: Te.WhileDragging,
     frequency: Ot.Optimized
   },
   dragOverlay: {
-    measure: Pe
+    measure: Le
   }
 };
 class Xe extends Map {
@@ -1935,8 +1935,8 @@ function uo(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = we(qe), i = it(r), s = it(n == null ? void 0 : n.id);
-  return k(() => {
+  } = De(qe), i = it(r), s = it(n == null ? void 0 : n.id);
+  return P(() => {
     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 = z(!1), {
+  const i = k(!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 f = Dn(c);
-      f && f.scrollBy({
+      const h = Dn(c);
+      h && h.scrollBy({
         top: d.y,
         left: d.x
       });
@@ -2032,10 +2032,10 @@ const vt = /* @__PURE__ */ Ke({
   scaleX: 1,
   scaleY: 1
 });
-var ye;
+var xe;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(ye || (ye = {}));
+})(xe || (xe = {}));
 const ho = /* @__PURE__ */ ut(function(t) {
   var n, r, o, i;
   let {
@@ -2045,103 +2045,103 @@ const ho = /* @__PURE__ */ ut(function(t) {
     children: c,
     sensors: u = io,
     collisionDetection: d = xr,
-    measuring: f,
-    modifiers: h,
-    ...b
+    measuring: h,
+    modifiers: f,
+    ...m
   } = t;
-  const g = Nt(co, void 0, lo), [p, m] = g, [w, y] = dr(), [C, x] = V(ye.Uninitialized), I = C === ye.Initialized, {
+  const g = Nt(co, void 0, lo), [p, b] = g, [D, y] = dr(), [R, x] = V(xe.Uninitialized), w = R === xe.Initialized, {
     draggable: {
-      active: R,
+      active: I,
       nodes: E,
       translate: N
     },
     droppable: {
-      containers: B
+      containers: _
     }
-  } = p, A = R ? E.get(R) : null, Z = z({
+  } = p, A = I ? E.get(I) : null, Z = k({
     initial: null,
     translated: null
   }), Q = T(() => {
-    var U;
-    return R != null ? {
-      id: R,
+    var K;
+    return I != null ? {
+      id: I,
       // It's possible for the active node to unmount while dragging
-      data: (U = A == null ? void 0 : A.data) != null ? U : so,
+      data: (K = A == null ? void 0 : A.data) != null ? K : so,
       rect: Z
     } : null;
-  }, [R, A]), ne = z(null), [xe, De] = V(null), [J, Ce] = V(null), se = Ye(b, Object.values(b)), Se = Je("DndDescribedBy", s), v = T(() => B.getEnabled(), [B]), D = fo(f), {
-    droppableRects: P,
-    measureDroppableContainers: M,
-    measuringScheduled: F
-  } = Wr(v, {
-    dragging: I,
+  }, [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: D.droppable
-  }), H = Kr(E, R), K = T(() => J ? at(J) : null, [J]), q = Zn(), W = Jr(H, D.draggable.measure);
+    config: v.droppable
+  }), M = Kr(E, I), q = T(() => W ? at(W) : null, [W]), H = Zn(), U = Jr(M, v.draggable.measure);
   go({
-    activeNode: R ? E.get(R) : null,
-    config: q.layoutShiftCompensation,
-    initialRect: W,
-    measure: D.draggable.measure
+    activeNode: I ? E.get(I) : null,
+    config: H.layoutShiftCompensation,
+    initialRect: U,
+    measure: v.draggable.measure
   });
-  const O = sn(H, D.draggable.measure, W), he = sn(H ? H.parentElement : null), L = z({
+  const O = sn(M, v.draggable.measure, U), se = sn(M ? M.parentElement : null), G = k({
     activatorEvent: null,
     active: null,
-    activeNode: H,
+    activeNode: M,
     collisionRect: null,
     collisions: null,
-    droppableRects: P,
+    droppableRects: C,
     draggableNodes: E,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: B,
+    droppableContainers: _,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), pe = B.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 ? G(Ie) : null), ve = Qr(I ? pe ?? H : null), Ge = ro(ve), Ze = Pn(h, {
+  }), 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, {
     transform: {
       x: N.x - Ht.x,
       y: N.y - Ht.y,
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: J,
+    activatorEvent: W,
     active: Q,
     activeNodeRect: O,
-    containerNodeRect: he,
-    draggingNodeRect: Re,
-    over: L.current.over,
+    containerNodeRect: se,
+    draggingNodeRect: Ie,
+    over: G.current.over,
     overlayNodeRect: ae.rect,
-    scrollableAncestors: ve,
+    scrollableAncestors: me,
     scrollableAncestorRects: Ge,
     windowRect: mt
-  }), Xt = K ? Ae(K, N) : null, Yt = eo(ve), Vn = ln(Yt), Kn = ln(Yt, [O]), Ee = Ae(Ze, Vn), Oe = Re ? Sr(Re, Ze) : null, ke = Q && Oe ? d({
+  }), 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: Oe,
-    droppableRects: P,
-    droppableContainers: v,
+    collisionRect: Ee,
+    droppableRects: C,
+    droppableContainers: Pe,
     pointerCoordinates: Xt
-  }) : 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, ee) => {
+  }) : 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) => {
       let {
         sensor: te,
-        options: me
+        options: we
       } = ee;
       if (ne.current == null)
         return;
       const re = E.get(ne.current);
       if (!re)
         return;
-      const le = U.nativeEvent, fe = new te({
+      const le = K.nativeEvent, ge = new te({
         active: ne.current,
         activeNode: re,
         event: le,
-        options: me,
+        options: we,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: L,
+        context: G,
         onStart(ce) {
           const ze = ne.current;
           if (ze == null)
@@ -2151,7 +2151,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
             return;
           const {
             onDragStart: Qe
-          } = se.current, et = {
+          } = pe.current, et = {
             active: {
               id: ze,
               data: Be.data,
@@ -2159,41 +2159,41 @@ const ho = /* @__PURE__ */ ut(function(t) {
             }
           };
           je(() => {
-            Qe == null || Qe(et), x(ye.Initializing), m({
+            Qe == null || Qe(et), x(xe.Initializing), b({
               type: X.DragStart,
               initialCoordinates: ce,
               active: ze
-            }), w({
+            }), D({
               type: "onDragStart",
               event: et
             });
           });
         },
         onMove(ce) {
-          m({
+          b({
             type: X.DragMove,
             coordinates: ce
           });
         },
-        onEnd: Te(X.DragEnd),
-        onCancel: Te(X.DragCancel)
+        onEnd: Oe(X.DragEnd),
+        onCancel: Oe(X.DragCancel)
       });
       je(() => {
-        De(fe), Ce(U.nativeEvent);
+        Ce(ge), Se(K.nativeEvent);
       });
-      function Te(ce) {
+      function Oe(ce) {
         return async function() {
           const {
             active: Be,
             collisions: Qe,
             over: et,
             scrollAdjustedTranslate: Jt
-          } = L.current;
+          } = G.current;
           let $e = null;
           if (Be && Jt) {
             const {
               cancelDrop: _e
-            } = se.current;
+            } = pe.current;
             $e = {
               activatorEvent: le,
               active: Be,
@@ -2203,13 +2203,13 @@ const ho = /* @__PURE__ */ ut(function(t) {
             }, ce === X.DragEnd && typeof _e == "function" && await Promise.resolve(_e($e)) && (ce = X.DragCancel);
           }
           ne.current = null, je(() => {
-            m({
+            b({
               type: ce
-            }), x(ye.Uninitialized), Kt(null), De(null), Ce(null);
+            }), x(xe.Uninitialized), Kt(null), Ce(null), Se(null);
             const _e = ce === X.DragEnd ? "onDragEnd" : "onDragCancel";
             if ($e) {
-              const yt = se.current[_e];
-              yt == null || yt($e), w({
+              const yt = pe.current[_e];
+              yt == null || yt($e), D({
                 type: _e,
                 event: $e
               });
@@ -2220,8 +2220,8 @@ const ho = /* @__PURE__ */ ut(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [E]
-  ), Jn = $((U, ee) => (te, me) => {
-    const re = te.nativeEvent, le = E.get(me);
+  ), Jn = z((K, ee) => (te, we) => {
+    const re = te.nativeEvent, le = E.get(we);
     if (
       // Another sensor is already instantiating
       ne.current !== null || // No active draggable
@@ -2229,76 +2229,76 @@ const ho = /* @__PURE__ */ ut(function(t) {
       re.dndKit || re.defaultPrevented
     )
       return;
-    const fe = {
+    const ge = {
       active: le
     };
-    U(te, ee.options, fe) === !0 && (re.dndKit = {
+    K(te, ee.options, ge) === !0 && (re.dndKit = {
       capturedBy: ee.sensor
-    }, ne.current = me, Ut(te, ee));
+    }, ne.current = we, Ut(te, ee));
   }, [E, Ut]), Wt = Ur(u, Jn);
   to(u), ie(() => {
-    O && C === ye.Initializing && x(ye.Initialized);
-  }, [O, C]), k(
+    O && R === xe.Initializing && x(xe.Initialized);
+  }, [O, R]), P(
     () => {
       const {
-        onDragMove: U
-      } = se.current, {
+        onDragMove: K
+      } = pe.current, {
         active: ee,
         activatorEvent: te,
-        collisions: me,
+        collisions: we,
         over: re
-      } = L.current;
+      } = G.current;
       if (!ee || !te)
         return;
       const le = {
         active: ee,
         activatorEvent: te,
-        collisions: me,
+        collisions: we,
         delta: {
-          x: Ee.x,
-          y: Ee.y
+          x: Re.x,
+          y: Re.y
         },
         over: re
       };
       je(() => {
-        U == null || U(le), w({
+        K == null || K(le), D({
           type: "onDragMove",
           event: le
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Ee.x, Ee.y]
-  ), k(
+    [Re.x, Re.y]
+  ), P(
     () => {
       const {
-        active: U,
+        active: K,
         activatorEvent: ee,
         collisions: te,
-        droppableContainers: me,
+        droppableContainers: we,
         scrollAdjustedTranslate: re
-      } = L.current;
-      if (!U || ne.current == null || !ee || !re)
+      } = G.current;
+      if (!K || ne.current == null || !ee || !re)
         return;
       const {
         onDragOver: le
-      } = se.current, fe = me.get(Vt), Te = fe && fe.rect.current ? {
-        id: fe.id,
-        rect: fe.rect.current,
-        data: fe.data,
-        disabled: fe.disabled
+      } = pe.current, ge = we.get(Vt), Oe = ge && ge.rect.current ? {
+        id: ge.id,
+        rect: ge.rect.current,
+        data: ge.data,
+        disabled: ge.disabled
       } : null, ce = {
-        active: U,
+        active: K,
         activatorEvent: ee,
         collisions: te,
         delta: {
           x: re.x,
           y: re.y
         },
-        over: Te
+        over: Oe
       };
       je(() => {
-        Kt(Te), le == null || le(ce), w({
+        Kt(Oe), le == null || le(ce), D({
           type: "onDragOver",
           event: ce
         });
@@ -2307,79 +2307,79 @@ const ho = /* @__PURE__ */ ut(function(t) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Vt]
   ), ie(() => {
-    L.current = {
-      activatorEvent: J,
+    G.current = {
+      activatorEvent: W,
       active: Q,
-      activeNode: H,
-      collisionRect: Oe,
+      activeNode: M,
+      collisionRect: Ee,
       collisions: ke,
-      droppableRects: P,
+      droppableRects: C,
       draggableNodes: E,
-      draggingNode: Ie,
-      draggingNodeRect: Re,
-      droppableContainers: B,
-      over: be,
-      scrollableAncestors: ve,
-      scrollAdjustedTranslate: Ee
+      draggingNode: be,
+      draggingNodeRect: Ie,
+      droppableContainers: _,
+      over: ye,
+      scrollableAncestors: me,
+      scrollAdjustedTranslate: Re
     }, Z.current = {
-      initial: Re,
-      translated: Oe
+      initial: Ie,
+      translated: Ee
     };
-  }, [Q, H, ke, Oe, E, Ie, Re, P, B, be, ve, Ee]), Xr({
-    ...q,
+  }, [Q, M, ke, Ee, E, be, Ie, C, _, ye, me, Re]), Xr({
+    ...H,
     delta: N,
-    draggingRect: Oe,
+    draggingRect: Ee,
     pointerCoordinates: Xt,
-    scrollableAncestors: ve,
+    scrollableAncestors: me,
     scrollableAncestorRects: Ge
   });
   const qn = T(() => ({
     active: Q,
-    activeNode: H,
+    activeNode: M,
     activeNodeRect: O,
-    activatorEvent: J,
+    activatorEvent: W,
     collisions: ke,
-    containerNodeRect: he,
+    containerNodeRect: se,
     dragOverlay: ae,
     draggableNodes: E,
-    droppableContainers: B,
-    droppableRects: P,
-    over: be,
-    measureDroppableContainers: M,
-    scrollableAncestors: ve,
+    droppableContainers: _,
+    droppableRects: C,
+    over: ye,
+    measureDroppableContainers: B,
+    scrollableAncestors: me,
     scrollableAncestorRects: Ge,
-    measuringConfiguration: D,
-    measuringScheduled: F,
+    measuringConfiguration: v,
+    measuringScheduled: L,
     windowRect: mt
-  }), [Q, H, O, J, ke, he, ae, E, B, P, be, M, ve, Ge, D, F, mt]), Gn = T(() => ({
-    activatorEvent: J,
+  }), [Q, M, O, W, ke, se, ae, E, _, C, ye, B, me, Ge, v, L, mt]), Gn = T(() => ({
+    activatorEvent: W,
     activators: Wt,
     active: Q,
     activeNodeRect: O,
     ariaDescribedById: {
-      draggable: Se
+      draggable: ve
     },
-    dispatch: m,
+    dispatch: b,
     draggableNodes: E,
-    over: be,
-    measureDroppableContainers: M
-  }), [J, Wt, Q, O, m, Se, E, be, M]);
-  return j.createElement(vn.Provider, {
+    over: ye,
+    measureDroppableContainers: B
+  }), [W, Wt, Q, O, b, ve, E, ye, B]);
+  return F.createElement(vn.Provider, {
     value: y
-  }, j.createElement(qe.Provider, {
+  }, F.createElement(qe.Provider, {
     value: Gn
-  }, j.createElement(Ln.Provider, {
+  }, F.createElement(Ln.Provider, {
     value: qn
-  }, j.createElement(vt.Provider, {
+  }, F.createElement(vt.Provider, {
     value: Wn
-  }, c)), j.createElement(uo, {
+  }, c)), F.createElement(uo, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
-  })), j.createElement(hr, {
+  })), F.createElement(hr, {
     ...a,
-    hiddenTextDescribedById: Se
+    hiddenTextDescribedById: ve
   }));
   function Zn() {
-    const U = (xe == null ? void 0 : xe.autoScrollEnabled) === !1, ee = typeof l == "object" ? l.enabled === !1 : l === !1, te = I && !U && !ee;
+    const K = (fe == null ? void 0 : fe.autoScrollEnabled) === !1, ee = typeof l == "object" ? l.enabled === !1 : l === !1, te = w && !K && !ee;
     return typeof l == "object" ? {
       ...l,
       enabled: te
@@ -2402,19 +2402,19 @@ function bo(e) {
     activeNodeRect: c,
     ariaDescribedById: u,
     draggableNodes: d,
-    over: f
-  } = we(qe), {
-    role: h = cn,
-    roleDescription: b = "draggable",
+    over: h
+  } = De(qe), {
+    role: f = cn,
+    roleDescription: m = "draggable",
     tabIndex: g = 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);
+  } = 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);
   ie(
     () => (d.set(t, {
       id: t,
       key: i,
-      node: w,
-      activatorNode: C,
-      data: R
+      node: D,
+      activatorNode: R,
+      data: I
     }), () => {
       const N = d.get(t);
       N && N.key === i && d.delete(t);
@@ -2423,29 +2423,29 @@ function bo(e) {
     [d, t]
   );
   const E = T(() => ({
-    role: h,
+    role: f,
     tabIndex: g,
     "aria-disabled": r,
-    "aria-pressed": p && h === cn ? !0 : void 0,
-    "aria-roledescription": b,
+    "aria-pressed": p && f === cn ? !0 : void 0,
+    "aria-roledescription": m,
     "aria-describedby": u.draggable
-  }), [r, h, g, p, b, u.draggable]);
+  }), [r, f, g, p, m, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
     activeNodeRect: c,
     attributes: E,
     isDragging: p,
-    listeners: r ? void 0 : I,
-    node: w,
-    over: f,
+    listeners: r ? void 0 : w,
+    node: D,
+    over: h,
     setNodeRef: y,
     setActivatorNodeRef: x,
-    transform: m
+    transform: b
   };
 }
 function kn() {
-  return we(Ln);
+  return De(Ln);
 }
 const mo = "Droppable", yo = {
   timeout: 25
@@ -2462,34 +2462,34 @@ function wo(e) {
     dispatch: a,
     over: l,
     measureDroppableContainers: c
-  } = we(qe), u = z({
+  } = De(qe), u = k({
     disabled: n
-  }), d = z(!1), f = z(null), h = z(null), {
-    disabled: b,
+  }), d = k(!1), h = k(null), f = k(null), {
+    disabled: m,
     updateMeasurementsFor: g,
     timeout: p
   } = {
     ...yo,
     ...o
-  }, m = Ye(g ?? r), w = $(
+  }, b = Ye(g ?? r), D = z(
     () => {
       if (!d.current) {
         d.current = !0;
         return;
       }
-      h.current != null && clearTimeout(h.current), h.current = setTimeout(() => {
-        c(Array.isArray(m.current) ? m.current : [m.current]), h.current = null;
+      f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
+        c(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
       }, p);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [p]
   ), y = pt({
-    callback: w,
-    disabled: b || !s
-  }), C = $((E, N) => {
+    callback: D,
+    disabled: m || !s
+  }), R = z((E, N) => {
     y && (N && (y.unobserve(N), d.current = !1), E && y.observe(E));
-  }, [y]), [x, I] = ot(C), R = Ye(t);
-  return k(() => {
+  }, [y]), [x, w] = ot(R), I = Ye(t);
+  return P(() => {
     !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: f,
-        data: R
+        rect: h,
+        data: I
       }
     }), () => a({
       type: X.UnregisterDroppable,
@@ -2509,7 +2509,7 @@ function wo(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), k(() => {
+  ), P(() => {
     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: f,
+    rect: h,
     isOver: (l == null ? void 0 : l.id) === r,
     node: x,
     over: l,
-    setNodeRef: I
+    setNodeRef: w
   };
 }
 function xo(e) {
@@ -2542,7 +2542,7 @@ function xo(e) {
     Promise.resolve(t(c, i)).then(() => {
       o(null);
     });
-  }, [t, r, i]), j.createElement(j.Fragment, null, n, r ? er(r, {
+  }, [t, r, i]), F.createElement(F.Fragment, null, n, r ? er(r, {
     ref: s
   }) : null);
 }
@@ -2556,9 +2556,9 @@ function Co(e) {
   let {
     children: t
   } = e;
-  return j.createElement(qe.Provider, {
+  return F.createElement(qe.Provider, {
     value: Nn
-  }, j.createElement(vt.Provider, {
+  }, F.createElement(vt.Provider, {
     value: Do
   }, t));
 }
@@ -2583,20 +2583,20 @@ const So = {
     ...c,
     scaleX: 1,
     scaleY: 1
-  }, f = {
+  }, h = {
     ...So,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
-    transform: ge.Transform.toString(d),
+    transform: he.Transform.toString(d),
     transformOrigin: o && r ? vr(r, a) : void 0,
     transition: typeof u == "function" ? u(r) : u,
     ...l
   };
-  return j.createElement(n, {
+  return F.createElement(n, {
     className: s,
-    style: f,
+    style: h,
     ref: t
   }, i);
 }), Eo = (e) => (t) => {
@@ -2627,11 +2627,11 @@ const So = {
     }
   } = e;
   return [{
-    transform: ge.Transform.toString(t)
+    transform: he.Transform.toString(t)
   }, {
-    transform: ge.Transform.toString(n)
+    transform: he.Transform.toString(n)
   }];
-}, Tt = {
+}, At = {
   duration: 250,
   easing: "ease",
   keyframes: Oo,
@@ -2643,7 +2643,7 @@ const So = {
     }
   })
 };
-function To(e) {
+function Ao(e) {
   let {
     config: t,
     draggableNodes: n,
@@ -2664,11 +2664,11 @@ function To(e) {
       return;
     const {
       transform: u
-    } = G(s).getComputedStyle(s), d = xn(u);
+    } = J(s).getComputedStyle(s), d = xn(u);
     if (!d)
       return;
-    const f = typeof t == "function" ? t : Ao(t);
-    return On(l, o.draggable.measure), f({
+    const h = typeof t == "function" ? t : To(t);
+    return On(l, o.draggable.measure), h({
       active: {
         id: i,
         data: a.data,
@@ -2686,14 +2686,14 @@ function To(e) {
     });
   });
 }
-function Ao(e) {
+function To(e) {
   const {
     duration: t,
     easing: n,
     sideEffects: r,
     keyframes: o
   } = {
-    ...Tt,
+    ...At,
     ...e
   };
   return (i) => {
@@ -2711,33 +2711,33 @@ function Ao(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
-    }, f = {
+    }, h = {
       x: l.x - u.x,
       y: l.y - u.y,
       ...d
-    }, h = o({
+    }, f = o({
       ...c,
       active: s,
       dragOverlay: a,
       transform: {
         initial: l,
-        final: f
+        final: h
       }
-    }), [b] = h, g = h[h.length - 1];
-    if (JSON.stringify(b) === JSON.stringify(g))
+    }), [m] = f, g = f[f.length - 1];
+    if (JSON.stringify(m) === JSON.stringify(g))
       return;
     const p = r == null ? void 0 : r({
       active: s,
       dragOverlay: a,
       ...c
-    }), m = a.node.animate(h, {
+    }), b = a.node.animate(f, {
       duration: t,
       easing: n,
       fill: "forwards"
     });
-    return new Promise((w) => {
-      m.onfinish = () => {
-        p == null || p(), w();
+    return new Promise((D) => {
+      b.onfinish = () => {
+        p == null || p(), D();
       };
     });
   };
@@ -2749,7 +2749,7 @@ function Mo(e) {
       return un++, un;
   }, [e]);
 }
-const No = /* @__PURE__ */ j.memo((e) => {
+const No = /* @__PURE__ */ F.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -2764,38 +2764,38 @@ const No = /* @__PURE__ */ j.memo((e) => {
   const {
     activatorEvent: u,
     active: d,
-    activeNodeRect: f,
-    containerNodeRect: h,
-    draggableNodes: b,
+    activeNodeRect: h,
+    containerNodeRect: f,
+    draggableNodes: m,
     droppableContainers: g,
     dragOverlay: p,
-    over: m,
-    measuringConfiguration: w,
+    over: b,
+    measuringConfiguration: D,
     scrollableAncestors: y,
-    scrollableAncestorRects: C,
+    scrollableAncestorRects: R,
     windowRect: x
-  } = kn(), I = we(vt), R = Mo(d == null ? void 0 : d.id), E = Pn(s, {
+  } = kn(), w = De(vt), I = Mo(d == null ? void 0 : d.id), E = Pn(s, {
     activatorEvent: u,
     active: d,
-    activeNodeRect: f,
-    containerNodeRect: h,
+    activeNodeRect: h,
+    containerNodeRect: f,
     draggingNodeRect: p.rect,
-    over: m,
+    over: b,
     overlayNodeRect: p.rect,
     scrollableAncestors: y,
-    scrollableAncestorRects: C,
-    transform: I,
+    scrollableAncestorRects: R,
+    transform: w,
     windowRect: x
-  }), N = jt(f), B = To({
+  }), N = jt(h), _ = Ao({
     config: r,
-    draggableNodes: b,
+    draggableNodes: m,
     droppableContainers: g,
-    measuringConfiguration: w
+    measuringConfiguration: D
   }), A = N ? p.setRef : void 0;
-  return j.createElement(Co, null, j.createElement(xo, {
-    animation: B
-  }, d && R ? j.createElement(Ro, {
-    key: R,
+  return F.createElement(Co, null, F.createElement(xo, {
+    animation: _
+  }, d && I ? F.createElement(Ro, {
+    key: I,
     id: d.id,
     ref: A,
     as: a,
@@ -2896,7 +2896,7 @@ function Bo(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__ */ j.createContext({
+const Bn = "Sortable", $n = /* @__PURE__ */ F.createContext({
   activeIndex: -1,
   containerId: Bn,
   disableTransforms: !1,
@@ -2924,28 +2924,28 @@ function $o(e) {
     droppableRects: l,
     over: c,
     measureDroppableContainers: u
-  } = kn(), d = Je(Bn, n), f = a.rect !== null, h = T(() => r.map((I) => typeof I == "object" && "id" in I ? I.id : I), [r]), b = s != null, g = s ? h.indexOf(s.id) : -1, p = c ? h.indexOf(c.id) : -1, m = z(h), w = !Po(h, m.current), y = p !== -1 && g === -1 || w, C = ko(i);
+  } = 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);
   ie(() => {
-    w && b && u(h);
-  }, [w, h, b, u]), k(() => {
-    m.current = h;
-  }, [h]);
+    D && m && u(f);
+  }, [D, f, m, u]), P(() => {
+    b.current = f;
+  }, [f]);
   const x = T(
     () => ({
       activeIndex: g,
       containerId: d,
-      disabled: C,
+      disabled: R,
       disableTransforms: y,
-      items: h,
+      items: f,
       overIndex: p,
-      useDragOverlay: f,
-      sortedRects: Lo(h, l),
+      useDragOverlay: h,
+      sortedRects: Lo(f, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, d, C.draggable, C.droppable, y, h, p, l, f, o]
+    [g, d, R.draggable, R.droppable, y, f, p, l, h, o]
   );
-  return j.createElement($n.Provider, {
+  return F.createElement($n.Provider, {
     value: x
   }, t);
 }
@@ -2973,7 +2973,7 @@ const _o = (e) => {
 }, Fo = {
   duration: 200,
   easing: "ease"
-}, _n = "transform", Ho = /* @__PURE__ */ ge.Transition.toString({
+}, _n = "transform", Ho = /* @__PURE__ */ he.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 = z(n);
+  const [i, s] = V(null), a = k(n);
   return ie(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
       if (l) {
-        const c = Pe(r.current, {
+        const c = Le(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]), k(() => {
+  }, [t, n, r, o]), P(() => {
     i && s(null);
   }, [i]), i;
 }
@@ -3023,31 +3023,31 @@ function Vo(e) {
   const {
     items: u,
     containerId: d,
-    activeIndex: f,
-    disabled: h,
-    disableTransforms: b,
+    activeIndex: h,
+    disabled: f,
+    disableTransforms: m,
     sortedRects: g,
     overIndex: p,
-    useDragOverlay: m,
-    strategy: w
-  } = we($n), y = Ko(r, h), C = u.indexOf(s), x = T(() => ({
+    useDragOverlay: b,
+    strategy: D
+  } = De($n), y = Ko(r, f), R = u.indexOf(s), x = T(() => ({
     sortable: {
       containerId: d,
-      index: C,
+      index: R,
       items: u
     },
     ...o
-  }), [d, o, C, u]), I = T(() => u.slice(u.indexOf(s)), [u, s]), {
-    rect: R,
+  }), [d, o, R, u]), w = T(() => u.slice(u.indexOf(s)), [u, s]), {
+    rect: I,
     node: E,
     isOver: N,
-    setNodeRef: B
+    setNodeRef: _
   } = wo({
     id: s,
     data: x,
     disabled: y.droppable,
     resizeObserverConfig: {
-      updateMeasurementsFor: I,
+      updateMeasurementsFor: w,
       ...l
     }
   }), {
@@ -3055,12 +3055,12 @@ function Vo(e) {
     activatorEvent: Z,
     activeNodeRect: Q,
     attributes: ne,
-    setNodeRef: xe,
-    listeners: De,
-    isDragging: J,
-    over: Ce,
-    setActivatorNodeRef: se,
-    transform: Se
+    setNodeRef: fe,
+    listeners: Ce,
+    isDragging: W,
+    over: Se,
+    setActivatorNodeRef: pe,
+    transform: ve
   } = bo({
     id: s,
     data: x,
@@ -3069,86 +3069,86 @@ function Vo(e) {
       ...n
     },
     disabled: y.draggable
-  }), v = tr(B, xe), D = !!A, P = D && !b && tt(f) && tt(p), M = !m && J, F = M && P ? Se : null, K = P ? F ?? (a ?? w)({
+  }), 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: f,
+    activeIndex: h,
     overIndex: p,
-    index: C
-  }) : null, q = tt(f) && tt(p) ? i({
+    index: R
+  }) : null, H = tt(h) && tt(p) ? i({
     id: s,
     items: u,
-    activeIndex: f,
+    activeIndex: h,
     overIndex: p
-  }) : C, W = A == null ? void 0 : A.id, O = z({
-    activeId: W,
+  }) : R, U = A == null ? void 0 : A.id, O = k({
+    activeId: U,
     items: u,
-    newIndex: q,
+    newIndex: H,
     containerId: d
-  }), he = u !== O.current.items, L = t({
+  }), se = u !== O.current.items, G = t({
     active: A,
     containerId: d,
-    isDragging: J,
-    isSorting: D,
+    isDragging: W,
+    isSorting: v,
     id: s,
-    index: C,
+    index: R,
     items: u,
     newIndex: O.current.newIndex,
     previousItems: O.current.items,
     previousContainerId: O.current.containerId,
     transition: c,
     wasDragging: O.current.activeId != null
-  }), pe = Yo({
-    disabled: !L,
-    index: C,
+  }), j = Yo({
+    disabled: !G,
+    index: R,
     node: E,
-    rect: R
+    rect: I
   });
-  return k(() => {
-    D && O.current.newIndex !== q && (O.current.newIndex = q), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
-  }, [D, q, d, u]), k(() => {
-    if (W === O.current.activeId)
+  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;
-    if (W && !O.current.activeId) {
-      O.current.activeId = W;
+    if (U && !O.current.activeId) {
+      O.current.activeId = U;
       return;
     }
-    const Ie = setTimeout(() => {
-      O.current.activeId = W;
+    const be = setTimeout(() => {
+      O.current.activeId = U;
     }, 50);
-    return () => clearTimeout(Ie);
-  }, [W]), {
+    return () => clearTimeout(be);
+  }, [U]), {
     active: A,
-    activeIndex: f,
+    activeIndex: h,
     attributes: ne,
     data: x,
-    rect: R,
-    index: C,
-    newIndex: q,
+    rect: I,
+    index: R,
+    newIndex: H,
     items: u,
     isOver: N,
-    isSorting: D,
-    isDragging: J,
-    listeners: De,
+    isSorting: v,
+    isDragging: W,
+    listeners: Ce,
     node: E,
     overIndex: p,
-    over: Ce,
-    setNodeRef: v,
-    setActivatorNodeRef: se,
-    setDroppableNodeRef: B,
-    setDraggableNodeRef: xe,
-    transform: pe ?? K,
+    over: Se,
+    setNodeRef: Pe,
+    setActivatorNodeRef: pe,
+    setDroppableNodeRef: _,
+    setDraggableNodeRef: fe,
+    transform: j ?? q,
     transition: ae()
   };
   function ae() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      pe || // Or to prevent items jumping to back to their "new" position when items change
-      he && O.current.newIndex === C
+      j || // Or to prevent items jumping to back to their "new" position when items change
+      se && O.current.newIndex === R
     )
       return Ho;
-    if (!(M && !ht(Z) || !c) && (D || L))
-      return ge.Transition.toString({
+    if (!(B && !ht(Z) || !c) && (v || G))
+      return he.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 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), f = a.depth + d, h = Jo({
+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({
     previousItem: c
-  }), b = qo({ nextItem: u });
-  let g = f;
-  return f >= h ? g = h : f < b && (g = b), { depth: g, maxDepth: h, minDepth: b, parentId: p() };
+  }), m = qo({ nextItem: u });
+  let g = h;
+  return h >= f ? g = f : h < m && (g = m), { depth: g, maxDepth: f, minDepth: m, parentId: p() };
   function p() {
-    var w;
-    return g === 0 || !c ? null : g === c.depth ? c.parentId : g > c.depth ? c.id : ((w = l.slice(0, i).reverse().find((y) => y.depth === g)) == null ? void 0 : w.parentId) ?? null;
+    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;
   }
 }
 function Jo({ previousItem: e }) {
@@ -3204,38 +3204,33 @@ function Go(e) {
 function Zo(e, t) {
   return e.find(({ id: n }) => n === t);
 }
-function Fn(e, t) {
-  for (const n of e) {
-    const { id: r, children: o } = n;
-    if (r === t)
-      return n;
-    if (o.length) {
-      const i = Fn(o, t);
-      if (i)
-        return i;
-    }
-  }
-}
 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));
   }
   return { items: i(n), itemMap: o };
 }
-function ei(e, t, n) {
-  const { items: r, itemMap: o } = e, i = o.get(t);
+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((f) => {
-      a.set(f.id, f);
+    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);
   }
   return { items: l(r), itemMap: a };
 }
-function ti(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);
@@ -3245,32 +3240,32 @@ function ti(e) {
 function Hn(e, t = 0) {
   return e.reduce((n, { children: r }) => r.length ? Hn(r, n + 1) : n + 1, t);
 }
-function ni(e, t) {
-  const n = Fn(e, t);
+function ri(e, t) {
+  const n = Qo(e, t);
   return n ? Hn(n.children) : 0;
 }
-function ri(e, t) {
+function oi(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 oi = [
+const ii = [
   S.Down,
   S.Right,
   S.Up,
   S.Left
-], ii = [S.Left, S.Right], si = (e, t, n) => (r, {
+], si = [S.Left, S.Right], ai = (e, t, n) => (r, {
   currentCoordinates: o,
   context: { active: i, over: s, collisionRect: a, droppableRects: l, droppableContainers: c }
 }) => {
-  if (oi.includes(r.code)) {
+  if (ii.includes(r.code)) {
     if (!i || !a)
       return;
     r.preventDefault();
     const {
       current: { items: u, offset: d }
     } = e;
-    if (ii.includes(r.code) && (s != null && s.id)) {
-      const { depth: g, maxDepth: p, minDepth: m } = At(
+    if (si.includes(r.code) && (s != null && s.id)) {
+      const { depth: g, maxDepth: p, minDepth: b } = Tt(
         u,
         i.id,
         s.id,
@@ -3279,7 +3274,7 @@ const oi = [
       );
       switch (r.code) {
         case S.Left:
-          if (g > m)
+          if (g > b)
             return {
               ...o,
               x: o.x - n
@@ -3295,7 +3290,7 @@ const oi = [
       }
       return;
     }
-    const f = [];
+    const h = [];
     c.forEach((g) => {
       if (g != null && g.disabled || g.id === (s == null ? void 0 : s.id))
         return;
@@ -3303,55 +3298,55 @@ const oi = [
       if (p)
         switch (r.code) {
           case S.Down:
-            a.top < p.top && f.push(g);
+            a.top < p.top && h.push(g);
             break;
           case S.Up:
-            a.top > p.top && f.push(g);
+            a.top > p.top && h.push(g);
             break;
         }
     });
-    const h = yr({
+    const f = yr({
       active: i,
       collisionRect: a,
       pointerCoordinates: null,
       droppableRects: l,
-      droppableContainers: f
+      droppableContainers: h
     });
-    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 g = l.get(i.id), p = l.get(b), m = c.get(b);
-      if (g && p && m) {
-        const w = u.findIndex(({ id: I }) => I === b), y = u[w], C = u.findIndex(({ id: I }) => I === i.id), x = u[C];
+    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];
         if (y && x) {
-          const { depth: I } = At(
+          const { depth: w } = Tt(
             u,
             i.id,
-            b,
+            m,
             (y.depth - x.depth) * n,
             n
-          ), E = w > C ? 1 : -1, N = t ? (a.height - g.height) / 2 : 0;
+          ), E = D > R ? 1 : -1, N = t ? (a.height - g.height) / 2 : 0;
           return {
-            x: p.left + I * n,
+            x: p.left + w * n,
             y: p.top + E * N
           };
         }
       }
     }
   }
-}, ai = "_Wrapper_1ewsl_1", li = "_clone_1ewsl_8", ci = "_TreeItem_1ewsl_16", ui = "_ghost_1ewsl_23", di = "_indicator_1ewsl_23", fi = "_Text_1ewsl_78", gi = "_Count_1ewsl_90", hi = "_disableInteraction_1ewsl_106", pi = "_disableSelection_1ewsl_110", vi = "_Collapse_1ewsl_118", bi = "_collapsed_1ewsl_122", ue = {
-  Wrapper: ai,
-  clone: li,
-  TreeItem: ci,
-  ghost: ui,
-  indicator: di,
-  Text: fi,
-  Count: gi,
-  disableInteraction: hi,
-  disableSelection: pi,
-  Collapse: vi,
-  collapsed: bi
+}, 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
 };
-function mi(e) {
+function yi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Xn = { exports: {} };
@@ -3390,16 +3385,16 @@ var Xn = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Xn);
-var yi = Xn.exports;
-const Mt = /* @__PURE__ */ mi(yi), wi = "_Action_1vzup_1", xi = {
-  Action: wi
+var wi = Xn.exports;
+const Mt = /* @__PURE__ */ yi(wi), xi = "_Action_7i4a4_1", Di = {
+  Action: xi
 }, 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(xi.Action, t),
+      className: Mt(Di.Action, t),
       tabIndex: 0,
       style: {
         ...r,
@@ -3409,20 +3404,9 @@ const Mt = /* @__PURE__ */ mi(yi), wi = "_Action_1vzup_1", xi = {
       }
     }
   )
-), 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__ */ _(
+), 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__ */ $(
     bt,
     {
       ...e,
@@ -3430,7 +3414,7 @@ function Ci(e) {
         fill: "rgba(255, 70, 70, 0.95)",
         background: "rgba(255, 70, 70, 0.1)"
       },
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ $(
         "svg",
         {
           width: "18",
@@ -3438,14 +3422,14 @@ function Ci(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 Si(e) {
-  return /* @__PURE__ */ _(
+function Ii(e) {
+  return /* @__PURE__ */ $(
     bt,
     {
       ...e,
@@ -3453,7 +3437,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",
@@ -3461,13 +3445,13 @@ function Si(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 Ii = dt(
+const Ri = dt(
   ({
     childCount: e,
     clone: t,
@@ -3481,14 +3465,14 @@ const Ii = dt(
     indicator: c,
     collapsed: u,
     onCollapse: d,
-    onRemove: f,
-    onAdd: h,
-    onLabelClick: b,
+    onRemove: h,
+    onAdd: f,
+    onLabelClick: m,
     style: g,
     value: p,
-    wrapperRef: m,
-    ...w
-  }, y) => /* @__PURE__ */ _(
+    wrapperRef: b,
+    ...D
+  }, y) => /* @__PURE__ */ $(
     "li",
     {
       className: Mt(
@@ -3499,22 +3483,29 @@ const Ii = dt(
         r && ue.disableSelection,
         o && ue.disableInteraction
       ),
-      ref: m,
+      ref: b,
       style: {
         "--spacing": `${l * n}px`
       },
-      ...w,
+      ...D,
       children: /* @__PURE__ */ fn("div", { className: ue.TreeItem, ref: y, style: g, children: [
-        !i && /* @__PURE__ */ _(Di, { ...a }),
-        d && /* @__PURE__ */ _(bt, { onClick: d, className: Mt(ue.Collapse, u && ue.collapsed), children: Ri }),
-        /* @__PURE__ */ _("span", { onClick: b, className: ue.Text, children: p }),
-        !t && f && /* @__PURE__ */ _(Ci, { onClick: f }),
-        !t && h && /* @__PURE__ */ _(Si, { onClick: h }),
-        t && e && e > 1 ? /* @__PURE__ */ _("span", { className: ue.Count, children: e }) : null
+        !i && /* @__PURE__ */ $(Ci, { ...a }),
+        d && /* @__PURE__ */ $(
+          bt,
+          {
+            onClick: d,
+            className: Mt(ue.Collapse, u && ue.collapsed),
+            children: Ei
+          }
+        ),
+        /* @__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
       ] })
     }
   )
-), 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);
+), 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);
 function Ti({ id: e, depth: t, ...n }) {
   const {
     attributes: r,
@@ -3527,13 +3518,13 @@ function Ti({ id: e, depth: t, ...n }) {
     transition: u
   } = Vo({
     id: e,
-    animateLayoutChanges: Oi
+    animateLayoutChanges: Ai
   }), d = {
-    transform: ge.Translate.toString(c),
+    transform: he.Translate.toString(c),
     transition: u
   };
-  return /* @__PURE__ */ _(
-    Ei,
+  return /* @__PURE__ */ $(
+    Oi,
     {
       ref: a,
       wrapperRef: l,
@@ -3550,17 +3541,17 @@ function Ti({ id: e, depth: t, ...n }) {
     }
   );
 }
-const dn = ut(Ti), Ai = {
+const dn = ut(Ti), Mi = {
   droppable: {
-    strategy: Me.Always
+    strategy: Te.Always
   }
-}, Mi = {
+}, Ni = {
   keyframes({ transform: e }) {
     return [
-      { opacity: 1, transform: ge.Transform.toString(e.initial) },
+      { opacity: 1, transform: he.Transform.toString(e.initial) },
       {
         opacity: 0,
-        transform: ge.Transform.toString({
+        transform: he.Transform.toString({
           ...e.final,
           x: e.final.x + 5,
           y: e.final.y + 5
@@ -3571,14 +3562,14 @@ const dn = ut(Ti), Ai = {
   easing: "ease-out",
   sideEffects({ active: e }) {
     e.node.animate([{ opacity: 0 }, { opacity: 1 }], {
-      duration: Tt.duration,
-      easing: Tt.easing
+      duration: At.duration,
+      easing: At.easing
     });
   }
 };
-function Ni({
-  items: e,
-  onItemsChange: t,
+function Li({
+  treeStructure: e,
+  setTreeStructure: t,
   isCollapsible: n,
   onLazyLoadChildren: r,
   showDropIndicator: o = !1,
@@ -3590,167 +3581,178 @@ function Ni({
   onDragEnd: u,
   onItemClick: d
 }) {
-  const [f, h] = V(null), [b, g] = V(null), [p, m] = V(0), [w, y] = V(null), C = T(() => {
-    let v = It(e);
-    const D = v.filter(({ parentId: M }) => !M);
-    D.length === 1 && (v = v.map(
-      (M) => M.id === D[0].id ? {
-        ...M,
+  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,
         disableDragging: !0
-      } : M
+      } : L
     ));
-    const P = v.reduce((M, { children: F, collapsed: H, id: K }) => (H && F.length && M.push(K), M), []);
-    return ri(v, f ? [f, ...P] : P);
-  }, [f, e]), x = f && b ? At(C, f, b, p, i) : null, I = z({
-    items: C,
-    offset: p
-  }), [R] = V(
-    () => si(I, o, i)
-  ), E = pr(
+    const B = v.reduce(
+      (L, { children: M, collapsed: q, id: H }) => (q && M.length && L.push(H), L),
+      []
+    );
+    return oi(
+      v,
+      f ? [f, ...B] : B
+    );
+  }, [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(
     Gt(_t),
     Gt(Bt, {
-      coordinateGetter: R
+      coordinateGetter: E
     })
-  ), N = T(() => C.map(({ id: v }) => v), [C]), B = f ? C.find(({ id: v }) => v === f) : null;
-  k(() => {
+  ), _ = T(() => x.map(({ id: v }) => v), [x]), A = f ? x.find(({ id: v }) => v === f) : null;
+  P(() => {
     I.current = {
-      items: C,
-      offset: p
+      items: x,
+      offset: b
     };
-  }, [C, p]);
-  const A = $(
+  }, [x, b]);
+  const Z = z(
     ({ active: { id: v } }) => {
-      h(v), g(v);
-      const D = C.find(({ id: P }) => P === v);
-      D && y({
-        parentId: D.parentId,
+      m(v), p(v);
+      const C = x.find(({ id: B }) => B === v);
+      C && R({
+        parentId: C.parentId,
         overId: v
       }), document.body.style.setProperty("cursor", "grabbing");
     },
-    [C]
-  ), Z = $(({ delta: v }) => {
-    m(v.x);
-  }, []), Q = $(({ over: v }) => {
-    g((v == null ? void 0 : v.id) ?? null);
-  }, []), ne = $(
-    ({ active: v, over: D }) => {
-      if (De(), x && D) {
-        const { depth: P, parentId: M } = x, F = JSON.parse(JSON.stringify(It(e))), H = F.findIndex(({ id: L }) => L === D.id), K = F.findIndex(({ id: L }) => L === v.id), q = F[K];
-        F[K] = { ...q, depth: P, parentId: M };
-        const W = Ve(F, K, H), O = Go(W), he = Yn(O, F[K].id, M);
-        t(ti(O)), u == null || u(he);
+    [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);
       }
     },
-    [e, x]
-  ), xe = $(() => {
-    De();
-  }, []), De = $(() => {
-    g(null), h(null), m(0), y(null), document.body.style.setProperty("cursor", "");
-  }, []), J = $((v) => {
-    t((D) => Qo(D, v));
-  }, []), Ce = $(
+    [h, w, u, fe, t]
+  ), W = z(() => {
+    fe();
+  }, [fe]), Se = z(
+    (v) => {
+      t((C) => ei(C, v));
+    },
+    [t]
+  ), pe = z(
     ({
       id: v,
-      canFetchChildren: D,
-      collapsed: P
-    }) => D ? r == null ? void 0 : r(v, !!P) : t(
-      (M) => ei(M, v, (F) => ({ collapsed: !F.collapsed }))
+      canFetchChildren: C,
+      collapsed: B
+    }) => C ? r == null ? void 0 : r(v, !!B) : t(
+      (L) => ti(L, v, (M) => ({ collapsed: !M.collapsed }))
     ),
-    []
-  ), se = $(
-    (v, D, P) => {
-      if (P && x) {
+    [r, t]
+  ), ve = z(
+    (v, C, B) => {
+      if (B && w) {
         if (v !== "onDragEnd") {
-          if (w && x.parentId === w.parentId && P === w.overId)
+          if (y && w.parentId === y.parentId && B === y.overId)
             return;
-          y({
-            parentId: x.parentId,
-            overId: P
+          R({
+            parentId: w.parentId,
+            overId: B
           });
         }
-        const M = JSON.parse(JSON.stringify(It(e))), F = M.findIndex(({ id: L }) => L === P), H = M.findIndex(({ id: L }) => L === D), K = Ve(M, H, F), q = K[F - 1];
-        let W;
-        const O = v === "onDragEnd" ? "dropped" : "moved", he = v === "onDragEnd" ? "dropped" : "nested";
-        if (q)
-          if (x.depth > q.depth)
-            W = `${D} was ${he} under ${q.id}.`;
+        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}.`;
           else {
-            let L = q;
-            for (; L && x.depth < L.depth; ) {
-              const pe = L.parentId;
-              L = K.find(({ id: ae }) => ae === pe);
+            let j = U;
+            for (; j && w.depth < j.depth; ) {
+              const ae = j.parentId;
+              j = H.find(({ id: be }) => be === ae);
             }
-            L && (W = `${D} was ${O} after ${L.id}.`);
+            j && (O = `${C} was ${se} after ${j.id}.`);
           }
         else {
-          const L = K[F + 1];
-          W = `${D} was ${O} before ${L.id}.`;
+          const j = H[M + 1];
+          O = `${C} was ${se} before ${j.id}.`;
         }
-        return W;
+        return O;
       }
     },
-    [w, e, x]
+    [y, h, w]
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ $(
     ho,
     {
       accessibility: { announcements: {
         onDragStart({ active: v }) {
           return `Picked up ${v.id}.`;
         },
-        onDragMove({ active: v, over: D }) {
-          return se("onDragMove", v.id, D == null ? void 0 : D.id);
+        onDragMove({ active: v, over: C }) {
+          return ve("onDragMove", v.id, C == null ? void 0 : C.id);
         },
-        onDragOver({ active: v, over: D }) {
-          return se("onDragOver", v.id, D == null ? void 0 : D.id);
+        onDragOver({ active: v, over: C }) {
+          return ve("onDragOver", v.id, C == null ? void 0 : C.id);
         },
-        onDragEnd({ active: v, over: D }) {
-          return se("onDragEnd", v.id, D == null ? void 0 : D.id);
+        onDragEnd({ active: v, over: C }) {
+          return ve("onDragEnd", v.id, C == null ? void 0 : C.id);
         },
         onDragCancel({ active: v }) {
           return `Moving was cancelled. ${v.id} was dropped in its original position.`;
         }
       } },
-      sensors: E,
+      sensors: N,
       collisionDetection: mr,
-      measuring: Ai,
-      onDragStart: A,
-      onDragMove: Z,
-      onDragOver: Q,
-      onDragEnd: ne,
-      onDragCancel: xe,
-      children: /* @__PURE__ */ fn($o, { items: N, strategy: zo, children: [
-        C.map(({ id: v, label: D, children: P, collapsed: M, depth: F, canFetchChildren: H, disableDragging: K }) => /* @__PURE__ */ _(
-          dn,
-          {
-            id: v,
-            value: D,
-            disableDragging: !!K,
-            depth: v === f && x ? x.depth : F,
-            indentationWidth: i,
-            indicator: o,
-            collapsed: !!(M && (P.length || H)),
-            onCollapse: n && (P.length || H) ? () => Ce({ id: v, canFetchChildren: H, collapsed: M }) : void 0,
-            onRemove: s ? () => a ? a(v) : J(v) : void 0,
-            onAdd: l ? () => c == null ? void 0 : c(v) : void 0,
-            onLabelClick: d ? () => d(v) : void 0
-          },
-          v
-        )),
+      measuring: Mi,
+      onDragStart: Z,
+      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__ */ $(
+            dn,
+            {
+              id: v,
+              value: C,
+              disableDragging: !!H,
+              depth: v === f && w ? w.depth : M,
+              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,
+              onAdd: l ? () => c == null ? void 0 : c(v) : void 0,
+              onLabelClick: d ? () => d(v) : void 0
+            },
+            v
+          )
+        ),
         gn(
-          /* @__PURE__ */ _(
+          /* @__PURE__ */ $(
             No,
             {
-              dropAnimation: Mi,
-              modifiers: o ? [Li] : void 0,
-              children: f && B ? /* @__PURE__ */ _(
+              dropAnimation: Ni,
+              modifiers: o ? [Pi] : void 0,
+              children: f && A ? /* @__PURE__ */ $(
                 dn,
                 {
                   id: f,
-                  depth: B.depth,
+                  depth: A.depth,
                   clone: !0,
-                  childCount: ni(e, f) + 1,
-                  value: B.label,
+                  childCount: ri(e, f) + 1,
+                  value: A.label,
                   indentationWidth: i
                 }
               ) : null
@@ -3762,7 +3764,7 @@ function Ni({
     }
   );
 }
-const Li = ({ transform: e }) => ({
+const Pi = ({ transform: e }) => ({
   ...e,
   y: e.y - 25
 });
@@ -3779,11 +3781,11 @@ function Yn(e, t, n = null) {
   }
   return null;
 }
-const Bi = ut(Ni);
+const $i = ut(Li);
 export {
-  Bi as SortableTree,
-  ti as createOptimizedTreeStructure,
-  Qo as removeItemById,
-  ei as setTreeItemProperties
+  $i as SortableTree,
+  ni as createOptimizedTreeStructure,
+  ei as removeItemById,
+  ti as setTreeItemProperties
 };
 //# sourceMappingURL=react-sortable-tree.js.map