@clevertask/react-sortable-tree 0.0.4 → 0.0.6

package/dist/react-sortable-tree.js

@@ -1,10 +1,10 @@
 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 F, { useMemo as N, useLayoutEffect as Qn, useEffect as P, useRef as k, useCallback as z, useState as K, createContext as Ke, memo as ut, useReducer as Mt, 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++)
     t[n] = arguments[n];
-  return T(
+  return N(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -13,7 +13,7 @@ function tr() {
   );
 }
 const ft = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Me(e) {
+function Ne(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]";
@@ -23,7 +23,7 @@ function Lt(e) {
 }
 function J(e) {
   var t, n;
-  return e ? Me(e) ? e : Lt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? Ne(e) ? e : Lt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function Pt(e) {
   const {
@@ -32,13 +32,13 @@ function Pt(e) {
   return e instanceof t;
 }
 function Ue(e) {
-  return Me(e) ? !1 : e instanceof J(e).HTMLElement;
+  return Ne(e) ? !1 : e instanceof J(e).HTMLElement;
 }
 function hn(e) {
   return e instanceof J(e).SVGElement;
 }
-function Ne(e) {
-  return e ? Me(e) ? e.document : Lt(e) ? Pt(e) ? e : Ue(e) || hn(e) ? e.ownerDocument : document : document : document;
+function Me(e) {
+  return e ? Ne(e) ? e.document : Lt(e) ? Pt(e) ? e : Ue(e) || hn(e) ? e.ownerDocument : document : document : document;
 }
 const ie = ft ? Qn : P;
 function gt(e) {
@@ -68,7 +68,7 @@ function Ye(e, t) {
 }
 function We(e, t) {
   const n = k();
-  return T(
+  return N(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -95,7 +95,7 @@ function it(e) {
 }
 let wt = {};
 function Je(e, t) {
-  return T(() => {
+  return N(() => {
     if (t)
       return t;
     const n = wt[e] == null ? 0 : wt[e] + 1;
@@ -118,7 +118,7 @@ function pn(e) {
     });
   };
 }
-const Ae = /* @__PURE__ */ pn(1), st = /* @__PURE__ */ pn(-1);
+const Te = /* @__PURE__ */ pn(1), st = /* @__PURE__ */ pn(-1);
 function rr(e) {
   return "clientX" in e && "clientY" in e;
 }
@@ -248,7 +248,7 @@ function lr(e) {
   }, n);
 }
 function cr() {
-  const [e, t] = V("");
+  const [e, t] = K("");
   return {
     announce: z((r) => {
       r != null && t(r);
@@ -266,7 +266,7 @@ function ur(e) {
   }, [e, t]);
 }
 function dr() {
-  const [e] = V(() => /* @__PURE__ */ new Set()), t = z((r) => (e.add(r), () => e.delete(r)), [e]);
+  const [e] = K(() => /* @__PURE__ */ new Set()), t = z((r) => (e.add(r), () => e.delete(r)), [e]);
   return [z((r) => {
     let {
       type: o,
@@ -322,10 +322,10 @@ function hr(e) {
   const {
     announce: i,
     announcement: s
-  } = cr(), a = Je("DndLiveRegion"), [l, c] = V(!1);
+  } = cr(), a = Je("DndLiveRegion"), [l, c] = K(!1);
   if (P(() => {
     c(!0);
-  }, []), ur(T(() => ({
+  }, []), ur(N(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -392,7 +392,7 @@ var X;
 function lt() {
 }
 function Gt(e, t) {
-  return T(
+  return N(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -404,7 +404,7 @@ function Gt(e, t) {
 function pr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return T(
+  return N(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
@@ -680,7 +680,7 @@ function Er(e) {
 function Or(e, t) {
   return t === void 0 && (t = J(e).getComputedStyle(e)), t.position === "fixed";
 }
-function Ar(e, t) {
+function Tr(e, t) {
   t === void 0 && (t = J(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
@@ -698,7 +698,7 @@ function kt(e, t) {
     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);
+    return o !== e && Tr(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 : Me(e) ? e : Lt(e) ? Pt(e) || e === Ne(e).scrollingElement ? window : Ue(e) ? e : null : null;
+  return !ft || !e ? null : Ne(e) ? e : Lt(e) ? Pt(e) || e === Me(e).scrollingElement ? window : Ue(e) ? e : null : null;
 }
 function Cn(e) {
-  return Me(e) ? e.scrollX : e.scrollLeft;
+  return Ne(e) ? e.scrollX : e.scrollLeft;
 }
 function Sn(e) {
-  return Me(e) ? e.scrollY : e.scrollTop;
+  return Ne(e) ? e.scrollY : e.scrollTop;
 }
 function Rt(e) {
   return {
@@ -721,10 +721,10 @@ function Rt(e) {
     y: Sn(e)
   };
 }
-var Y;
+var V;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(Y || (Y = {}));
+})(V || (V = {}));
 function In(e) {
   return !ft || !e ? !1 : e === document.scrollingElement;
 }
@@ -751,18 +751,18 @@ 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,
@@ -778,12 +778,12 @@ function Mr(e, t, n, r, o) {
     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)), {
+  return !c && i <= t.top + g.height ? (f.y = V.Backward, m.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (f.y = V.Forward, m.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !h && a >= t.right - g.width ? (f.x = V.Forward, m.x = r * Math.abs((t.right - g.width - a) / g.width)) : !d && s <= t.left + g.width && (f.x = V.Backward, m.x = r * Math.abs((t.left + g.width - s) / g.width)), {
     direction: f,
     speed: m
   };
 }
-function Nr(e) {
+function Mr(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: i,
@@ -814,7 +814,7 @@ function Nr(e) {
   };
 }
 function En(e) {
-  return e.reduce((t, n) => Ae(t, Rt(n)), de);
+  return e.reduce((t, n) => Te(t, Rt(n)), de);
 }
 function Lr(e) {
   return e.reduce((t, n) => t + Cn(n), 0);
@@ -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);
+  return e instanceof t ? e : Me(e);
 }
 function Dt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
@@ -889,45 +889,45 @@ var oe;
 function tn(e) {
   e.preventDefault();
 }
-function Br(e) {
+function zr(e) {
   e.stopPropagation();
 }
-var S;
+var I;
 (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 = {
-  start: [S.Space, S.Enter],
-  cancel: [S.Esc],
-  end: [S.Space, S.Enter]
+})(I || (I = {}));
+const Tn = {
+  start: [I.Space, I.Enter],
+  cancel: [I.Esc],
+  end: [I.Space, I.Enter]
 }, $r = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
   switch (e.code) {
-    case S.Right:
+    case I.Right:
       return {
         ...n,
         x: n.x + 25
       };
-    case S.Left:
+    case I.Left:
       return {
         ...n,
         x: n.x - 25
       };
-    case S.Down:
+    case I.Down:
       return {
         ...n,
         y: n.y + 25
       };
-    case S.Up:
+    case I.Up:
       return {
         ...n,
         y: n.y - 25
       };
   }
 };
-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(Me(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 = An,
+        keyboardCodes: i = Tn,
         coordinateGetter: s = $r,
         scrollBehavior: a = "smooth"
       } = o, {
@@ -990,46 +990,46 @@ class Bt {
         for (const g of m) {
           const p = t.code, {
             isTop: b,
-            isRight: D,
+            isRight: x,
             isLeft: y,
-            isBottom: R,
-            maxScroll: x,
+            isBottom: S,
+            maxScroll: D,
             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;
+          } = Rn(g), R = Mr(g), E = {
+            x: Math.min(p === I.Right ? R.right - R.width / 2 : R.right, Math.max(p === I.Right ? R.left : R.left + R.width / 2, d.x)),
+            y: Math.min(p === I.Down ? R.bottom - R.height / 2 : R.bottom, Math.max(p === I.Down ? R.top : R.top + R.height / 2, d.y))
+          }, M = p === I.Right && !x || p === I.Left && !y, _ = p === I.Down && !S || p === I.Up && !b;
+          if (M && E.x !== d.x) {
+            const T = g.scrollLeft + h.x, Z = p === I.Right && T <= D.x || p === I.Left && T >= w.x;
             if (Z && !h.y) {
               g.scrollTo({
-                left: A,
+                left: T,
                 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({
+            Z ? f.x = g.scrollLeft - T : f.x = p === I.Right ? g.scrollLeft - D.x : g.scrollLeft - w.x, f.x && g.scrollBy({
               left: -f.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;
+            const T = g.scrollTop + h.y, Z = p === I.Down && T <= D.y || p === I.Up && T >= w.y;
             if (Z && !h.x) {
               g.scrollTo({
-                top: A,
+                top: T,
                 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({
+            Z ? f.y = g.scrollTop - T : f.y = p === I.Down ? g.scrollTop - D.y : g.scrollTop - w.y, f.y && g.scrollBy({
               top: -f.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Ae(st(d, this.referenceCoordinates), f));
+        this.handleMove(t, Te(st(d, this.referenceCoordinates), f));
       }
     }
   }
@@ -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 = Me(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 {
@@ -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));
   }
@@ -1173,7 +1173,7 @@ class $t {
     this.detach(), t();
   }
   handleKeydown(t) {
-    t.code === S.Esc && this.handleCancel();
+    t.code === I.Esc && this.handleCancel();
   }
   removeTextSelection() {
     var t;
@@ -1192,7 +1192,7 @@ class _t extends $t {
   constructor(t) {
     const {
       event: n
-    } = t, r = Ne(n.target);
+    } = t, r = Me(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, Me(t.event.target));
   }
 }
 Fr.activators = [{
@@ -1310,7 +1310,7 @@ function Xr(e) {
   }), b = k({
     x: 0,
     y: 0
-  }), D = T(() => {
+  }), x = N(() => {
     switch (n) {
       case He.Pointer:
         return l ? {
@@ -1322,33 +1322,33 @@ function Xr(e) {
       case He.DraggableRect:
         return o;
     }
-  }, [n, o, l]), y = k(null), R = z(() => {
+  }, [n, o, l]), y = k(null), S = z(() => {
     const w = y.current;
     if (!w)
       return;
-    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]);
+    const R = p.current.x * b.current.x, E = p.current.y * b.current.y;
+    w.scrollBy(R, E);
+  }, []), D = N(() => a === ct.TreeOrder ? [...c].reverse() : c, [a, c]);
   P(
     () => {
-      if (!i || !c.length || !D) {
+      if (!i || !c.length || !x) {
         g();
         return;
       }
-      for (const w of x) {
+      for (const w of D) {
         if ((r == null ? void 0 : r(w)) === !1)
           continue;
-        const I = c.indexOf(w), E = u[I];
+        const R = c.indexOf(w), E = u[R];
         if (!E)
           continue;
         const {
-          direction: N,
+          direction: M,
           speed: _
-        } = Mr(w, E, D, t, h);
-        for (const A of ["x", "y"])
-          f[A][N[A]] || (_[A] = 0, N[A] = 0);
+        } = Nr(w, E, x, t, h);
+        for (const T of ["x", "y"])
+          f[T][M[T]] || (_[T] = 0, M[T] = 0);
         if (_.x > 0 || _.y > 0) {
-          g(), y.current = w, m(R, s), p.current = _, b.current = N;
+          g(), y.current = w, m(S, s), p.current = _, b.current = M;
           return;
         }
       }
@@ -1363,18 +1363,18 @@ function Xr(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      R,
+      S,
       r,
       g,
       i,
       s,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(D),
+      JSON.stringify(x),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(f),
       m,
       c,
-      x,
+      D,
       u,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(h)
@@ -1383,12 +1383,12 @@ function Xr(e) {
 }
 const Yr = {
   x: {
-    [Y.Backward]: !1,
-    [Y.Forward]: !1
+    [V.Backward]: !1,
+    [V.Forward]: !1
   },
   y: {
-    [Y.Backward]: !1,
-    [Y.Forward]: !1
+    [V.Backward]: !1,
+    [V.Forward]: !1
   }
 };
 function Vr(e) {
@@ -1406,12 +1406,12 @@ function Vr(e) {
     };
     return {
       x: {
-        [Y.Backward]: o.x[Y.Backward] || i.x === -1,
-        [Y.Forward]: o.x[Y.Forward] || i.x === 1
+        [V.Backward]: o.x[V.Backward] || i.x === -1,
+        [V.Forward]: o.x[V.Forward] || i.x === 1
       },
       y: {
-        [Y.Backward]: o.y[Y.Backward] || i.y === -1,
-        [Y.Forward]: o.y[Y.Forward] || i.y === 1
+        [V.Backward]: o.y[V.Backward] || i.y === -1,
+        [V.Forward]: o.y[V.Forward] || i.y === 1
       }
     };
   }, [n, t, r]);
@@ -1424,7 +1424,7 @@ function Kr(e, t) {
   }, [r, t]);
 }
 function Ur(e, t) {
-  return T(() => e.reduce((n, r) => {
+  return N(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((s) => ({
@@ -1434,10 +1434,10 @@ function Ur(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var Te;
+var Ae;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Te || (Te = {}));
+})(Ae || (Ae = {}));
 var Ot;
 (function(e) {
   e.Optimized = "optimized";
@@ -1449,28 +1449,28 @@ function Wr(e, t) {
     dependencies: r,
     config: o
   } = t;
-  const [i, s] = V(null), {
+  const [i, s] = K(null), {
     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))));
+    b === void 0 && (b = []), !h.current && s((x) => x === null ? b : x.concat(b.filter((y) => !x.includes(y))));
   }, [h]), m = k(null), g = We((b) => {
     if (d && !n)
       return on;
     if (!b || b === on || u.current !== e || i != null) {
-      const D = /* @__PURE__ */ new Map();
+      const x = /* @__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);
+          x.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 S = y.node.current, D = S ? new Bt(l(S), S) : null;
+        y.rect.current = D, D && x.set(y.id, D);
       }
-      return D;
+      return x;
     }
     return b;
   }, [e, i, n, d, l]);
@@ -1503,9 +1503,9 @@ function Wr(e, t) {
   };
   function p() {
     switch (c) {
-      case Te.Always:
+      case Ae.Always:
         return !1;
-      case Te.BeforeDragging:
+      case Ae.BeforeDragging:
         return n;
       default:
         return !n;
@@ -1523,7 +1523,7 @@ function qr(e) {
     callback: t,
     disabled: n
   } = e;
-  const r = gt(t), o = T(() => {
+  const r = gt(t), o = N(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1538,7 +1538,7 @@ function pt(e) {
     callback: t,
     disabled: n
   } = e;
-  const r = gt(t), o = T(
+  const r = gt(t), o = N(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1553,11 +1553,11 @@ function pt(e) {
   return P(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function Gr(e) {
-  return new zt(Le(e), e);
+  return new Bt(Le(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) {
@@ -1603,7 +1603,7 @@ function Qr(e) {
   }, [e]), n;
 }
 function eo(e) {
-  const [t, n] = V(null), r = k(e), o = z((i) => {
+  const [t, n] = K(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);
   }, []);
@@ -1628,7 +1628,7 @@ function eo(e) {
         c == null || c.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), T(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Ae(i, s), de) : En(e) : de, [e, t]);
+  }, [o, e]), N(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Te(i, s), de) : En(e) : de, [e, t]);
 }
 function ln(e, t) {
   t === void 0 && (t = []);
@@ -1671,7 +1671,7 @@ function to(e) {
   );
 }
 function no(e, t) {
-  return T(() => e.reduce((n, r) => {
+  return N(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -1681,23 +1681,23 @@ function no(e, t) {
     }, n;
   }, {}), [e, t]);
 }
-function Tn(e) {
-  return T(() => e ? Er(e) : null, [e]);
+function An(e) {
+  return N(() => 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({
+  const [n] = e, r = An(n ? J(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,7 +1709,7 @@ function oo(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = V(null), o = z((c) => {
+  const [n, r] = K(null), o = z((c) => {
     for (const {
       target: u
     } of c)
@@ -1727,10 +1727,10 @@ function oo(e) {
   }, [t]), i = pt({
     callback: o
   }), s = z((c) => {
-    const u = Mn(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(() => ({
+  return N(() => ({
     nodeRef: a,
     rect: n,
     setRef: l
@@ -1740,7 +1740,7 @@ const io = [{
   sensor: _t,
   options: {}
 }, {
-  sensor: Bt,
+  sensor: zt,
   options: {}
 }], so = {
   current: {}
@@ -1750,7 +1750,7 @@ const io = [{
   },
   droppable: {
     measure: en,
-    strategy: Te.WhileDragging,
+    strategy: Ae.WhileDragging,
     frequency: Ot.Optimized
   },
   dragOverlay: {
@@ -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: {
@@ -1974,7 +1974,7 @@ function Pn(e, t) {
   }), n) : n;
 }
 function fo(e) {
-  return T(
+  return N(
     () => ({
       draggable: {
         ...rt.draggable,
@@ -2049,45 +2049,45 @@ const ho = /* @__PURE__ */ ut(function(t) {
     modifiers: f,
     ...m
   } = t;
-  const g = Nt(co, void 0, lo), [p, b] = g, [D, y] = dr(), [R, x] = V(xe.Uninitialized), w = R === xe.Initialized, {
+  const g = Mt(co, void 0, lo), [p, b] = g, [x, y] = dr(), [S, D] = K(xe.Uninitialized), w = S === xe.Initialized, {
     draggable: {
-      active: I,
+      active: R,
       nodes: E,
-      translate: N
+      translate: M
     },
     droppable: {
       containers: _
     }
-  } = p, A = I ? E.get(I) : null, Z = k({
+  } = p, T = R ? E.get(R) : null, Z = k({
     initial: null,
     translated: null
-  }), Q = T(() => {
-    var K;
-    return I != null ? {
-      id: I,
+  }), Q = N(() => {
+    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,
+      data: (U = T == null ? void 0 : T.data) != null ? U : so,
       rect: Z
     } : 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), {
+  }, [R, T]), ne = k(null), [fe, Ce] = K(null), [W, Se] = K(null), pe = Ye(m, Object.values(m)), ve = Je("DndDescribedBy", s), Pe = N(() => _.getEnabled(), [_]), v = fo(h), {
     droppableRects: C,
     measureDroppableContainers: B,
     measuringScheduled: L
   } = Wr(Pe, {
     dragging: w,
-    dependencies: [N.x, N.y],
+    dependencies: [M.x, M.y],
     config: v.droppable
-  }), M = Kr(E, I), q = T(() => W ? at(W) : null, [W]), H = Zn(), U = Jr(M, v.draggable.measure);
+  }), A = Kr(E, R), q = N(() => W ? at(W) : null, [W]), H = Zn(), Y = Jr(A, v.draggable.measure);
   go({
-    activeNode: I ? E.get(I) : null,
+    activeNode: R ? E.get(R) : null,
     config: H.layoutShiftCompensation,
-    initialRect: U,
+    initialRect: Y,
     measure: v.draggable.measure
   });
-  const O = sn(M, v.draggable.measure, U), se = sn(M ? M.parentElement : null), G = k({
+  const O = sn(A, v.draggable.measure, Y), se = sn(A ? A.parentElement : null), G = k({
     activatorEvent: null,
     active: null,
-    activeNode: M,
+    activeNode: A,
     collisionRect: null,
     collisions: null,
     droppableRects: C,
@@ -2100,10 +2100,10 @@ const ho = /* @__PURE__ */ ut(function(t) {
     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, {
+  }), be = (r = ae.nodeRef.current) != null ? r : A, Ie = w ? (o = ae.rect) != null ? o : O : null, Ft = !!(ae.nodeRef.current && ae.rect), Ht = Zr(Ft ? null : O), mt = An(be ? J(be) : null), me = Qr(w ? j ?? A : null), Ge = ro(me), Ze = Pn(f, {
     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
     },
@@ -2117,14 +2117,14 @@ const ho = /* @__PURE__ */ ut(function(t) {
     scrollableAncestors: me,
     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({
+  }), Xt = q ? Te(q, M) : null, Yt = eo(me), Vn = ln(Yt), Kn = ln(Yt, [O]), Re = Te(Ze, Vn), Ee = Ie ? Sr(Ie, Ze) : null, ke = Q && Ee ? d({
     active: Q,
     collisionRect: Ee,
     droppableRects: C,
     droppableContainers: Pe,
     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"), [ye, Kt] = K(null), Un = Ft ? Ze : Te(Ze, Kn), Wn = Dr(Un, (i = ye == null ? void 0 : ye.rect) != null ? i : null, O), Ut = z(
+    (U, ee) => {
       let {
         sensor: te,
         options: we
@@ -2134,7 +2134,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
       const re = E.get(ne.current);
       if (!re)
         return;
-      const le = K.nativeEvent, ge = new te({
+      const le = U.nativeEvent, ge = new te({
         active: ne.current,
         activeNode: re,
         event: le,
@@ -2143,27 +2143,27 @@ const ho = /* @__PURE__ */ ut(function(t) {
         // otherwise they are frozen in time with the stale arguments
         context: G,
         onStart(ce) {
-          const ze = ne.current;
-          if (ze == null)
+          const Be = ne.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 = {
             active: {
-              id: ze,
-              data: Be.data,
+              id: Be,
+              data: ze.data,
               rect: Z
             }
           };
           je(() => {
-            Qe == null || Qe(et), x(xe.Initializing), b({
+            Qe == null || Qe(et), D(xe.Initializing), b({
               type: X.DragStart,
               initialCoordinates: ce,
-              active: ze
-            }), D({
+              active: Be
+            }), x({
               type: "onDragStart",
               event: et
             });
@@ -2179,24 +2179,24 @@ const ho = /* @__PURE__ */ ut(function(t) {
         onCancel: Oe(X.DragCancel)
       });
       je(() => {
-        Ce(ge), Se(K.nativeEvent);
+        Ce(ge), Se(U.nativeEvent);
       });
       function Oe(ce) {
         return async function() {
           const {
-            active: Be,
+            active: ze,
             collisions: Qe,
             over: et,
             scrollAdjustedTranslate: Jt
           } = G.current;
           let $e = null;
-          if (Be && Jt) {
+          if (ze && Jt) {
             const {
               cancelDrop: _e
             } = pe.current;
             $e = {
               activatorEvent: le,
-              active: Be,
+              active: ze,
               collisions: Qe,
               delta: Jt,
               over: et
@@ -2205,11 +2205,11 @@ const ho = /* @__PURE__ */ ut(function(t) {
           ne.current = null, je(() => {
             b({
               type: ce
-            }), x(xe.Uninitialized), Kt(null), Ce(null), Se(null);
+            }), D(xe.Uninitialized), Kt(null), Ce(null), Se(null);
             const _e = ce === X.DragEnd ? "onDragEnd" : "onDragCancel";
             if ($e) {
               const yt = pe.current[_e];
-              yt == null || yt($e), D({
+              yt == null || yt($e), x({
                 type: _e,
                 event: $e
               });
@@ -2220,7 +2220,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [E]
-  ), Jn = z((K, ee) => (te, we) => {
+  ), Jn = z((U, ee) => (te, we) => {
     const re = te.nativeEvent, le = E.get(we);
     if (
       // Another sensor is already instantiating
@@ -2232,16 +2232,16 @@ const ho = /* @__PURE__ */ ut(function(t) {
     const ge = {
       active: le
     };
-    K(te, ee.options, ge) === !0 && (re.dndKit = {
+    U(te, ee.options, ge) === !0 && (re.dndKit = {
       capturedBy: ee.sensor
     }, ne.current = we, Ut(te, ee));
   }, [E, Ut]), Wt = Ur(u, Jn);
   to(u), ie(() => {
-    O && R === xe.Initializing && x(xe.Initialized);
-  }, [O, R]), P(
+    O && S === xe.Initializing && D(xe.Initialized);
+  }, [O, S]), P(
     () => {
       const {
-        onDragMove: K
+        onDragMove: U
       } = pe.current, {
         active: ee,
         activatorEvent: te,
@@ -2261,7 +2261,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
         over: re
       };
       je(() => {
-        K == null || K(le), D({
+        U == null || U(le), x({
           type: "onDragMove",
           event: le
         });
@@ -2272,13 +2272,13 @@ const ho = /* @__PURE__ */ ut(function(t) {
   ), P(
     () => {
       const {
-        active: K,
+        active: U,
         activatorEvent: ee,
         collisions: te,
         droppableContainers: we,
         scrollAdjustedTranslate: re
       } = G.current;
-      if (!K || ne.current == null || !ee || !re)
+      if (!U || ne.current == null || !ee || !re)
         return;
       const {
         onDragOver: le
@@ -2288,7 +2288,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
         data: ge.data,
         disabled: ge.disabled
       } : null, ce = {
-        active: K,
+        active: U,
         activatorEvent: ee,
         collisions: te,
         delta: {
@@ -2298,7 +2298,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
         over: Oe
       };
       je(() => {
-        Kt(Oe), le == null || le(ce), D({
+        Kt(Oe), le == null || le(ce), x({
           type: "onDragOver",
           event: ce
         });
@@ -2310,7 +2310,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
     G.current = {
       activatorEvent: W,
       active: Q,
-      activeNode: M,
+      activeNode: A,
       collisionRect: Ee,
       collisions: ke,
       droppableRects: C,
@@ -2325,17 +2325,17 @@ const ho = /* @__PURE__ */ ut(function(t) {
       initial: Ie,
       translated: Ee
     };
-  }, [Q, M, ke, Ee, E, be, Ie, C, _, ye, me, Re]), Xr({
+  }, [Q, A, ke, Ee, E, be, Ie, C, _, ye, me, Re]), Xr({
     ...H,
-    delta: N,
+    delta: M,
     draggingRect: Ee,
     pointerCoordinates: Xt,
     scrollableAncestors: me,
     scrollableAncestorRects: Ge
   });
-  const qn = T(() => ({
+  const qn = N(() => ({
     active: Q,
-    activeNode: M,
+    activeNode: A,
     activeNodeRect: O,
     activatorEvent: W,
     collisions: ke,
@@ -2351,7 +2351,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
     measuringConfiguration: v,
     measuringScheduled: L,
     windowRect: mt
-  }), [Q, M, O, W, ke, se, ae, E, _, C, ye, B, me, Ge, v, L, mt]), Gn = T(() => ({
+  }), [Q, A, O, W, ke, se, ae, E, _, C, ye, B, me, Ge, v, L, mt]), Gn = N(() => ({
     activatorEvent: W,
     activators: Wt,
     active: Q,
@@ -2379,7 +2379,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
     hiddenTextDescribedById: ve
   }));
   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 = (fe == null ? void 0 : fe.autoScrollEnabled) === !1, ee = typeof l == "object" ? l.enabled === !1 : l === !1, te = w && !U && !ee;
     return typeof l == "object" ? {
       ...l,
       enabled: te
@@ -2407,22 +2407,22 @@ function bo(e) {
     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);
+  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, b = De(p ? vt : po), [x, y] = ot(), [S, D] = ot(), w = no(s, t), R = Ye(n);
   ie(
     () => (d.set(t, {
       id: t,
       key: i,
-      node: D,
-      activatorNode: R,
-      data: I
+      node: x,
+      activatorNode: S,
+      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(() => ({
+  const E = N(() => ({
     role: f,
     tabIndex: g,
     "aria-disabled": r,
@@ -2437,10 +2437,10 @@ function bo(e) {
     attributes: E,
     isDragging: p,
     listeners: r ? void 0 : w,
-    node: D,
+    node: x,
     over: h,
     setNodeRef: y,
-    setActivatorNodeRef: x,
+    setActivatorNodeRef: D,
     transform: b
   };
 }
@@ -2471,7 +2471,7 @@ function wo(e) {
   } = {
     ...yo,
     ...o
-  }, b = Ye(g ?? r), D = z(
+  }, b = Ye(g ?? r), x = z(
     () => {
       if (!d.current) {
         d.current = !0;
@@ -2484,23 +2484,23 @@ function wo(e) {
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [p]
   ), y = pt({
-    callback: D,
+    callback: x,
     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);
+  }), S = z((E, M) => {
+    y && (M && (y.unobserve(M), d.current = !1), E && y.observe(E));
+  }, [y]), [D, w] = ot(S), R = Ye(t);
   return P(() => {
-    !y || !x.current || (y.disconnect(), d.current = !1, y.observe(x.current));
-  }, [x, y]), ie(
+    !y || !D.current || (y.disconnect(), d.current = !1, y.observe(D.current));
+  }, [D, y]), ie(
     () => (a({
       type: X.RegisterDroppable,
       element: {
         id: r,
         key: i,
         disabled: n,
-        node: x,
+        node: D,
         rect: h,
-        data: I
+        data: R
       }
     }), () => a({
       type: X.UnregisterDroppable,
@@ -2520,7 +2520,7 @@ function wo(e) {
     active: s,
     rect: h,
     isOver: (l == null ? void 0 : l.id) === r,
-    node: x,
+    node: D,
     over: l,
     setNodeRef: w
   };
@@ -2530,7 +2530,7 @@ function xo(e) {
     animation: t,
     children: n
   } = e;
-  const [r, o] = V(null), [i, s] = V(null), a = it(n);
+  const [r, o] = K(null), [i, s] = K(null), a = it(n);
   return !n && !r && a && o(a), ie(() => {
     if (!i)
       return;
@@ -2557,7 +2557,7 @@ function Co(e) {
     children: t
   } = e;
   return F.createElement(qe.Provider, {
-    value: Nn
+    value: Mn
   }, F.createElement(vt.Provider, {
     value: Do
   }, t));
@@ -2631,7 +2631,7 @@ const So = {
   }, {
     transform: he.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,7 +2659,7 @@ function Ao(e) {
     const l = a.node.current;
     if (!l)
       return;
-    const c = Mn(s);
+    const c = Nn(s);
     if (!c)
       return;
     const {
@@ -2667,7 +2667,7 @@ function Ao(e) {
     } = J(s).getComputedStyle(s), d = xn(u);
     if (!d)
       return;
-    const h = typeof t == "function" ? t : To(t);
+    const h = typeof t == "function" ? t : Ao(t);
     return On(l, o.draggable.measure), h({
       active: {
         id: i,
@@ -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) => {
@@ -2735,21 +2735,21 @@ function To(e) {
       easing: n,
       fill: "forwards"
     });
-    return new Promise((D) => {
+    return new Promise((x) => {
       b.onfinish = () => {
-        p == null || p(), D();
+        p == null || p(), x();
       };
     });
   };
 }
 let un = 0;
-function Mo(e) {
-  return T(() => {
+function No(e) {
+  return N(() => {
     if (e != null)
       return un++, un;
   }, [e]);
 }
-const No = /* @__PURE__ */ F.memo((e) => {
+const Mo = /* @__PURE__ */ F.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -2770,11 +2770,11 @@ const No = /* @__PURE__ */ F.memo((e) => {
     droppableContainers: g,
     dragOverlay: p,
     over: b,
-    measuringConfiguration: D,
+    measuringConfiguration: x,
     scrollableAncestors: y,
-    scrollableAncestorRects: R,
-    windowRect: x
-  } = kn(), w = De(vt), I = Mo(d == null ? void 0 : d.id), E = Pn(s, {
+    scrollableAncestorRects: S,
+    windowRect: D
+  } = kn(), w = De(vt), R = No(d == null ? void 0 : d.id), E = Pn(s, {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
@@ -2783,27 +2783,27 @@ const No = /* @__PURE__ */ F.memo((e) => {
     over: b,
     overlayNodeRect: p.rect,
     scrollableAncestors: y,
-    scrollableAncestorRects: R,
+    scrollableAncestorRects: S,
     transform: w,
-    windowRect: x
-  }), N = jt(h), _ = Ao({
+    windowRect: D
+  }), M = jt(h), _ = To({
     config: r,
     draggableNodes: m,
     droppableContainers: g,
-    measuringConfiguration: D
-  }), A = N ? p.setRef : void 0;
+    measuringConfiguration: x
+  }), T = M ? p.setRef : void 0;
   return F.createElement(Co, null, F.createElement(xo, {
     animation: _
-  }, d && I ? F.createElement(Ro, {
-    key: I,
+  }, d && R ? F.createElement(Ro, {
+    key: R,
     id: d.id,
-    ref: A,
+    ref: T,
     as: a,
     activatorEvent: u,
     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__ */ F.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,17 +2924,17 @@ 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), h = a.rect !== null, f = N(() => 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), x = !Po(f, b.current), y = p !== -1 && g === -1 || x, S = ko(i);
   ie(() => {
-    D && m && u(f);
-  }, [D, f, m, u]), P(() => {
+    x && m && u(f);
+  }, [x, f, m, u]), P(() => {
     b.current = f;
   }, [f]);
-  const x = T(
+  const D = N(
     () => ({
       activeIndex: g,
       containerId: d,
-      disabled: R,
+      disabled: S,
       disableTransforms: y,
       items: f,
       overIndex: p,
@@ -2943,10 +2943,10 @@ function $o(e) {
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, d, R.draggable, R.droppable, y, f, p, l, h, o]
+    [g, d, S.draggable, S.droppable, y, f, p, l, h, o]
   );
   return F.createElement($n.Provider, {
-    value: x
+    value: D
   }, t);
 }
 const _o = (e) => {
@@ -2987,7 +2987,7 @@ function Yo(e) {
     node: r,
     rect: o
   } = e;
-  const [i, s] = V(null), a = k(n);
+  const [i, s] = K(null), a = k(n);
   return ie(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
@@ -3029,29 +3029,29 @@ function Vo(e) {
     sortedRects: g,
     overIndex: p,
     useDragOverlay: b,
-    strategy: D
-  } = De($n), y = Ko(r, f), R = u.indexOf(s), x = T(() => ({
+    strategy: x
+  } = De($n), y = Ko(r, f), S = u.indexOf(s), D = N(() => ({
     sortable: {
       containerId: d,
-      index: R,
+      index: S,
       items: u
     },
     ...o
-  }), [d, o, R, u]), w = T(() => u.slice(u.indexOf(s)), [u, s]), {
-    rect: I,
+  }), [d, o, S, u]), w = N(() => u.slice(u.indexOf(s)), [u, s]), {
+    rect: R,
     node: E,
-    isOver: N,
+    isOver: M,
     setNodeRef: _
   } = wo({
     id: s,
-    data: x,
+    data: D,
     disabled: y.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: w,
       ...l
     }
   }), {
-    active: A,
+    active: T,
     activatorEvent: Z,
     activeNodeRect: Q,
     attributes: ne,
@@ -3063,35 +3063,35 @@ function Vo(e) {
     transform: ve
   } = bo({
     id: s,
-    data: x,
+    data: D,
     attributes: {
       ...Xo,
       ...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)({
+  }), Pe = tr(_, fe), v = !!T, C = v && !m && tt(h) && tt(p), B = !b && W, L = B && C ? ve : null, q = C ? L ?? (a ?? x)({
     rects: g,
     activeNodeRect: Q,
     activeIndex: h,
     overIndex: p,
-    index: R
+    index: S
   }) : null, H = tt(h) && tt(p) ? i({
     id: s,
     items: u,
     activeIndex: h,
     overIndex: p
-  }) : R, U = A == null ? void 0 : A.id, O = k({
-    activeId: U,
+  }) : S, Y = T == null ? void 0 : T.id, O = k({
+    activeId: Y,
     items: u,
     newIndex: H,
     containerId: d
   }), se = u !== O.current.items, G = t({
-    active: A,
+    active: T,
     containerId: d,
     isDragging: W,
     isSorting: v,
     id: s,
-    index: R,
+    index: S,
     items: u,
     newIndex: O.current.newIndex,
     previousItems: O.current.items,
@@ -3100,33 +3100,33 @@ function Vo(e) {
     wasDragging: O.current.activeId != null
   }), j = Yo({
     disabled: !G,
-    index: R,
+    index: S,
     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)
+    if (Y === O.current.activeId)
       return;
-    if (U && !O.current.activeId) {
-      O.current.activeId = U;
+    if (Y && !O.current.activeId) {
+      O.current.activeId = Y;
       return;
     }
     const be = setTimeout(() => {
-      O.current.activeId = U;
+      O.current.activeId = Y;
     }, 50);
     return () => clearTimeout(be);
-  }, [U]), {
-    active: A,
+  }, [Y]), {
+    active: T,
     activeIndex: h,
     attributes: ne,
-    data: x,
-    rect: I,
-    index: R,
+    data: D,
+    rect: R,
+    index: S,
     newIndex: H,
     items: u,
-    isOver: N,
+    isOver: M,
     isSorting: v,
     isDragging: W,
     listeners: Ce,
@@ -3144,7 +3144,7 @@ function Vo(e) {
     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
+      se && O.current.newIndex === S
     )
       return Ho;
     if (!(B && !ht(Z) || !c) && (v || G))
@@ -3165,20 +3165,20 @@ function Ko(e, t) {
     droppable: (r = e == null ? void 0 : e.droppable) != null ? r : t.droppable
   };
 }
-S.Down, S.Right, S.Up, S.Left;
+I.Down, I.Right, I.Up, I.Left;
 const Uo = /iPad|iPhone|iPod/.test(navigator.platform);
 function Wo(e, t) {
   return Math.round(e / t);
 }
-function Tt(e, t, n, r, o) {
+function At(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
   }), 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 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 x;
+    return g === 0 || !c ? null : g === c.depth ? c.parentId : g > c.depth ? c.id : ((x = l.slice(0, i).reverse().find((y) => y.depth === g)) == null ? void 0 : x.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 = [
-  S.Down,
-  S.Right,
-  S.Up,
-  S.Left
-], si = [S.Left, S.Right], ai = (e, t, n) => (r, {
+const oi = [
+  I.Down,
+  I.Right,
+  I.Up,
+  I.Left
+], ii = [I.Left, I.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: g, maxDepth: p, minDepth: b } = At(
         u,
         i.id,
         s.id,
@@ -3273,14 +3277,14 @@ const ii = [
         n
       );
       switch (r.code) {
-        case S.Left:
+        case I.Left:
           if (g > b)
             return {
               ...o,
               x: o.x - n
             };
           break;
-        case S.Right:
+        case I.Right:
           if (g < p)
             return {
               ...o,
@@ -3297,10 +3301,10 @@ const ii = [
       const p = l.get(g.id);
       if (p)
         switch (r.code) {
-          case S.Down:
+          case I.Down:
             a.top < p.top && h.push(g);
             break;
-          case S.Up:
+          case I.Up:
             a.top > p.top && h.push(g);
             break;
         }
@@ -3316,37 +3320,37 @@ const ii = [
     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: w } = Tt(
+        const x = u.findIndex(({ id: w }) => w === m), y = u[x], S = u.findIndex(({ id: w }) => w === i.id), D = u[S];
+        if (y && D) {
+          const { depth: w } = At(
             u,
             i.id,
             m,
-            (y.depth - x.depth) * n,
+            (y.depth - D.depth) * n,
             n
-          ), E = D > R ? 1 : -1, N = t ? (a.height - g.height) / 2 : 0;
+          ), E = x > S ? 1 : -1, M = t ? (a.height - g.height) / 2 : 0;
           return {
             x: p.left + w * n,
-            y: p.top + E * 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__ */ $(
     "button",
     {
       ref: i,
       ...o,
-      className: Mt(Di.Action, t),
+      className: Nt(xi.Action, t),
       tabIndex: 0,
       style: {
         ...r,
@@ -3404,8 +3408,8 @@ 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) {
+), 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,
     {
@@ -3428,7 +3432,7 @@ function Si(e) {
     }
   );
 }
-function Ii(e) {
+function Si(e) {
   return /* @__PURE__ */ $(
     bt,
     {
@@ -3451,7 +3455,7 @@ function Ii(e) {
     }
   );
 }
-const Ri = dt(
+const Ii = dt(
   ({
     childCount: e,
     clone: t,
@@ -3471,11 +3475,12 @@ const Ri = dt(
     style: g,
     value: p,
     wrapperRef: b,
-    ...D
-  }, y) => /* @__PURE__ */ $(
+    renderedItem: x,
+    ...y
+  }, S) => /* @__PURE__ */ $(
     "li",
     {
-      className: Mt(
+      className: Nt(
         ue.Wrapper,
         t && ue.clone,
         s && ue.ghost,
@@ -3487,25 +3492,26 @@ const Ri = dt(
       style: {
         "--spacing": `${l * n}px`
       },
-      ...D,
-      children: /* @__PURE__ */ fn("div", { className: ue.TreeItem, ref: y, style: g, children: [
-        !i && /* @__PURE__ */ $(Ci, { ...a }),
+      ...y,
+      children: /* @__PURE__ */ fn("div", { className: ue.TreeItem, ref: S, style: g, 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 && x && x,
+        !t && h && /* @__PURE__ */ $(Ci, { onClick: h }),
+        !t && f && /* @__PURE__ */ $(Si, { onClick: f }),
         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 +3524,13 @@ function Ti({ id: e, depth: t, ...n }) {
     transition: u
   } = Vo({
     id: e,
-    animateLayoutChanges: Ai
+    animateLayoutChanges: Oi
   }), d = {
     transform: he.Translate.toString(c),
     transition: u
   };
   return /* @__PURE__ */ $(
-    Oi,
+    Ei,
     {
       ref: a,
       wrapperRef: l,
@@ -3541,9 +3547,9 @@ function Ti({ id: e, depth: t, ...n }) {
     }
   );
 }
-const dn = ut(Ti), Mi = {
+const dn = ut(Ti), Ai = {
   droppable: {
-    strategy: Te.Always
+    strategy: Ae.Always
   }
 }, Ni = {
   keyframes({ transform: e }) {
@@ -3562,14 +3568,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,
@@ -3579,10 +3585,11 @@ function Li({
   allowNestedItemAddition: l,
   onAddItem: c,
   onDragEnd: u,
-  onItemClick: d
+  onItemClick: d,
+  renderItem: h
 }) {
-  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 [f, m] = K(null), [g, p] = K(null), [b, x] = K(0), [y, S] = K(null), D = N(() => {
+    let v = It(e);
     const C = v.filter(({ parentId: L }) => !L);
     C.length === 1 && (v = v.map(
       (L) => L.id === C[0].id ? {
@@ -3591,56 +3598,56 @@ function Li({
       } : L
     ));
     const B = v.reduce(
-      (L, { children: M, collapsed: q, id: H }) => (q && M.length && L.push(H), L),
+      (L, { children: A, collapsed: q, id: H }) => (q && A.length && L.push(H), L),
       []
     );
-    return oi(
+    return ri(
       v,
       f ? [f, ...B] : B
     );
-  }, [f, h]), w = f && g ? Tt(x, f, g, b, i) : null, I = k({
-    items: x,
+  }, [f, e]), w = f && g ? At(D, f, g, b, i) : null, R = k({
+    items: D,
     offset: b
-  }), [E] = V(
-    () => ai(I, o, i)
-  ), N = pr(
+  }), [E] = K(
+    () => si(R, o, i)
+  ), M = pr(
     Gt(_t),
-    Gt(Bt, {
+    Gt(zt, {
       coordinateGetter: E
     })
-  ), _ = T(() => x.map(({ id: v }) => v), [x]), A = f ? x.find(({ id: v }) => v === f) : null;
+  ), _ = N(() => D.map(({ id: v }) => v), [D]), T = f ? D.find(({ id: v }) => v === f) : null;
   P(() => {
-    I.current = {
-      items: x,
+    R.current = {
+      items: D,
       offset: b
     };
-  }, [x, b]);
+  }, [D, b]);
   const Z = z(
     ({ active: { id: v } }) => {
       m(v), p(v);
-      const C = x.find(({ id: B }) => B === v);
-      C && R({
+      const C = D.find(({ id: B }) => B === v);
+      C && S({
         parentId: C.parentId,
         overId: v
       }), document.body.style.setProperty("cursor", "grabbing");
     },
-    [x]
+    [D]
   ), Q = z(({ delta: v }) => {
-    D(v.x);
+    x(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", "");
+    p(null), m(null), x(0), S(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);
+        const { depth: B, parentId: L } = w, A = JSON.parse(JSON.stringify(It(e))), q = A.findIndex(({ id: j }) => j === C.id), H = A.findIndex(({ id: j }) => j === v.id), Y = A[H];
+        A[H] = { ...Y, depth: B, parentId: L };
+        const O = Ve(A, H, q), se = Go(O), G = Yn(se, A[H].id, L);
+        t(se), u == null || u(G);
       }
     },
-    [h, w, u, fe, t]
+    [e, w, u, fe, t]
   ), W = z(() => {
     fe();
   }, [fe]), Se = z(
@@ -3654,7 +3661,7 @@ function Li({
       canFetchChildren: C,
       collapsed: B
     }) => C ? r == null ? void 0 : r(v, !!B) : t(
-      (L) => ti(L, v, (M) => ({ collapsed: !M.collapsed }))
+      (L) => ti(L, v, (A) => ({ collapsed: !A.collapsed }))
     ),
     [r, t]
   ), ve = z(
@@ -3663,19 +3670,19 @@ function Li({
         if (v !== "onDragEnd") {
           if (y && w.parentId === y.parentId && B === y.overId)
             return;
-          R({
+          S({
             parentId: w.parentId,
             overId: B
           });
         }
-        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];
+        const L = JSON.parse(JSON.stringify(It(e))), A = L.findIndex(({ id: j }) => j === B), q = L.findIndex(({ id: j }) => j === C), H = Ve(L, q, A), Y = H[A - 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}.`;
+        if (Y)
+          if (w.depth > Y.depth)
+            O = `${C} was ${G} under ${Y.id}.`;
           else {
-            let j = U;
+            let j = Y;
             for (; j && w.depth < j.depth; ) {
               const ae = j.parentId;
               j = H.find(({ id: be }) => be === ae);
@@ -3683,13 +3690,13 @@ function Li({
             j && (O = `${C} was ${se} after ${j.id}.`);
           }
         else {
-          const j = H[M + 1];
+          const j = H[A + 1];
           O = `${C} was ${se} before ${j.id}.`;
         }
         return O;
       }
     },
-    [y, h, w]
+    [y, e, w]
   );
   return /* @__PURE__ */ $(
     ho,
@@ -3711,48 +3718,58 @@ function Li({
           return `Moving was cancelled. ${v.id} was dropped in its original position.`;
         }
       } },
-      sensors: N,
+      sensors: M,
       collisionDetection: mr,
-      measuring: Mi,
+      measuring: Ai,
       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__ */ $(
+      children: /* @__PURE__ */ fn($o, { items: _, strategy: Bo, children: [
+        D.map(
+          ({
+            id: v,
+            label: C,
+            children: B,
+            collapsed: L,
+            depth: A,
+            canFetchChildren: q,
+            disableDragging: H,
+            ...Y
+          }) => /* @__PURE__ */ $(
             dn,
             {
               id: v,
               value: C,
               disableDragging: !!H,
-              depth: v === f && w ? w.depth : M,
+              depth: v === f && w ? w.depth : A,
               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
+              onLabelClick: d ? () => d(v) : void 0,
+              renderedItem: h == null ? void 0 : h({ id: v, label: C, children: B, ...Y })
             },
             v
           )
         ),
         gn(
           /* @__PURE__ */ $(
-            No,
+            Mo,
             {
               dropAnimation: Ni,
-              modifiers: o ? [Pi] : void 0,
-              children: f && A ? /* @__PURE__ */ $(
+              modifiers: o ? [Li] : void 0,
+              children: f && T ? /* @__PURE__ */ $(
                 dn,
                 {
                   id: f,
-                  depth: A.depth,
+                  depth: T.depth,
                   clone: !0,
-                  childCount: ri(e, f) + 1,
-                  value: A.label,
+                  childCount: ni(e, f) + 1,
+                  value: T.label,
                   indentationWidth: i
                 }
               ) : null
@@ -3764,7 +3781,7 @@ function Li({
     }
   );
 }
-const Pi = ({ transform: e }) => ({
+const Li = ({ transform: e }) => ({
   ...e,
   y: e.y - 25
 });
@@ -3781,10 +3798,9 @@ 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