@clevertask/react-sortable-tree 0.0.7 → 0.0.8

package/dist/react-sortable-tree.js

@@ -1,11 +1,11 @@
-import { jsx as M, jsxs as sr } from "react/jsx-runtime";
+import { jsx as T, jsxs as sr } from "react/jsx-runtime";
 import * as Et from "react";
-import j, { useLayoutEffect as ao, useEffect as L, useMemo as N, useRef as k, useCallback as $, useState as U, createContext as ft, useContext as Le, memo as gn, useReducer as co, forwardRef as _t, cloneElement as lo } from "react";
+import z, { useLayoutEffect as co, useEffect as L, useMemo as M, useRef as k, useCallback as $, useState as U, createContext as qe, useContext as Le, memo as gn, useReducer as lo, forwardRef as _t, cloneElement as uo } from "react";
 import { unstable_batchedUpdates as yt, createPortal as ar } from "react-dom";
-function uo() {
+function fo() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return N(
+  return M(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -14,7 +14,7 @@ function uo() {
   );
 }
 const Lt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function qe(e) {
+function Ye(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]";
@@ -24,7 +24,7 @@ function hn(e) {
 }
 function J(e) {
   var t, n;
-  return e ? qe(e) ? e : hn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? Ye(e) ? e : hn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function pn(e) {
   const {
@@ -33,15 +33,15 @@ function pn(e) {
   return e instanceof t;
 }
 function gt(e) {
-  return qe(e) ? !1 : e instanceof J(e).HTMLElement;
+  return Ye(e) ? !1 : e instanceof J(e).HTMLElement;
 }
 function cr(e) {
   return e instanceof J(e).SVGElement;
 }
-function Ye(e) {
-  return e ? qe(e) ? e.document : hn(e) ? pn(e) ? e : gt(e) || cr(e) ? e.ownerDocument : document : document : document;
+function Ze(e) {
+  return e ? Ye(e) ? e.document : hn(e) ? pn(e) ? e : gt(e) || cr(e) ? e.ownerDocument : document : document : document;
 }
-const me = Lt ? ao : L;
+const me = Lt ? co : L;
 function kt(e) {
   const t = k(e);
   return me(() => {
@@ -52,7 +52,7 @@ function kt(e) {
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
-function fo() {
+function go() {
   const e = k(null), t = $((r, o) => {
     e.current = setInterval(r, o);
   }, []), n = $(() => {
@@ -60,7 +60,7 @@ function fo() {
   }, []);
   return [t, n];
 }
-function ct(e, t) {
+function lt(e, t) {
   t === void 0 && (t = [e]);
   const n = k(e);
   return me(() => {
@@ -69,7 +69,7 @@ function ct(e, t) {
 }
 function ht(e, t) {
   const n = k();
-  return N(
+  return M(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -96,7 +96,7 @@ function Ot(e) {
 }
 let Yt = {};
 function pt(e, t) {
-  return N(() => {
+  return M(() => {
     if (t)
       return t;
     const n = Yt[e] == null ? 0 : Yt[e] + 1;
@@ -119,8 +119,8 @@ function lr(e) {
     });
   };
 }
-const Ve = /* @__PURE__ */ lr(1), At = /* @__PURE__ */ lr(-1);
-function go(e) {
+const He = /* @__PURE__ */ lr(1), At = /* @__PURE__ */ lr(-1);
+function ho(e) {
   return "clientX" in e && "clientY" in e;
 }
 function Pt(e) {
@@ -131,7 +131,7 @@ function Pt(e) {
   } = J(e.target);
   return t && e instanceof t;
 }
-function ho(e) {
+function po(e) {
   if (!e)
     return !1;
   const {
@@ -140,7 +140,7 @@ function ho(e) {
   return t && e instanceof t;
 }
 function Tt(e) {
-  if (ho(e)) {
+  if (po(e)) {
     if (e.touches && e.touches.length) {
       const {
         clientX: t,
@@ -161,7 +161,7 @@ function Tt(e) {
       };
     }
   }
-  return go(e) ? {
+  return ho(e) ? {
     x: e.clientX,
     y: e.clientY
   } : null;
@@ -206,23 +206,23 @@ const Ce = /* @__PURE__ */ Object.freeze({
     }
   }
 }), Nn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function po(e) {
+function vo(e) {
   return e.matches(Nn) ? e : e.querySelector(Nn);
 }
-const vo = {
+const bo = {
   display: "none"
 };
-function bo(e) {
+function mo(e) {
   let {
     id: t,
     value: n
   } = e;
-  return j.createElement("div", {
+  return z.createElement("div", {
     id: t,
-    style: vo
+    style: bo
   }, n);
 }
-function mo(e) {
+function yo(e) {
   let {
     id: t,
     announcement: n,
@@ -242,7 +242,7 @@ function mo(e) {
     clipPath: "inset(100%)",
     whiteSpace: "nowrap"
   };
-  return j.createElement("div", {
+  return z.createElement("div", {
     id: t,
     style: o,
     role: "status",
@@ -250,7 +250,7 @@ function mo(e) {
     "aria-atomic": !0
   }, n);
 }
-function yo() {
+function wo() {
   const [e, t] = U("");
   return {
     announce: $((r) => {
@@ -259,8 +259,8 @@ function yo() {
     announcement: e
   };
 }
-const ur = /* @__PURE__ */ ft(null);
-function wo(e) {
+const ur = /* @__PURE__ */ qe(null);
+function xo(e) {
   const t = Le(ur);
   L(() => {
     if (!t)
@@ -281,13 +281,13 @@ function So() {
     });
   }, [e]), t];
 }
-const xo = {
+const Co = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
   `
-}, Co = {
+}, Do = {
   onDragStart(e) {
     let {
       active: t
@@ -315,20 +315,20 @@ const xo = {
     return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
   }
 };
-function Do(e) {
+function Ro(e) {
   let {
-    announcements: t = Co,
+    announcements: t = Do,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: o = xo
+    screenReaderInstructions: o = Co
   } = e;
   const {
     announce: i,
     announcement: s
-  } = yo(), a = pt("DndLiveRegion"), [c, l] = U(!1);
+  } = wo(), a = pt("DndLiveRegion"), [c, l] = U(!1);
   if (L(() => {
     l(!0);
-  }, []), wo(N(() => ({
+  }, []), xo(M(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -379,10 +379,10 @@ function Do(e) {
     }
   }), [i, t])), !c)
     return null;
-  const u = j.createElement(j.Fragment, null, j.createElement(bo, {
+  const u = z.createElement(z.Fragment, null, z.createElement(mo, {
     id: r,
     value: o.draggable
-  }), j.createElement(mo, {
+  }), z.createElement(yo, {
     id: a,
     announcement: s
   }));
@@ -395,7 +395,7 @@ var K;
 function Nt() {
 }
 function Mn(e, t) {
-  return N(
+  return M(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -404,10 +404,10 @@ function Mn(e, t) {
     [e, t]
   );
 }
-function Ro() {
+function Eo() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return N(
+  return M(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
@@ -420,7 +420,7 @@ const ye = /* @__PURE__ */ Object.freeze({
 function dr(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
-function Eo(e, t) {
+function Io(e, t) {
   const n = Tt(e);
   if (!n)
     return "0 0";
@@ -442,7 +442,7 @@ function fr(e, t) {
   } = t;
   return n - r;
 }
-function Io(e, t) {
+function Oo(e, t) {
   let {
     data: {
       value: n
@@ -487,7 +487,7 @@ function Ln(e, t, n) {
     y: n + e.height * 0.5
   };
 }
-const Oo = (e) => {
+const Ao = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -510,7 +510,7 @@ const Oo = (e) => {
     }
   }
   return i.sort(fr);
-}, Ao = (e) => {
+}, To = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -534,7 +534,7 @@ const Oo = (e) => {
   }
   return i.sort(fr);
 };
-function To(e, t) {
+function No(e, t) {
   const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height), s = o - r, a = i - n;
   if (r < o && n < i) {
     const c = t.width * t.height, l = e.width * e.height, u = s * a, d = u / (c + l - u);
@@ -542,7 +542,7 @@ function To(e, t) {
   }
   return 0;
 }
-const No = (e) => {
+const Mo = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -554,7 +554,7 @@ const No = (e) => {
       id: s
     } = i, a = n.get(s);
     if (a) {
-      const c = To(a, t);
+      const c = No(a, t);
       c > 0 && o.push({
         id: s,
         data: {
@@ -564,9 +564,9 @@ const No = (e) => {
       });
     }
   }
-  return o.sort(Io);
+  return o.sort(Oo);
 };
-function Mo(e, t, n) {
+function _o(e, t, n) {
   return {
     ...e,
     scaleX: t && n ? t.width / n.width : 1,
@@ -579,7 +579,7 @@ function hr(e, t) {
     y: e.top - t.top
   } : ye;
 }
-function _o(e) {
+function Lo(e) {
   return function(n) {
     for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
       o[i - 1] = arguments[i];
@@ -594,7 +594,7 @@ function _o(e) {
     });
   };
 }
-const Lo = /* @__PURE__ */ _o(1);
+const ko = /* @__PURE__ */ Lo(1);
 function pr(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
@@ -615,7 +615,7 @@ function pr(e) {
   }
   return null;
 }
-function ko(e, t, n) {
+function Po(e, t, n) {
   const r = pr(t);
   if (!r)
     return e;
@@ -634,18 +634,18 @@ function ko(e, t, n) {
     left: c
   };
 }
-const Po = {
+const $o = {
   ignoreTransform: !1
 };
 function Ge(e, t) {
-  t === void 0 && (t = Po);
+  t === void 0 && (t = $o);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: l,
       transformOrigin: u
     } = J(e).getComputedStyle(e);
-    l && (n = ko(n, l, u));
+    l && (n = Po(n, l, u));
   }
   const {
     top: r,
@@ -669,7 +669,7 @@ function kn(e) {
     ignoreTransform: !0
   });
 }
-function $o(e) {
+function Bo(e) {
   const t = e.innerWidth, n = e.innerHeight;
   return {
     top: 0,
@@ -680,10 +680,10 @@ function $o(e) {
     height: n
   };
 }
-function Bo(e, t) {
+function zo(e, t) {
   return t === void 0 && (t = J(e).getComputedStyle(e)), t.position === "fixed";
 }
-function zo(e, t) {
+function Fo(e, t) {
   t === void 0 && (t = J(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
@@ -701,7 +701,7 @@ function vn(e, t) {
     if (!gt(o) || cr(o) || n.includes(o))
       return n;
     const i = J(e).getComputedStyle(o);
-    return o !== e && zo(o, i) && n.push(o), Bo(o, i) ? n : r(o.parentNode);
+    return o !== e && Fo(o, i) && n.push(o), zo(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
@@ -709,14 +709,14 @@ function vr(e) {
   const [t] = vn(e, 1);
   return t ?? null;
 }
-function Gt(e) {
-  return !Lt || !e ? null : qe(e) ? e : hn(e) ? pn(e) || e === Ye(e).scrollingElement ? window : gt(e) ? e : null : null;
+function Zt(e) {
+  return !Lt || !e ? null : Ye(e) ? e : hn(e) ? pn(e) || e === Ze(e).scrollingElement ? window : gt(e) ? e : null : null;
 }
 function br(e) {
-  return qe(e) ? e.scrollX : e.scrollLeft;
+  return Ye(e) ? e.scrollX : e.scrollLeft;
 }
 function mr(e) {
-  return qe(e) ? e.scrollY : e.scrollTop;
+  return Ye(e) ? e.scrollY : e.scrollTop;
 }
 function sn(e) {
   return {
@@ -754,18 +754,18 @@ function wr(e) {
     minScroll: t
   };
 }
-const Fo = {
+const jo = {
   x: 0.2,
   y: 0.2
 };
-function jo(e, t, n, r, o) {
+function Ho(e, t, n, r, o) {
   let {
     top: i,
     left: s,
     right: a,
     bottom: c
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = Fo);
+  r === void 0 && (r = 10), o === void 0 && (o = jo);
   const {
     isTop: l,
     isBottom: u,
@@ -816,16 +816,16 @@ function Vo(e) {
     height: e.clientHeight
   };
 }
-function Sr(e) {
-  return e.reduce((t, n) => Ve(t, sn(n)), ye);
+function xr(e) {
+  return e.reduce((t, n) => He(t, sn(n)), ye);
 }
-function Ho(e) {
+function Uo(e) {
   return e.reduce((t, n) => t + br(n), 0);
 }
-function Uo(e) {
+function Ko(e) {
   return e.reduce((t, n) => t + mr(n), 0);
 }
-function xr(e, t) {
+function Sr(e, t) {
   if (t === void 0 && (t = Ge), !e)
     return;
   const {
@@ -839,15 +839,15 @@ function xr(e, t) {
     inline: "center"
   });
 }
-const Ko = [["x", ["left", "right"], Ho], ["y", ["top", "bottom"], Uo]];
+const Xo = [["x", ["left", "right"], Uo], ["y", ["top", "bottom"], Ko]];
 class bn {
   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 = vn(n), o = Sr(r);
+    const r = vn(n), o = xr(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
-    for (const [i, s, a] of Ko)
+    for (const [i, s, a] of Xo)
       for (const c of s)
         Object.defineProperty(this, c, {
           get: () => {
@@ -861,7 +861,7 @@ class bn {
     });
   }
 }
-class nt {
+class rt {
   constructor(t) {
     this.target = void 0, this.listeners = [], this.removeAll = () => {
       this.listeners.forEach((n) => {
@@ -875,13 +875,13 @@ class nt {
     (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function Xo(e) {
+function qo(e) {
   const {
     EventTarget: t
   } = J(e);
-  return e instanceof t ? e : Ye(e);
+  return e instanceof t ? e : Ze(e);
 }
-function Zt(e, t) {
+function Gt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
   return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
 }
@@ -892,7 +892,7 @@ var ue;
 function Pn(e) {
   e.preventDefault();
 }
-function qo(e) {
+function Yo(e) {
   e.stopPropagation();
 }
 var E;
@@ -903,7 +903,7 @@ const Cr = {
   start: [E.Space, E.Enter],
   cancel: [E.Esc],
   end: [E.Space, E.Enter, E.Tab]
-}, Yo = (e, t) => {
+}, Zo = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
@@ -938,7 +938,7 @@ class mn {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new nt(Ye(n)), this.windowListeners = new nt(J(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new rt(Ze(n)), this.windowListeners = new rt(J(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(ue.Resize, this.handleCancel), this.windowListeners.add(ue.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(ue.Keydown, this.handleKeyDown));
@@ -948,7 +948,7 @@ class mn {
       activeNode: t,
       onStart: n
     } = this.props, r = t.node.current;
-    r && xr(r), n(ye);
+    r && Sr(r), n(ye);
   }
   handleKeyDown(t) {
     if (Pt(t)) {
@@ -958,7 +958,7 @@ class mn {
         options: o
       } = this.props, {
         keyboardCodes: i = Cr,
-        coordinateGetter: s = Yo,
+        coordinateGetter: s = Zo,
         scrollBehavior: a = "smooth"
       } = o, {
         code: c
@@ -994,14 +994,14 @@ class mn {
           const p = t.code, {
             isTop: y,
             isRight: m,
-            isLeft: x,
+            isLeft: S,
             isBottom: D,
             maxScroll: C,
             minScroll: w
           } = wr(g), v = Vo(g), I = {
             x: Math.min(p === E.Right ? v.right - v.width / 2 : v.right, Math.max(p === E.Right ? v.left : v.left + v.width / 2, d.x)),
             y: Math.min(p === E.Down ? v.bottom - v.height / 2 : v.bottom, Math.max(p === E.Down ? v.top : v.top + v.height / 2, d.y))
-          }, _ = p === E.Right && !m || p === E.Left && !x, z = p === E.Down && !D || p === E.Up && !y;
+          }, _ = p === E.Right && !m || p === E.Left && !S, F = p === E.Down && !D || p === E.Up && !y;
           if (_ && I.x !== d.x) {
             const A = g.scrollLeft + h.x, ne = p === E.Right && A <= C.x || p === E.Left && A >= w.x;
             if (ne && !h.y) {
@@ -1016,7 +1016,7 @@ class mn {
               behavior: a
             });
             break;
-          } else if (z && I.y !== d.y) {
+          } else if (F && I.y !== d.y) {
             const A = g.scrollTop + h.y, ne = p === E.Down && A <= C.y || p === E.Up && A >= w.y;
             if (ne && !h.x) {
               g.scrollTo({
@@ -1032,7 +1032,7 @@ class mn {
             break;
           }
         }
-        this.handleMove(t, Ve(At(d, this.referenceCoordinates), f));
+        this.handleMove(t, He(At(d, this.referenceCoordinates), f));
       }
     }
   }
@@ -1088,13 +1088,13 @@ function Bn(e) {
 class yn {
   constructor(t, n, r) {
     var o;
-    r === void 0 && (r = Xo(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 = qo(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 = Ye(s), this.documentListeners = new nt(this.document), this.listeners = new nt(r), this.windowListeners = new nt(J(s)), this.initialCoordinates = (o = Tt(i)) != null ? o : ye, 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 = Ze(s), this.documentListeners = new rt(this.document), this.listeners = new rt(r), this.windowListeners = new rt(J(s)), this.initialCoordinates = (o = Tt(i)) != null ? o : ye, 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 {
@@ -1142,7 +1142,7 @@ class yn {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(ue.Click, qo, {
+    t && (this.activated = !0, this.documentListeners.add(ue.Click, Yo, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(ue.SelectionChange, this.removeTextSelection), n(t));
   }
@@ -1163,12 +1163,12 @@ class yn {
     const c = (n = Tt(t)) != null ? n : ye, l = At(o, c);
     if (!r && a) {
       if ($n(a)) {
-        if (a.tolerance != null && Zt(l, a.tolerance))
+        if (a.tolerance != null && Gt(l, a.tolerance))
           return this.handleCancel();
-        if (Zt(l, a.distance))
+        if (Gt(l, a.distance))
           return this.handleStart();
       }
-      if (Bn(a) && Zt(l, a.tolerance))
+      if (Bn(a) && Gt(l, a.tolerance))
         return this.handleCancel();
       this.handlePending(a, l);
       return;
@@ -1212,7 +1212,7 @@ class wn extends yn {
   constructor(t) {
     const {
       event: n
-    } = t, r = Ye(n.target);
+    } = t, r = Ze(n.target);
     super(t, Go, r);
   }
 }
@@ -1229,7 +1229,7 @@ wn.activators = [{
     }), !0);
   }
 }];
-const Zo = {
+const Wo = {
   move: {
     name: "mousemove"
   },
@@ -1241,12 +1241,12 @@ var an;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
 })(an || (an = {}));
-class Wo extends yn {
+class Jo extends yn {
   constructor(t) {
-    super(t, Zo, Ye(t.event.target));
+    super(t, Wo, Ze(t.event.target));
   }
 }
-Wo.activators = [{
+Jo.activators = [{
   eventName: "onMouseDown",
   handler: (e, t) => {
     let {
@@ -1270,7 +1270,7 @@ const Wt = {
     name: "touchend"
   }
 };
-class Jo extends yn {
+class Qo extends yn {
   constructor(t) {
     super(t, Wt);
   }
@@ -1285,7 +1285,7 @@ class Jo extends yn {
     }
   }
 }
-Jo.activators = [{
+Qo.activators = [{
   eventName: "onTouchStart",
   handler: (e, t) => {
     let {
@@ -1301,18 +1301,18 @@ Jo.activators = [{
     }), !0);
   }
 }];
-var rt;
+var ot;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(rt || (rt = {}));
+})(ot || (ot = {}));
 var Mt;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 })(Mt || (Mt = {}));
-function Qo(e) {
+function ei(e) {
   let {
     acceleration: t,
-    activator: n = rt.Pointer,
+    activator: n = ot.Pointer,
     canScroll: r,
     draggingRect: o,
     enabled: i,
@@ -1324,34 +1324,34 @@ function Qo(e) {
     delta: d,
     threshold: h
   } = e;
-  const f = ti({
+  const f = ni({
     delta: d,
     disabled: !i
-  }), [b, g] = fo(), p = k({
+  }), [b, g] = go(), p = k({
     x: 0,
     y: 0
   }), y = k({
     x: 0,
     y: 0
-  }), m = N(() => {
+  }), m = M(() => {
     switch (n) {
-      case rt.Pointer:
+      case ot.Pointer:
         return c ? {
           top: c.y,
           bottom: c.y,
           left: c.x,
           right: c.x
         } : null;
-      case rt.DraggableRect:
+      case ot.DraggableRect:
         return o;
     }
-  }, [n, o, c]), x = k(null), D = $(() => {
-    const w = x.current;
+  }, [n, o, c]), S = k(null), D = $(() => {
+    const w = S.current;
     if (!w)
       return;
     const v = p.current.x * y.current.x, I = p.current.y * y.current.y;
     w.scrollBy(v, I);
-  }, []), C = N(() => a === Mt.TreeOrder ? [...l].reverse() : l, [a, l]);
+  }, []), C = M(() => a === Mt.TreeOrder ? [...l].reverse() : l, [a, l]);
   L(
     () => {
       if (!i || !l.length || !m) {
@@ -1366,12 +1366,12 @@ function Qo(e) {
           continue;
         const {
           direction: _,
-          speed: z
-        } = jo(w, I, m, t, h);
+          speed: F
+        } = Ho(w, I, m, t, h);
         for (const A of ["x", "y"])
-          f[A][_[A]] || (z[A] = 0, _[A] = 0);
-        if (z.x > 0 || z.y > 0) {
-          g(), x.current = w, b(D, s), p.current = z, y.current = _;
+          f[A][_[A]] || (F[A] = 0, _[A] = 0);
+        if (F.x > 0 || F.y > 0) {
+          g(), S.current = w, b(D, s), p.current = F, y.current = _;
           return;
         }
       }
@@ -1404,7 +1404,7 @@ function Qo(e) {
     ]
   );
 }
-const ei = {
+const ti = {
   x: {
     [X.Backward]: !1,
     [X.Forward]: !1
@@ -1414,7 +1414,7 @@ const ei = {
     [X.Forward]: !1
   }
 };
-function ti(e) {
+function ni(e) {
   let {
     delta: t,
     disabled: n
@@ -1422,7 +1422,7 @@ function ti(e) {
   const r = Ot(t);
   return ht((o) => {
     if (n || !r || !o)
-      return ei;
+      return ti;
     const i = {
       x: Math.sign(t.x - r.x),
       y: Math.sign(t.y - r.y)
@@ -1439,15 +1439,15 @@ function ti(e) {
     };
   }, [n, t, r]);
 }
-function ni(e, t) {
+function ri(e, t) {
   const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
   return ht((o) => {
     var i;
     return t == null ? null : (i = r ?? o) != null ? i : null;
   }, [r, t]);
 }
-function ri(e, t) {
-  return N(() => e.reduce((n, r) => {
+function oi(e, t) {
+  return M(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((s) => ({
@@ -1457,16 +1457,16 @@ function ri(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var He;
+var Ve;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(He || (He = {}));
+})(Ve || (Ve = {}));
 var cn;
 (function(e) {
   e.Optimized = "optimized";
 })(cn || (cn = {}));
 const zn = /* @__PURE__ */ new Map();
-function oi(e, t) {
+function ii(e, t) {
   let {
     dragging: n,
     dependencies: r,
@@ -1476,22 +1476,22 @@ function oi(e, t) {
     frequency: a,
     measure: c,
     strategy: l
-  } = o, u = k(e), d = p(), h = ct(d), f = $(function(y) {
-    y === void 0 && (y = []), !h.current && s((m) => m === null ? y : m.concat(y.filter((x) => !m.includes(x))));
+  } = o, u = k(e), d = p(), h = lt(d), f = $(function(y) {
+    y === void 0 && (y = []), !h.current && s((m) => m === null ? y : m.concat(y.filter((S) => !m.includes(S))));
   }, [h]), b = k(null), g = ht((y) => {
     if (d && !n)
       return zn;
     if (!y || y === zn || u.current !== e || i != null) {
       const m = /* @__PURE__ */ new Map();
-      for (let x of e) {
-        if (!x)
+      for (let S of e) {
+        if (!S)
           continue;
-        if (i && i.length > 0 && !i.includes(x.id) && x.rect.current) {
-          m.set(x.id, x.rect.current);
+        if (i && i.length > 0 && !i.includes(S.id) && S.rect.current) {
+          m.set(S.id, S.rect.current);
           continue;
         }
-        const D = x.node.current, C = D ? new bn(c(D), D) : null;
-        x.rect.current = C, C && m.set(x.id, C);
+        const D = S.node.current, C = D ? new bn(c(D), D) : null;
+        S.rect.current = C, C && m.set(S.id, C);
       }
       return m;
     }
@@ -1526,27 +1526,27 @@ function oi(e, t) {
   };
   function p() {
     switch (l) {
-      case He.Always:
+      case Ve.Always:
         return !1;
-      case He.BeforeDragging:
+      case Ve.BeforeDragging:
         return n;
       default:
         return !n;
     }
   }
 }
-function Sn(e, t) {
+function xn(e, t) {
   return ht((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function ii(e, t) {
-  return Sn(e, t);
+function si(e, t) {
+  return xn(e, t);
 }
-function si(e) {
+function ai(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = N(() => {
+  const r = kt(t), o = M(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1561,7 +1561,7 @@ function $t(e) {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = N(
+  const r = kt(t), o = M(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1575,11 +1575,11 @@ function $t(e) {
   );
   return L(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
-function ai(e) {
+function ci(e) {
   return new bn(Ge(e), e);
 }
 function Fn(e, t, n) {
-  t === void 0 && (t = ai);
+  t === void 0 && (t = ci);
   const [r, o] = U(null);
   function i() {
     o((c) => {
@@ -1593,7 +1593,7 @@ function Fn(e, t, n) {
       return JSON.stringify(c) === JSON.stringify(u) ? c : u;
     });
   }
-  const s = si({
+  const s = ai({
     callback(c) {
       if (e)
         for (const l of c) {
@@ -1617,20 +1617,20 @@ function Fn(e, t, n) {
     })) : (a == null || a.disconnect(), s == null || s.disconnect());
   }, [e]), r;
 }
-function ci(e) {
-  const t = Sn(e);
+function li(e) {
+  const t = xn(e);
   return hr(e, t);
 }
 const jn = [];
-function li(e) {
+function ui(e) {
   const t = k(e), n = ht((r) => e ? r && r !== jn && e && t.current && e.parentNode === t.current.parentNode ? r : vn(e) : jn, [e]);
   return L(() => {
     t.current = e;
   }, [e]), n;
 }
-function ui(e) {
+function di(e) {
   const [t, n] = U(null), r = k(e), o = $((i) => {
-    const s = Gt(i.target);
+    const s = Zt(i.target);
     s && n((a) => a ? (a.set(s, sn(s)), new Map(a)) : null);
   }, []);
   return L(() => {
@@ -1638,7 +1638,7 @@ function ui(e) {
     if (e !== i) {
       s(i);
       const a = e.map((c) => {
-        const l = Gt(c);
+        const l = Zt(c);
         return l ? (l.addEventListener("scroll", o, {
           passive: !0
         }), [l, sn(l)]) : null;
@@ -1650,13 +1650,13 @@ function ui(e) {
     };
     function s(a) {
       a.forEach((c) => {
-        const l = Gt(c);
+        const l = Zt(c);
         l == null || l.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), N(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Ve(i, s), ye) : Sr(e) : ye, [e, t]);
+  }, [o, e]), M(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => He(i, s), ye) : xr(e) : ye, [e, t]);
 }
-function Vn(e, t) {
+function Hn(e, t) {
   t === void 0 && (t = []);
   const n = k(null);
   return L(
@@ -1670,7 +1670,7 @@ function Vn(e, t) {
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? At(e, n.current) : ye;
 }
-function di(e) {
+function fi(e) {
   L(
     () => {
       if (!Lt)
@@ -1696,8 +1696,8 @@ function di(e) {
     })
   );
 }
-function fi(e, t) {
-  return N(() => e.reduce((n, r) => {
+function gi(e, t) {
+  return M(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -1708,14 +1708,14 @@ function fi(e, t) {
   }, {}), [e, t]);
 }
 function Dr(e) {
-  return N(() => e ? $o(e) : null, [e]);
+  return M(() => e ? Bo(e) : null, [e]);
 }
-const Hn = [];
-function gi(e, t) {
+const Vn = [];
+function hi(e, t) {
   t === void 0 && (t = Ge);
-  const [n] = e, r = Dr(n ? J(n) : null), [o, i] = U(Hn);
+  const [n] = e, r = Dr(n ? J(n) : null), [o, i] = U(Vn);
   function s() {
-    i(() => e.length ? e.map((c) => yr(c) ? r : new bn(t(c), c)) : Hn);
+    i(() => e.length ? e.map((c) => yr(c) ? r : new bn(t(c), c)) : Vn);
   }
   const a = $t({
     callback: s
@@ -1732,7 +1732,7 @@ function Rr(e) {
   const t = e.children[0];
   return gt(t) ? t : e;
 }
-function hi(e) {
+function pi(e) {
   let {
     measure: t
   } = e;
@@ -1757,34 +1757,34 @@ function hi(e) {
     const u = Rr(l);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, c] = It(s);
-  return N(() => ({
+  return M(() => ({
     nodeRef: a,
     rect: n,
     setRef: c
   }), [n, a, c]);
 }
-const pi = [{
+const vi = [{
   sensor: wn,
   options: {}
 }, {
   sensor: mn,
   options: {}
-}], vi = {
+}], bi = {
   current: {}
-}, xt = {
+}, St = {
   draggable: {
     measure: kn
   },
   droppable: {
     measure: kn,
-    strategy: He.WhileDragging,
+    strategy: Ve.WhileDragging,
     frequency: cn.Optimized
   },
   dragOverlay: {
     measure: Ge
   }
 };
-class ot extends Map {
+class it extends Map {
   get(t) {
     var n;
     return t != null && (n = super.get(t)) != null ? n : void 0;
@@ -1805,7 +1805,7 @@ class ot extends Map {
     return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
   }
 }
-const bi = {
+const mi = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -1814,7 +1814,7 @@ const bi = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new ot(),
+  droppableContainers: /* @__PURE__ */ new it(),
   over: null,
   dragOverlay: {
     nodeRef: {
@@ -1825,7 +1825,7 @@ const bi = {
   },
   scrollableAncestors: [],
   scrollableAncestorRects: [],
-  measuringConfiguration: xt,
+  measuringConfiguration: St,
   measureDroppableContainers: Nt,
   windowRect: null,
   measuringScheduled: !1
@@ -1841,8 +1841,8 @@ const bi = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: Nt
-}, vt = /* @__PURE__ */ ft(Er), Ir = /* @__PURE__ */ ft(bi);
-function mi() {
+}, vt = /* @__PURE__ */ qe(Er), Ir = /* @__PURE__ */ qe(mi);
+function yi() {
   return {
     draggable: {
       active: null,
@@ -1857,11 +1857,11 @@ function mi() {
       }
     },
     droppable: {
-      containers: new ot()
+      containers: new it()
     }
   };
 }
-function yi(e, t) {
+function wi(e, t) {
   switch (t.type) {
     case K.DragStart:
       return {
@@ -1905,7 +1905,7 @@ function yi(e, t) {
         element: n
       } = t, {
         id: r
-      } = n, o = new ot(e.droppable.containers);
+      } = n, o = new it(e.droppable.containers);
       return o.set(r, n), {
         ...e,
         droppable: {
@@ -1922,7 +1922,7 @@ function yi(e, t) {
       } = t, i = e.droppable.containers.get(n);
       if (!i || r !== i.key)
         return e;
-      const s = new ot(e.droppable.containers);
+      const s = new it(e.droppable.containers);
       return s.set(n, {
         ...i,
         disabled: o
@@ -1941,7 +1941,7 @@ function yi(e, t) {
       } = t, o = e.droppable.containers.get(n);
       if (!o || r !== o.key)
         return e;
-      const i = new ot(e.droppable.containers);
+      const i = new it(e.droppable.containers);
       return i.delete(n), {
         ...e,
         droppable: {
@@ -1954,7 +1954,7 @@ function yi(e, t) {
       return e;
   }
 }
-function wi(e) {
+function xi(e) {
   let {
     disabled: t
   } = e;
@@ -1980,7 +1980,7 @@ function wi(e) {
         for (const u of [c.current, l.current]) {
           if (!u)
             continue;
-          const d = po(u);
+          const d = vo(u);
           if (d) {
             d.focus();
             break;
@@ -2001,18 +2001,18 @@ function Or(e, t) {
   }), n) : n;
 }
 function Si(e) {
-  return N(
+  return M(
     () => ({
       draggable: {
-        ...xt.draggable,
+        ...St.draggable,
         ...e == null ? void 0 : e.draggable
       },
       droppable: {
-        ...xt.droppable,
+        ...St.droppable,
         ...e == null ? void 0 : e.droppable
       },
       dragOverlay: {
-        ...xt.dragOverlay,
+        ...St.dragOverlay,
         ...e == null ? void 0 : e.dragOverlay
       }
     }),
@@ -2020,7 +2020,7 @@ function Si(e) {
     [e == null ? void 0 : e.draggable, e == null ? void 0 : e.droppable, e == null ? void 0 : e.dragOverlay]
   );
 }
-function xi(e) {
+function Ci(e) {
   let {
     activeNode: t,
     measure: n,
@@ -2054,7 +2054,7 @@ function xi(e) {
     }
   }, [t, s, a, r, n]);
 }
-const Bt = /* @__PURE__ */ ft({
+const Bt = /* @__PURE__ */ qe({
   ...ye,
   scaleX: 1,
   scaleY: 1
@@ -2063,71 +2063,71 @@ var Me;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
 })(Me || (Me = {}));
-const Ci = /* @__PURE__ */ gn(function(t) {
+const Di = /* @__PURE__ */ gn(function(t) {
   var n, r, o, i;
   let {
     id: s,
     accessibility: a,
     autoScroll: c = !0,
     children: l,
-    sensors: u = pi,
-    collisionDetection: d = No,
+    sensors: u = vi,
+    collisionDetection: d = Mo,
     measuring: h,
     modifiers: f,
     ...b
   } = t;
-  const g = co(yi, void 0, mi), [p, y] = g, [m, x] = So(), [D, C] = U(Me.Uninitialized), w = D === Me.Initialized, {
+  const g = lo(wi, void 0, yi), [p, y] = g, [m, S] = So(), [D, C] = U(Me.Uninitialized), w = D === Me.Initialized, {
     draggable: {
       active: v,
       nodes: I,
       translate: _
     },
     droppable: {
-      containers: z
+      containers: F
     }
   } = p, A = v != null ? I.get(v) : null, ne = k({
     initial: null,
     translated: null
-  }), re = N(() => {
-    var G;
+  }), re = M(() => {
+    var Z;
     return v != null ? {
       id: v,
       // It's possible for the active node to unmount while dragging
-      data: (G = A == null ? void 0 : A.data) != null ? G : vi,
+      data: (Z = A == null ? void 0 : A.data) != null ? Z : bi,
       rect: ne
     } : null;
-  }, [v, A]), ce = k(null), [we, Pe] = U(null), [W, $e] = U(null), fe = ct(b, Object.values(b)), De = pt("DndDescribedBy", s), We = N(() => z.getEnabled(), [z]), S = Si(h), {
+  }, [v, A]), ce = k(null), [we, Pe] = U(null), [W, $e] = U(null), fe = lt(b, Object.values(b)), De = pt("DndDescribedBy", s), Je = M(() => F.getEnabled(), [F]), x = Si(h), {
     droppableRects: R,
     measureDroppableContainers: B,
     measuringScheduled: P
-  } = oi(We, {
+  } = ii(Je, {
     dragging: w,
     dependencies: [_.x, _.y],
-    config: S.droppable
-  }), T = ni(I, v), Q = N(() => W ? Tt(W) : null, [W]), H = so(), Y = ii(T, S.draggable.measure);
-  xi({
+    config: x.droppable
+  }), N = ri(I, v), Q = M(() => W ? Tt(W) : null, [W]), V = ao(), Y = si(N, x.draggable.measure);
+  Ci({
     activeNode: v != null ? I.get(v) : null,
-    config: H.layoutShiftCompensation,
+    config: V.layoutShiftCompensation,
     initialRect: Y,
-    measure: S.draggable.measure
+    measure: x.draggable.measure
   });
-  const O = Fn(T, S.draggable.measure, Y), ge = Fn(T ? T.parentElement : null), ee = k({
+  const O = Fn(N, x.draggable.measure, Y), ge = Fn(N ? N.parentElement : null), ee = k({
     activatorEvent: null,
     active: null,
-    activeNode: T,
+    activeNode: N,
     collisionRect: null,
     collisions: null,
     droppableRects: R,
     draggableNodes: I,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: z,
+    droppableContainers: F,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), F = z.getNodeFor((n = ee.current.over) == null ? void 0 : n.id), he = hi({
-    measure: S.dragOverlay.measure
-  }), Ee = (r = he.nodeRef.current) != null ? r : T, Be = w ? (o = he.rect) != null ? o : O : null, Cn = !!(he.nodeRef.current && he.rect), Dn = ci(Cn ? null : O), Kt = Dr(Ee ? J(Ee) : null), Ie = li(w ? F ?? T : null), bt = gi(Ie), mt = Or(f, {
+  }), j = F.getNodeFor((n = ee.current.over) == null ? void 0 : n.id), he = pi({
+    measure: x.dragOverlay.measure
+  }), Ee = (r = he.nodeRef.current) != null ? r : N, Be = w ? (o = he.rect) != null ? o : O : null, Cn = !!(he.nodeRef.current && he.rect), Dn = li(Cn ? null : O), Kt = Dr(Ee ? J(Ee) : null), Ie = ui(w ? j ?? N : null), bt = hi(Ie), mt = Or(f, {
     transform: {
       x: _.x - Dn.x,
       y: _.y - Dn.y,
@@ -2144,14 +2144,14 @@ const Ci = /* @__PURE__ */ gn(function(t) {
     scrollableAncestors: Ie,
     scrollableAncestorRects: bt,
     windowRect: Kt
-  }), Rn = Q ? Ve(Q, _) : null, En = ui(Ie), Qr = Vn(En), eo = Vn(En, [O]), ze = Ve(mt, Qr), Fe = Be ? Lo(Be, mt) : null, Je = re && Fe ? d({
+  }), Rn = Q ? He(Q, _) : null, En = di(Ie), eo = Hn(En), to = Hn(En, [O]), ze = He(mt, eo), Fe = Be ? ko(Be, mt) : null, Qe = re && Fe ? d({
     active: re,
     collisionRect: Fe,
     droppableRects: R,
-    droppableContainers: We,
+    droppableContainers: Je,
     pointerCoordinates: Rn
-  }) : null, In = gr(Je, "id"), [Oe, On] = U(null), to = Cn ? mt : Ve(mt, eo), no = Mo(to, (i = Oe == null ? void 0 : Oe.rect) != null ? i : null, O), Xt = k(null), An = $(
-    (G, oe) => {
+  }) : null, In = gr(Qe, "id"), [Oe, On] = U(null), no = Cn ? mt : He(mt, to), ro = _o(no, (i = Oe == null ? void 0 : Oe.rect) != null ? i : null, O), Xt = k(null), An = $(
+    (Z, oe) => {
       let {
         sensor: ie,
         options: Ae
@@ -2161,7 +2161,7 @@ const Ci = /* @__PURE__ */ gn(function(t) {
       const le = I.get(ce.current);
       if (!le)
         return;
-      const se = G.nativeEvent, Se = new ie({
+      const se = Z.nativeEvent, xe = new ie({
         active: ce.current,
         activeNode: le,
         event: se,
@@ -2173,27 +2173,27 @@ const Ci = /* @__PURE__ */ gn(function(t) {
           if (!I.get(q))
             return;
           const {
-            onDragAbort: xe
+            onDragAbort: Se
           } = fe.current, Re = {
             id: q
           };
-          xe == null || xe(Re), m({
+          Se == null || Se(Re), m({
             type: "onDragAbort",
             event: Re
           });
         },
-        onPending(q, Te, xe, Re) {
+        onPending(q, Te, Se, Re) {
           if (!I.get(q))
             return;
           const {
-            onDragPending: et
+            onDragPending: tt
           } = fe.current, Ne = {
             id: q,
             constraint: Te,
-            initialCoordinates: xe,
+            initialCoordinates: Se,
             offset: Re
           };
-          et == null || et(Ne), m({
+          tt == null || tt(Ne), m({
             type: "onDragPending",
             event: Ne
           });
@@ -2202,27 +2202,27 @@ const Ci = /* @__PURE__ */ gn(function(t) {
           const Te = ce.current;
           if (Te == null)
             return;
-          const xe = I.get(Te);
-          if (!xe)
+          const Se = I.get(Te);
+          if (!Se)
             return;
           const {
             onDragStart: Re
-          } = fe.current, Qe = {
+          } = fe.current, et = {
             activatorEvent: se,
             active: {
               id: Te,
-              data: xe.data,
+              data: Se.data,
               rect: ne
             }
           };
           yt(() => {
-            Re == null || Re(Qe), C(Me.Initializing), y({
+            Re == null || Re(et), C(Me.Initializing), y({
               type: K.DragStart,
               initialCoordinates: q,
               active: Te
             }), m({
               type: "onDragStart",
-              event: Qe
+              event: et
             }), Pe(Xt.current), $e(se);
           });
         },
@@ -2235,37 +2235,37 @@ const Ci = /* @__PURE__ */ gn(function(t) {
         onEnd: je(K.DragEnd),
         onCancel: je(K.DragCancel)
       });
-      Xt.current = Se;
+      Xt.current = xe;
       function je(q) {
         return async function() {
           const {
-            active: xe,
+            active: Se,
             collisions: Re,
-            over: Qe,
-            scrollAdjustedTranslate: et
+            over: et,
+            scrollAdjustedTranslate: tt
           } = ee.current;
           let Ne = null;
-          if (xe && et) {
+          if (Se && tt) {
             const {
-              cancelDrop: tt
+              cancelDrop: nt
             } = fe.current;
             Ne = {
               activatorEvent: se,
-              active: xe,
+              active: Se,
               collisions: Re,
-              delta: et,
-              over: Qe
-            }, q === K.DragEnd && typeof tt == "function" && await Promise.resolve(tt(Ne)) && (q = K.DragCancel);
+              delta: tt,
+              over: et
+            }, q === K.DragEnd && typeof nt == "function" && await Promise.resolve(nt(Ne)) && (q = K.DragCancel);
           }
           ce.current = null, yt(() => {
             y({
               type: q
             }), C(Me.Uninitialized), On(null), Pe(null), $e(null), Xt.current = null;
-            const tt = q === K.DragEnd ? "onDragEnd" : "onDragCancel";
+            const nt = q === K.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Ne) {
-              const qt = fe.current[tt];
+              const qt = fe.current[nt];
               qt == null || qt(Ne), m({
-                type: tt,
+                type: nt,
                 event: Ne
               });
             }
@@ -2275,7 +2275,7 @@ const Ci = /* @__PURE__ */ gn(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [I]
-  ), ro = $((G, oe) => (ie, Ae) => {
+  ), oo = $((Z, oe) => (ie, Ae) => {
     const le = ie.nativeEvent, se = I.get(Ae);
     if (
       // Another sensor is already instantiating
@@ -2284,19 +2284,19 @@ const Ci = /* @__PURE__ */ gn(function(t) {
       le.dndKit || le.defaultPrevented
     )
       return;
-    const Se = {
+    const xe = {
       active: se
     };
-    G(ie, oe.options, Se) === !0 && (le.dndKit = {
+    Z(ie, oe.options, xe) === !0 && (le.dndKit = {
       capturedBy: oe.sensor
     }, ce.current = Ae, An(ie, oe));
-  }, [I, An]), Tn = ri(u, ro);
-  di(u), me(() => {
+  }, [I, An]), Tn = oi(u, oo);
+  fi(u), me(() => {
     O && D === Me.Initializing && C(Me.Initialized);
   }, [O, D]), L(
     () => {
       const {
-        onDragMove: G
+        onDragMove: Z
       } = fe.current, {
         active: oe,
         activatorEvent: ie,
@@ -2316,7 +2316,7 @@ const Ci = /* @__PURE__ */ gn(function(t) {
         over: le
       };
       yt(() => {
-        G == null || G(se), m({
+        Z == null || Z(se), m({
           type: "onDragMove",
           event: se
         });
@@ -2327,23 +2327,23 @@ const Ci = /* @__PURE__ */ gn(function(t) {
   ), L(
     () => {
       const {
-        active: G,
+        active: Z,
         activatorEvent: oe,
         collisions: ie,
         droppableContainers: Ae,
         scrollAdjustedTranslate: le
       } = ee.current;
-      if (!G || ce.current == null || !oe || !le)
+      if (!Z || ce.current == null || !oe || !le)
         return;
       const {
         onDragOver: se
-      } = fe.current, Se = Ae.get(In), je = Se && Se.rect.current ? {
-        id: Se.id,
-        rect: Se.rect.current,
-        data: Se.data,
-        disabled: Se.disabled
+      } = fe.current, xe = Ae.get(In), je = xe && xe.rect.current ? {
+        id: xe.id,
+        rect: xe.rect.current,
+        data: xe.data,
+        disabled: xe.disabled
       } : null, q = {
-        active: G,
+        active: Z,
         activatorEvent: oe,
         collisions: ie,
         delta: {
@@ -2365,14 +2365,14 @@ const Ci = /* @__PURE__ */ gn(function(t) {
     ee.current = {
       activatorEvent: W,
       active: re,
-      activeNode: T,
+      activeNode: N,
       collisionRect: Fe,
-      collisions: Je,
+      collisions: Qe,
       droppableRects: R,
       draggableNodes: I,
       draggingNode: Ee,
       draggingNodeRect: Be,
-      droppableContainers: z,
+      droppableContainers: F,
       over: Oe,
       scrollableAncestors: Ie,
       scrollAdjustedTranslate: ze
@@ -2380,33 +2380,33 @@ const Ci = /* @__PURE__ */ gn(function(t) {
       initial: Be,
       translated: Fe
     };
-  }, [re, T, Je, Fe, I, Ee, Be, R, z, Oe, Ie, ze]), Qo({
-    ...H,
+  }, [re, N, Qe, Fe, I, Ee, Be, R, F, Oe, Ie, ze]), ei({
+    ...V,
     delta: _,
     draggingRect: Fe,
     pointerCoordinates: Rn,
     scrollableAncestors: Ie,
     scrollableAncestorRects: bt
   });
-  const oo = N(() => ({
+  const io = M(() => ({
     active: re,
-    activeNode: T,
+    activeNode: N,
     activeNodeRect: O,
     activatorEvent: W,
-    collisions: Je,
+    collisions: Qe,
     containerNodeRect: ge,
     dragOverlay: he,
     draggableNodes: I,
-    droppableContainers: z,
+    droppableContainers: F,
     droppableRects: R,
     over: Oe,
     measureDroppableContainers: B,
     scrollableAncestors: Ie,
     scrollableAncestorRects: bt,
-    measuringConfiguration: S,
+    measuringConfiguration: x,
     measuringScheduled: P,
     windowRect: Kt
-  }), [re, T, O, W, Je, ge, he, I, z, R, Oe, B, Ie, bt, S, P, Kt]), io = N(() => ({
+  }), [re, N, O, W, Qe, ge, he, I, F, R, Oe, B, Ie, bt, x, P, Kt]), so = M(() => ({
     activatorEvent: W,
     activators: Tn,
     active: re,
@@ -2419,22 +2419,22 @@ const Ci = /* @__PURE__ */ gn(function(t) {
     over: Oe,
     measureDroppableContainers: B
   }), [W, Tn, re, O, y, De, I, Oe, B]);
-  return j.createElement(ur.Provider, {
-    value: x
-  }, j.createElement(vt.Provider, {
+  return z.createElement(ur.Provider, {
+    value: S
+  }, z.createElement(vt.Provider, {
+    value: so
+  }, z.createElement(Ir.Provider, {
     value: io
-  }, j.createElement(Ir.Provider, {
-    value: oo
-  }, j.createElement(Bt.Provider, {
-    value: no
-  }, l)), j.createElement(wi, {
+  }, z.createElement(Bt.Provider, {
+    value: ro
+  }, l)), z.createElement(xi, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
-  })), j.createElement(Do, {
+  })), z.createElement(Ro, {
     ...a,
     hiddenTextDescribedById: De
   }));
-  function so() {
-    const G = (we == null ? void 0 : we.autoScrollEnabled) === !1, oe = typeof c == "object" ? c.enabled === !1 : c === !1, ie = w && !G && !oe;
+  function ao() {
+    const Z = (we == null ? void 0 : we.autoScrollEnabled) === !1, oe = typeof c == "object" ? c.enabled === !1 : c === !1, ie = w && !Z && !oe;
     return typeof c == "object" ? {
       ...c,
       enabled: ie
@@ -2442,15 +2442,15 @@ const Ci = /* @__PURE__ */ gn(function(t) {
       enabled: ie
     };
   }
-}), Di = /* @__PURE__ */ ft(null), Un = "button", Ri = "Draggable";
-function Ei(e) {
+}), Ri = /* @__PURE__ */ qe(null), Un = "button", Ei = "Draggable";
+function Ii(e) {
   let {
     id: t,
     data: n,
     disabled: r = !1,
     attributes: o
   } = e;
-  const i = pt(Ri), {
+  const i = pt(Ei), {
     activators: s,
     activatorEvent: a,
     active: c,
@@ -2462,7 +2462,7 @@ function Ei(e) {
     role: f = Un,
     roleDescription: b = "draggable",
     tabIndex: g = 0
-  } = o ?? {}, p = (c == null ? void 0 : c.id) === t, y = Le(p ? Bt : Di), [m, x] = It(), [D, C] = It(), w = fi(s, t), v = ct(n);
+  } = o ?? {}, p = (c == null ? void 0 : c.id) === t, y = Le(p ? Bt : Ri), [m, S] = It(), [D, C] = It(), w = gi(s, t), v = lt(n);
   me(
     () => (d.set(t, {
       id: t,
@@ -2477,7 +2477,7 @@ function Ei(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [d, t]
   );
-  const I = N(() => ({
+  const I = M(() => ({
     role: f,
     tabIndex: g,
     "aria-disabled": r,
@@ -2494,7 +2494,7 @@ function Ei(e) {
     listeners: r ? void 0 : w,
     node: m,
     over: h,
-    setNodeRef: x,
+    setNodeRef: S,
     setActivatorNodeRef: C,
     transform: y
   };
@@ -2502,17 +2502,17 @@ function Ei(e) {
 function Ar() {
   return Le(Ir);
 }
-const Ii = "Droppable", Oi = {
+const Oi = "Droppable", Ai = {
   timeout: 25
 };
-function Ai(e) {
+function Ti(e) {
   let {
     data: t,
     disabled: n = !1,
     id: r,
     resizeObserverConfig: o
   } = e;
-  const i = pt(Ii), {
+  const i = pt(Oi), {
     active: s,
     dispatch: a,
     over: c,
@@ -2524,9 +2524,9 @@ function Ai(e) {
     updateMeasurementsFor: g,
     timeout: p
   } = {
-    ...Oi,
+    ...Ai,
     ...o
-  }, y = ct(g ?? r), m = $(
+  }, y = lt(g ?? r), m = $(
     () => {
       if (!d.current) {
         d.current = !0;
@@ -2538,15 +2538,15 @@ function Ai(e) {
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [p]
-  ), x = $t({
+  ), S = $t({
     callback: m,
     disabled: b || !s
   }), D = $((I, _) => {
-    x && (_ && (x.unobserve(_), d.current = !1), I && x.observe(I));
-  }, [x]), [C, w] = It(D), v = ct(t);
+    S && (_ && (S.unobserve(_), d.current = !1), I && S.observe(I));
+  }, [S]), [C, w] = It(D), v = lt(t);
   return L(() => {
-    !x || !C.current || (x.disconnect(), d.current = !1, x.observe(C.current));
-  }, [C, x]), L(
+    !S || !C.current || (S.disconnect(), d.current = !1, S.observe(C.current));
+  }, [C, S]), L(
     () => (a({
       type: K.RegisterDroppable,
       element: {
@@ -2580,7 +2580,7 @@ function Ai(e) {
     setNodeRef: w
   };
 }
-function Ti(e) {
+function Ni(e) {
   let {
     animation: t,
     children: n
@@ -2597,30 +2597,30 @@ function Ti(e) {
     Promise.resolve(t(l, i)).then(() => {
       o(null);
     });
-  }, [t, r, i]), j.createElement(j.Fragment, null, n, r ? lo(r, {
+  }, [t, r, i]), z.createElement(z.Fragment, null, n, r ? uo(r, {
     ref: s
   }) : null);
 }
-const Ni = {
+const Mi = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function Mi(e) {
+function _i(e) {
   let {
     children: t
   } = e;
-  return j.createElement(vt.Provider, {
+  return z.createElement(vt.Provider, {
     value: Er
-  }, j.createElement(Bt.Provider, {
-    value: Ni
+  }, z.createElement(Bt.Provider, {
+    value: Mi
   }, t));
 }
-const _i = {
+const Li = {
   position: "fixed",
   touchAction: "none"
-}, Li = (e) => Pt(e) ? "transform 250ms ease" : void 0, ki = /* @__PURE__ */ _t((e, t) => {
+}, ki = (e) => Pt(e) ? "transform 250ms ease" : void 0, Pi = /* @__PURE__ */ _t((e, t) => {
   let {
     as: n,
     activatorEvent: r,
@@ -2630,7 +2630,7 @@ const _i = {
     rect: a,
     style: c,
     transform: l,
-    transition: u = Li
+    transition: u = ki
   } = e;
   if (!a)
     return null;
@@ -2639,22 +2639,22 @@ const _i = {
     scaleX: 1,
     scaleY: 1
   }, h = {
-    ..._i,
+    ...Li,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
     transform: Ce.Transform.toString(d),
-    transformOrigin: o && r ? Eo(r, a) : void 0,
+    transformOrigin: o && r ? Io(r, a) : void 0,
     transition: typeof u == "function" ? u(r) : u,
     ...c
   };
-  return j.createElement(n, {
+  return z.createElement(n, {
     className: s,
     style: h,
     ref: t
   }, i);
-}), Pi = (e) => (t) => {
+}), $i = (e) => (t) => {
   let {
     active: n,
     dragOverlay: r
@@ -2674,7 +2674,7 @@ const _i = {
       n.node.style.setProperty(c, l);
     s != null && s.active && n.node.classList.remove(s.active);
   };
-}, $i = (e) => {
+}, Bi = (e) => {
   let {
     transform: {
       initial: t,
@@ -2689,8 +2689,8 @@ const _i = {
 }, ln = {
   duration: 250,
   easing: "ease",
-  keyframes: $i,
-  sideEffects: /* @__PURE__ */ Pi({
+  keyframes: Bi,
+  sideEffects: /* @__PURE__ */ $i({
     styles: {
       active: {
         opacity: "0"
@@ -2698,7 +2698,7 @@ const _i = {
     }
   })
 };
-function Bi(e) {
+function zi(e) {
   let {
     config: t,
     draggableNodes: n,
@@ -2722,8 +2722,8 @@ function Bi(e) {
     } = J(s).getComputedStyle(s), d = pr(u);
     if (!d)
       return;
-    const h = typeof t == "function" ? t : zi(t);
-    return xr(c, o.draggable.measure), h({
+    const h = typeof t == "function" ? t : Fi(t);
+    return Sr(c, o.draggable.measure), h({
       active: {
         id: i,
         data: a.data,
@@ -2741,7 +2741,7 @@ function Bi(e) {
     });
   });
 }
-function zi(e) {
+function Fi(e) {
   const {
     duration: t,
     easing: n,
@@ -2798,13 +2798,13 @@ function zi(e) {
   };
 }
 let Kn = 0;
-function Fi(e) {
-  return N(() => {
+function ji(e) {
+  return M(() => {
     if (e != null)
       return Kn++, Kn;
   }, [e]);
 }
-const ji = /* @__PURE__ */ j.memo((e) => {
+const Hi = /* @__PURE__ */ z.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -2826,10 +2826,10 @@ const ji = /* @__PURE__ */ j.memo((e) => {
     dragOverlay: p,
     over: y,
     measuringConfiguration: m,
-    scrollableAncestors: x,
+    scrollableAncestors: S,
     scrollableAncestorRects: D,
     windowRect: C
-  } = Ar(), w = Le(Bt), v = Fi(d == null ? void 0 : d.id), I = Or(s, {
+  } = Ar(), w = Le(Bt), v = ji(d == null ? void 0 : d.id), I = Or(s, {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
@@ -2837,19 +2837,19 @@ const ji = /* @__PURE__ */ j.memo((e) => {
     draggingNodeRect: p.rect,
     over: y,
     overlayNodeRect: p.rect,
-    scrollableAncestors: x,
+    scrollableAncestors: S,
     scrollableAncestorRects: D,
     transform: w,
     windowRect: C
-  }), _ = Sn(h), z = Bi({
+  }), _ = xn(h), F = zi({
     config: r,
     draggableNodes: b,
     droppableContainers: g,
     measuringConfiguration: m
   }), A = _ ? p.setRef : void 0;
-  return j.createElement(Mi, null, j.createElement(Ti, {
-    animation: z
-  }, d && v ? j.createElement(ki, {
+  return z.createElement(_i, null, z.createElement(Ni, {
+    animation: F
+  }, d && v ? z.createElement(Pi, {
     key: v,
     id: d.id,
     ref: A,
@@ -2866,7 +2866,7 @@ const ji = /* @__PURE__ */ j.memo((e) => {
     transform: I
   }, n) : null));
 });
-function lt(e, t, n) {
+function ut(e, t, n) {
   const r = e.slice();
   return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
 }
@@ -2879,7 +2879,7 @@ function Vi(e, t) {
 function wt(e) {
   return e !== null && e >= 0;
 }
-function Hi(e, t) {
+function Ui(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
@@ -2889,7 +2889,7 @@ function Hi(e, t) {
       return !1;
   return !0;
 }
-function Ui(e) {
+function Ki(e) {
   return typeof e == "boolean" ? {
     draggable: e,
     droppable: e
@@ -2902,17 +2902,17 @@ const Tr = (e) => {
     overIndex: r,
     index: o
   } = e;
-  const i = lt(t, r, n), s = t[o], a = i[o];
+  const i = ut(t, r, n), s = t[o], a = i[o];
   return !a || !s ? null : {
     x: a.left - s.left,
     y: a.top - s.top,
     scaleX: a.width / s.width,
     scaleY: a.height / s.height
   };
-}, St = {
+}, xt = {
   scaleX: 1,
   scaleY: 1
-}, Ki = (e) => {
+}, Xi = (e) => {
   var t;
   let {
     activeIndex: n,
@@ -2929,29 +2929,29 @@ const Tr = (e) => {
     return l ? {
       x: 0,
       y: n < s ? l.top + l.height - (a.top + a.height) : l.top - a.top,
-      ...St
+      ...xt
     } : null;
   }
-  const c = Xi(i, o, n);
+  const c = qi(i, o, n);
   return o > n && o <= s ? {
     x: 0,
     y: -a.height - c,
-    ...St
+    ...xt
   } : o < n && o >= s ? {
     x: 0,
     y: a.height + c,
-    ...St
+    ...xt
   } : {
     x: 0,
     y: 0,
-    ...St
+    ...xt
   };
 };
-function Xi(e, t, n) {
+function qi(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 Nr = "Sortable", Mr = /* @__PURE__ */ j.createContext({
+const Nr = "Sortable", Mr = /* @__PURE__ */ z.createContext({
   activeIndex: -1,
   containerId: Nr,
   disableTransforms: !1,
@@ -2965,7 +2965,7 @@ const Nr = "Sortable", Mr = /* @__PURE__ */ j.createContext({
     droppable: !1
   }
 });
-function qi(e) {
+function Yi(e) {
   let {
     children: t,
     id: n,
@@ -2979,18 +2979,18 @@ function qi(e) {
     droppableRects: c,
     over: l,
     measureDroppableContainers: u
-  } = Ar(), d = pt(Nr, n), h = a.rect !== null, f = N(() => r.map((w) => typeof w == "object" && "id" in w ? w.id : w), [r]), b = s != null, g = s ? f.indexOf(s.id) : -1, p = l ? f.indexOf(l.id) : -1, y = k(f), m = !Hi(f, y.current), x = p !== -1 && g === -1 || m, D = Ui(i);
+  } = Ar(), d = pt(Nr, n), h = a.rect !== null, f = M(() => r.map((w) => typeof w == "object" && "id" in w ? w.id : w), [r]), b = s != null, g = s ? f.indexOf(s.id) : -1, p = l ? f.indexOf(l.id) : -1, y = k(f), m = !Ui(f, y.current), S = p !== -1 && g === -1 || m, D = Ki(i);
   me(() => {
     m && b && u(f);
   }, [m, f, b, u]), L(() => {
     y.current = f;
   }, [f]);
-  const C = N(
+  const C = M(
     () => ({
       activeIndex: g,
       containerId: d,
       disabled: D,
-      disableTransforms: x,
+      disableTransforms: S,
       items: f,
       overIndex: p,
       useDragOverlay: h,
@@ -2998,20 +2998,20 @@ function qi(e) {
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, d, D.draggable, D.droppable, x, f, p, c, h, o]
+    [g, d, D.draggable, D.droppable, S, f, p, c, h, o]
   );
-  return j.createElement(Mr.Provider, {
+  return z.createElement(Mr.Provider, {
     value: C
   }, t);
 }
-const Yi = (e) => {
+const Zi = (e) => {
   let {
     id: t,
     items: n,
     activeIndex: r,
     overIndex: o
   } = e;
-  return lt(n, r, o).indexOf(t);
+  return ut(n, r, o).indexOf(t);
 }, Gi = (e) => {
   let {
     containerId: t,
@@ -3025,17 +3025,17 @@ const Yi = (e) => {
     transition: l
   } = e;
   return !l || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === c;
-}, Zi = {
+}, Wi = {
   duration: 200,
   easing: "ease"
-}, _r = "transform", Wi = /* @__PURE__ */ Ce.Transition.toString({
+}, _r = "transform", Ji = /* @__PURE__ */ Ce.Transition.toString({
   property: _r,
   duration: 0,
   easing: "linear"
-}), Ji = {
+}), Qi = {
   roleDescription: "sortable"
 };
-function Qi(e) {
+function es(e) {
   let {
     disabled: t,
     index: n,
@@ -3063,17 +3063,17 @@ function Qi(e) {
     i && s(null);
   }, [i]), i;
 }
-function es(e) {
+function ts(e) {
   let {
     animateLayoutChanges: t = Gi,
     attributes: n,
     disabled: r,
     data: o,
-    getNewIndex: i = Yi,
+    getNewIndex: i = Zi,
     id: s,
     strategy: a,
     resizeObserverConfig: c,
-    transition: l = Zi
+    transition: l = Wi
   } = e;
   const {
     items: u,
@@ -3085,22 +3085,22 @@ function es(e) {
     overIndex: p,
     useDragOverlay: y,
     strategy: m
-  } = Le(Mr), x = ts(r, f), D = u.indexOf(s), C = N(() => ({
+  } = Le(Mr), S = ns(r, f), D = u.indexOf(s), C = M(() => ({
     sortable: {
       containerId: d,
       index: D,
       items: u
     },
     ...o
-  }), [d, o, D, u]), w = N(() => u.slice(u.indexOf(s)), [u, s]), {
+  }), [d, o, D, u]), w = M(() => u.slice(u.indexOf(s)), [u, s]), {
     rect: v,
     node: I,
     isOver: _,
-    setNodeRef: z
-  } = Ai({
+    setNodeRef: F
+  } = Ti({
     id: s,
     data: C,
-    disabled: x.droppable,
+    disabled: S.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: w,
       ...c
@@ -3116,21 +3116,21 @@ function es(e) {
     over: $e,
     setActivatorNodeRef: fe,
     transform: De
-  } = Ei({
+  } = Ii({
     id: s,
     data: C,
     attributes: {
-      ...Ji,
+      ...Qi,
       ...n
     },
-    disabled: x.draggable
-  }), We = uo(z, we), S = !!A, R = S && !b && wt(h) && wt(p), B = !y && W, P = B && R ? De : null, Q = R ? P ?? (a ?? m)({
+    disabled: S.draggable
+  }), Je = fo(F, we), x = !!A, R = x && !b && wt(h) && wt(p), B = !y && W, P = B && R ? De : null, Q = R ? P ?? (a ?? m)({
     rects: g,
     activeNodeRect: re,
     activeIndex: h,
     overIndex: p,
     index: D
-  }) : null, H = wt(h) && wt(p) ? i({
+  }) : null, V = wt(h) && wt(p) ? i({
     id: s,
     items: u,
     activeIndex: h,
@@ -3138,13 +3138,13 @@ function es(e) {
   }) : D, Y = A == null ? void 0 : A.id, O = k({
     activeId: Y,
     items: u,
-    newIndex: H,
+    newIndex: V,
     containerId: d
   }), ge = u !== O.current.items, ee = t({
     active: A,
     containerId: d,
     isDragging: W,
-    isSorting: S,
+    isSorting: x,
     id: s,
     index: D,
     items: u,
@@ -3153,15 +3153,15 @@ function es(e) {
     previousContainerId: O.current.containerId,
     transition: l,
     wasDragging: O.current.activeId != null
-  }), F = Qi({
+  }), j = es({
     disabled: !ee,
     index: D,
     node: I,
     rect: v
   });
   return L(() => {
-    S && O.current.newIndex !== H && (O.current.newIndex = H), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
-  }, [S, H, d, u]), L(() => {
+    x && O.current.newIndex !== V && (O.current.newIndex = V), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
+  }, [x, V, d, u]), L(() => {
     if (Y === O.current.activeId)
       return;
     if (Y != null && O.current.activeId == null) {
@@ -3179,37 +3179,37 @@ function es(e) {
     data: C,
     rect: v,
     index: D,
-    newIndex: H,
+    newIndex: V,
     items: u,
     isOver: _,
-    isSorting: S,
+    isSorting: x,
     isDragging: W,
     listeners: Pe,
     node: I,
     overIndex: p,
     over: $e,
-    setNodeRef: We,
+    setNodeRef: Je,
     setActivatorNodeRef: fe,
-    setDroppableNodeRef: z,
+    setDroppableNodeRef: F,
     setDraggableNodeRef: we,
-    transform: F ?? Q,
+    transform: j ?? Q,
     transition: he()
   };
   function he() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      F || // Or to prevent items jumping to back to their "new" position when items change
+      j || // Or to prevent items jumping to back to their "new" position when items change
       ge && O.current.newIndex === D
     )
-      return Wi;
-    if (!(B && !Pt(ne) || !l) && (S || ee))
+      return Ji;
+    if (!(B && !Pt(ne) || !l) && (x || ee))
       return Ce.Transition.toString({
         ...l,
         property: _r
       });
   }
 }
-function ts(e, t) {
+function ns(e, t) {
   var n, r;
   return typeof e == "boolean" ? {
     draggable: e,
@@ -3221,25 +3221,25 @@ function ts(e, t) {
   };
 }
 E.Down, E.Right, E.Up, E.Left;
-const ns = /iPad|iPhone|iPod/.test(navigator.platform);
-function rs(e, t) {
+const rs = /iPad|iPhone|iPod/.test(navigator.platform);
+function os(e, t) {
   return Math.round(e / t);
 }
 function un(e, t, n, r, o) {
-  const i = e.findIndex(({ id: y }) => y === n), s = e.findIndex(({ id: y }) => y === t), a = e[s], c = lt(e, s, i), l = c[i - 1], u = c[i + 1], d = rs(r, o), h = a.depth + d, f = os({
+  const i = e.findIndex(({ id: y }) => y === n), s = e.findIndex(({ id: y }) => y === t), a = e[s], c = ut(e, s, i), l = c[i - 1], u = c[i + 1], d = os(r, o), h = a.depth + d, f = is({
     previousItem: l
-  }), b = is({ nextItem: u });
+  }), b = ss({ nextItem: u });
   let g = h;
   return h >= f ? g = f : h < b && (g = b), { depth: g, maxDepth: f, minDepth: b, parentId: p() };
   function p() {
     var m;
-    return g === 0 || !l ? null : g === l.depth ? l.parentId : g > l.depth ? l.id : ((m = c.slice(0, i).reverse().find((x) => x.depth === g)) == null ? void 0 : m.parentId) ?? null;
+    return g === 0 || !l ? null : g === l.depth ? l.parentId : g > l.depth ? l.id : ((m = c.slice(0, i).reverse().find((S) => S.depth === g)) == null ? void 0 : m.parentId) ?? null;
   }
 }
-function os({ previousItem: e }) {
+function is({ previousItem: e }) {
   return e ? e.depth + 1 : 0;
 }
-function is({ nextItem: e }) {
+function ss({ nextItem: e }) {
   return e ? e.depth : 0;
 }
 function Lr(e, t = null, n = 0) {
@@ -3248,21 +3248,21 @@ function Lr(e, t = null, n = 0) {
 function Jt(e) {
   return Lr(e);
 }
-function ss(e) {
+function as(e) {
   const t = { id: "root", label: "", children: [] }, n = { [t.id]: t }, r = e.map((o) => ({ ...o, children: [] }));
   for (const o of r) {
-    const { id: i, children: s, label: a } = o, c = o.parentId ?? t.id, l = n[c] ?? as(r, c);
+    const { id: i, children: s, label: a } = o, c = o.parentId ?? t.id, l = n[c] ?? cs(r, c);
     n[i] = { id: i, label: a, children: s }, l.children.push(o);
   }
   return t.children;
 }
-function as(e, t) {
+function cs(e, t) {
   return e.find(({ id: n }) => n === t);
 }
-function cs(e, t) {
+function ls(e, t) {
   return kr(e, t);
 }
-function ls(e, t) {
+function us(e, t) {
   function n(o) {
     return o.filter((i) => i.id !== t).map((i) => ({
       ...i,
@@ -3271,7 +3271,7 @@ function ls(e, t) {
   }
   return n(e);
 }
-function us(e, t, n) {
+function ds(e, t, n) {
   function r(i) {
     return i.map((s) => {
       if (s.id === t) {
@@ -3299,31 +3299,31 @@ function kr(e, t) {
 function Pr(e, t = 0) {
   return e.reduce((n, { children: r }) => r.length ? Pr(r, n + 1) : n + 1, t);
 }
-function ds(e, t) {
-  const n = cs(e, t);
+function fs(e, t) {
+  const n = ls(e, t);
   return n ? Pr(n.children) : 0;
 }
-function fs(e, t) {
+function gs(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 gs = [
+const hs = [
   E.Down,
   E.Right,
   E.Up,
   E.Left
-], hs = [E.Left, E.Right], ps = (e, t, n) => (r, {
+], ps = [E.Left, E.Right], vs = (e, t, n) => (r, {
   currentCoordinates: o,
   context: { active: i, over: s, collisionRect: a, droppableRects: c, droppableContainers: l }
 }) => {
-  if (gs.includes(r.code)) {
+  if (hs.includes(r.code)) {
     if (!i || !a)
       return;
     r.preventDefault();
     const {
       current: { items: u, offset: d }
     } = e;
-    if (hs.includes(r.code) && (s != null && s.id)) {
+    if (ps.includes(r.code) && (s != null && s.id)) {
       const { depth: g, maxDepth: p, minDepth: y } = un(
         u,
         i.id,
@@ -3364,7 +3364,7 @@ const gs = [
             break;
         }
     });
-    const f = Ao({
+    const f = To({
       collisionRect: a,
       droppableRects: c,
       droppableContainers: h
@@ -3373,13 +3373,13 @@ const gs = [
     if (b === (s == null ? void 0 : s.id) && f.length > 1 && (b = f[1].id), b && (s != null && s.id)) {
       const g = c.get(i.id), p = c.get(b), y = l.get(b);
       if (g && p && y) {
-        const m = u.findIndex(({ id: w }) => w === b), x = u[m], D = u.findIndex(({ id: w }) => w === i.id), C = u[D];
-        if (x && C) {
+        const m = u.findIndex(({ id: w }) => w === b), S = u[m], D = u.findIndex(({ id: w }) => w === i.id), C = u[D];
+        if (S && C) {
           const { depth: w } = un(
             u,
             i.id,
             b,
-            (x.depth - C.depth) * n,
+            (S.depth - C.depth) * n,
             n
           ), I = m > D ? 1 : -1, _ = t ? (a.height - g.height) / 2 : 0;
           return {
@@ -3390,20 +3390,20 @@ const gs = [
       }
     }
   }
-}, vs = "_Wrapper_wguit_1", bs = "_clone_wguit_8", ms = "_TreeItem_wguit_16", ys = "_ghost_wguit_23", ws = "_indicator_wguit_23", Ss = "_Text_wguit_78", xs = "_Count_wguit_90", Cs = "_disableInteraction_wguit_106", Ds = "_disableSelection_wguit_110", Rs = "_Collapse_wguit_118", Es = "_collapsed_wguit_122", pe = {
-  Wrapper: vs,
-  clone: bs,
-  TreeItem: ms,
-  ghost: ys,
-  indicator: ws,
+}, bs = "_Wrapper_wguit_1", ms = "_clone_wguit_8", ys = "_TreeItem_wguit_16", ws = "_ghost_wguit_23", xs = "_indicator_wguit_23", Ss = "_Text_wguit_78", Cs = "_Count_wguit_90", Ds = "_disableInteraction_wguit_106", Rs = "_disableSelection_wguit_110", Es = "_Collapse_wguit_118", Is = "_collapsed_wguit_122", pe = {
+  Wrapper: bs,
+  clone: ms,
+  TreeItem: ys,
+  ghost: ws,
+  indicator: xs,
   Text: Ss,
-  Count: xs,
-  disableInteraction: Cs,
-  disableSelection: Ds,
-  Collapse: Rs,
-  collapsed: Es
+  Count: Cs,
+  disableInteraction: Ds,
+  disableSelection: Rs,
+  Collapse: Es,
+  collapsed: Is
 };
-function Is(e) {
+function Os(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Qt = { exports: {} };
@@ -3413,8 +3413,8 @@ var Qt = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Xn;
-function Os() {
-  return Xn || (Xn = 1, function(e) {
+function As() {
+  return Xn || (Xn = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -3443,18 +3443,18 @@ function Os() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(Qt)), Qt.exports;
+  })(Qt)), Qt.exports;
 }
-var As = Os();
-const dn = /* @__PURE__ */ Is(As), Ts = "_Action_7i4a4_1", Ns = {
-  Action: Ts
+var Ts = As();
+const dn = /* @__PURE__ */ Os(Ts), Ns = "_Action_7i4a4_1", Ms = {
+  Action: Ns
 }, zt = _t(
-  ({ active: e, className: t, cursor: n, style: r, ...o }, i) => /* @__PURE__ */ M(
+  ({ active: e, className: t, cursor: n, style: r, ...o }, i) => /* @__PURE__ */ T(
     "button",
     {
       ref: i,
       ...o,
-      className: dn(Ns.Action, t),
+      className: dn(Ms.Action, t),
       tabIndex: 0,
       style: {
         ...r,
@@ -3464,9 +3464,9 @@ const dn = /* @__PURE__ */ Is(As), Ts = "_Action_7i4a4_1", Ns = {
       }
     }
   )
-), Ms = _t((e, t) => /* @__PURE__ */ M(zt, { ref: t, cursor: "grab", "data-cypress": "draggable-handle", ...e, children: /* @__PURE__ */ M("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ M("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 _s(e) {
-  return /* @__PURE__ */ M(
+), _s = _t((e, t) => /* @__PURE__ */ T(zt, { ref: t, cursor: "grab", "data-cypress": "draggable-handle", ...e, children: /* @__PURE__ */ T("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ T("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 Ls(e) {
+  return /* @__PURE__ */ T(
     zt,
     {
       ...e,
@@ -3474,7 +3474,7 @@ function _s(e) {
         fill: "rgba(255, 70, 70, 0.95)",
         background: "rgba(255, 70, 70, 0.1)"
       },
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ T(
         "svg",
         {
           width: "18",
@@ -3482,14 +3482,14 @@ function _s(e) {
           viewBox: "0 0 18 18",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ M("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__ */ T("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 Ls(e) {
-  return /* @__PURE__ */ M(
+function ks(e) {
+  return /* @__PURE__ */ T(
     zt,
     {
       ...e,
@@ -3497,7 +3497,7 @@ function Ls(e) {
         fill: "rgba(255, 70, 70, 0.95)",
         background: "rgba(255, 70, 70, 0.1)"
       },
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ T(
         "svg",
         {
           width: "18",
@@ -3505,13 +3505,13 @@ function Ls(e) {
           viewBox: "0 0 18 18",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ M("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__ */ T("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 ks = _t(
+const Ps = _t(
   ({
     childCount: e,
     clone: t,
@@ -3532,7 +3532,7 @@ const ks = _t(
     value: p,
     wrapperRef: y,
     renderItem: m,
-    ...x
+    ...S
   }, D) => m ? m({
     dropZoneRef: y,
     draggableItemRef: D,
@@ -3563,7 +3563,7 @@ const ks = _t(
     disableSelection: r,
     disableInteraction: o,
     collapsed: u
-  }) : /* @__PURE__ */ M(
+  }) : /* @__PURE__ */ T(
     "li",
     {
       className: dn(
@@ -3578,26 +3578,26 @@ const ks = _t(
       style: {
         "--spacing": `${c * n}px`
       },
-      ...x,
+      ...S,
       children: /* @__PURE__ */ sr("div", { className: pe.TreeItem, ref: D, style: g, children: [
-        !i && /* @__PURE__ */ M(Ms, { ...a }),
-        d && /* @__PURE__ */ M(
+        !i && /* @__PURE__ */ T(_s, { ...a }),
+        d && /* @__PURE__ */ T(
           zt,
           {
             onClick: d,
             className: dn(pe.Collapse, u && pe.collapsed),
-            children: Ps
+            children: $s
           }
         ),
-        /* @__PURE__ */ M("span", { onClick: b, className: pe.Text, children: p.label }),
-        !t && h && /* @__PURE__ */ M(_s, { onClick: h }),
-        !t && f && /* @__PURE__ */ M(Ls, { onClick: f }),
-        t && e && e > 1 ? /* @__PURE__ */ M("span", { className: pe.Count, children: e }) : null
+        /* @__PURE__ */ T("span", { onClick: b, className: pe.Text, children: p.label }),
+        !t && h && /* @__PURE__ */ T(Ls, { onClick: h }),
+        !t && f && /* @__PURE__ */ T(ks, { onClick: f }),
+        t && e && e > 1 ? /* @__PURE__ */ T("span", { className: pe.Count, children: e }) : null
       ] })
     }
   )
-), Ps = /* @__PURE__ */ M("svg", { width: "10", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 70 41", children: /* @__PURE__ */ M("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" }) }), $s = gn(ks), Bs = ({ isSorting: e, wasDragging: t }) => !(e || t);
-function zs({ id: e, depth: t, ...n }) {
+), $s = /* @__PURE__ */ T("svg", { width: "10", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 70 41", children: /* @__PURE__ */ T("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" }) }), Bs = gn(Ps), zs = ({ isSorting: e, wasDragging: t }) => !(e || t);
+function Fs({ id: e, depth: t, ...n }) {
   const {
     attributes: r,
     isDragging: o,
@@ -3607,15 +3607,15 @@ function zs({ id: e, depth: t, ...n }) {
     setDroppableNodeRef: c,
     transform: l,
     transition: u
-  } = es({
+  } = ts({
     id: e,
-    animateLayoutChanges: Bs
+    animateLayoutChanges: zs
   }), d = {
     transform: Ce.Translate.toString(l),
     transition: u
   };
-  return /* @__PURE__ */ M(
-    $s,
+  return /* @__PURE__ */ T(
+    Bs,
     {
       ...n,
       ref: a,
@@ -3623,7 +3623,7 @@ function zs({ id: e, depth: t, ...n }) {
       style: d,
       depth: t,
       ghost: o,
-      disableSelection: ns,
+      disableSelection: rs,
       disableInteraction: i,
       handleProps: n.disableDragging ? null : {
         ...r,
@@ -3632,7 +3632,7 @@ function zs({ id: e, depth: t, ...n }) {
     }
   );
 }
-const qn = gn(zs), qa = ({
+const qn = gn(Fs), $r = qe(null), js = ({
   dropZoneRef: e,
   draggableItemRef: t,
   dropZoneStyle: n,
@@ -3640,39 +3640,78 @@ const qn = gn(zs), qa = ({
   classNames: o = {},
   asDropZone: i = "div",
   asDraggableItem: s = "div",
-  draggableItemProps: a,
-  children: c,
-  dataSlots: l
-}) => /* @__PURE__ */ M(
-  i,
-  {
-    ref: e,
-    className: o.dropZone,
-    style: n,
-    ...l.dropZone,
-    children: c ? /* @__PURE__ */ M(
-      s,
-      {
-        ref: t,
-        className: o.draggableItem,
-        style: r,
-        ...l.draggableItem,
-        children: c
-      }
-    ) : /* @__PURE__ */ M(
-      s,
-      {
-        ref: t,
-        className: o.draggableItem,
-        ...a
-      }
-    )
+  children: a,
+  dataSlots: c,
+  treeItem: l,
+  clone: u,
+  dragListeners: d
+}) => {
+  const h = u ? null : {
+    role: "treeitem",
+    "aria-label": l.label,
+    ...c.dropZone
+  };
+  return /* @__PURE__ */ T(
+    i,
+    {
+      className: o.dropZone,
+      style: n,
+      ...h,
+      ...l.parentId ? { "data-tree-item-parent-id": l.parentId } : null,
+      "data-tree-item-id": l.id,
+      ref: e,
+      children: /* @__PURE__ */ T(
+        $r.Provider,
+        {
+          value: {
+            dragListeners: d,
+            label: l.label
+          },
+          children: /* @__PURE__ */ T(
+            s,
+            {
+              className: o.draggableItem,
+              style: r,
+              ...c.draggableItem,
+              ref: t,
+              "data-tree-draggable": !0,
+              children: a
+            }
+          )
+        }
+      )
+    }
+  );
+};
+js.DragHandler = function({
+  children: t,
+  as: n = "div",
+  className: r,
+  style: o
+}) {
+  const i = z.useContext($r);
+  if (!i) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("TreeItemStructure.DragHandler must be used inside TreeItemStructure");
+    return null;
   }
-), Fs = {
+  return /* @__PURE__ */ T(
+    n,
+    {
+      ...i.dragListeners,
+      "aria-label": `Drag ${i.label}`,
+      className: r,
+      style: { display: "inherit", ...o || null },
+      "data-tree-drag-handle": !0,
+      children: t
+    }
+  );
+};
+const Hs = {
   droppable: {
-    strategy: He.Always
+    strategy: Ve.Always
   }
-}, js = {
+}, Vs = {
   keyframes({ transform: e }) {
     return [
       { opacity: 1, transform: Ce.Transform.toString(e.initial) },
@@ -3694,7 +3733,7 @@ const qn = gn(zs), qa = ({
     });
   }
 };
-function Vs({
+function Us({
   items: e,
   setItems: t,
   isCollapsible: n,
@@ -3709,34 +3748,34 @@ function Vs({
   onItemClick: d,
   renderItem: h
 }) {
-  const [f, b] = U(null), [g, p] = U(null), [y, m] = U(0), [x, D] = U(null), C = N(() => {
-    let S = Jt(e);
-    const R = S.filter(({ parentId: P }) => !P);
-    R.length === 1 && (S = S.map(
+  const [f, b] = U(null), [g, p] = U(null), [y, m] = U(0), [S, D] = U(null), C = M(() => {
+    let x = Jt(e);
+    const R = x.filter(({ parentId: P }) => !P);
+    R.length === 1 && (x = x.map(
       (P) => P.id === R[0].id ? {
         ...P,
         disableDragging: !0
       } : P
     ));
-    const B = S.reduce(
-      (P, { children: T, collapsed: Q, id: H }) => (Q && T.length && P.push(H), P),
+    const B = x.reduce(
+      (P, { children: N, collapsed: Q, id: V }) => (Q && N.length && P.push(V), P),
       []
     );
-    return fs(
-      S,
+    return gs(
+      x,
       f ? [f, ...B] : B
     );
   }, [f, e]), w = f && g ? un(C, f, g, y, i) : null, v = k({
     items: C,
     offset: y
   }), [I] = U(
-    () => ps(v, o, i)
-  ), _ = Ro(
+    () => vs(v, o, i)
+  ), _ = Eo(
     Mn(wn),
     Mn(mn, {
       coordinateGetter: I
     })
-  ), z = N(() => C.map(({ id: S }) => S), [C]), A = f ? C.find(({ id: S }) => S === f) : null;
+  ), F = M(() => C.map(({ id: x }) => x), [C]), A = f ? C.find(({ id: x }) => x === f) : null;
   L(() => {
     v.current = {
       items: C,
@@ -3744,27 +3783,27 @@ function Vs({
     };
   }, [C, y]);
   const ne = $(
-    ({ active: { id: S } }) => {
-      b(S), p(S);
-      const R = C.find(({ id: B }) => B === S);
+    ({ active: { id: x } }) => {
+      b(x), p(x);
+      const R = C.find(({ id: B }) => B === x);
       R && D({
         parentId: R.parentId,
-        overId: S
+        overId: x
       }), document.body.style.setProperty("cursor", "grabbing");
     },
     [C]
-  ), re = $(({ delta: S }) => {
-    m(S.x);
-  }, []), ce = $(({ over: S }) => {
-    p((S == null ? void 0 : S.id) ?? null);
+  ), re = $(({ delta: x }) => {
+    m(x.x);
+  }, []), ce = $(({ over: x }) => {
+    p((x == null ? void 0 : x.id) ?? null);
   }, []), we = $(() => {
     p(null), b(null), m(0), D(null), document.body.style.setProperty("cursor", "");
   }, []), Pe = $(
-    ({ active: S, over: R }) => {
+    ({ active: x, over: R }) => {
       if (we(), w && R) {
-        const { depth: B, parentId: P } = w, T = JSON.parse(JSON.stringify(Jt(e))), Q = T.findIndex(({ id: F }) => F === R.id), H = T.findIndex(({ id: F }) => F === S.id), Y = T[H];
-        T[H] = { ...Y, depth: B, parentId: P };
-        const O = lt(T, H, Q), ge = ss(O), ee = $r(ge, T[H].id, P);
+        const { depth: B, parentId: P } = w, N = JSON.parse(JSON.stringify(Jt(e))), Q = N.findIndex(({ id: j }) => j === R.id), V = N.findIndex(({ id: j }) => j === x.id), Y = N[V];
+        N[V] = { ...Y, depth: B, parentId: P };
+        const O = ut(N, V, Q), ge = as(O), ee = Br(ge, N[V].id, P);
         t(ge), u == null || u(ee);
       }
     },
@@ -3772,91 +3811,91 @@ function Vs({
   ), W = $(() => {
     we();
   }, [we]), $e = $(
-    (S) => {
-      t((R) => ls(R, S));
+    (x) => {
+      t((R) => us(R, x));
     },
     [t]
   ), fe = $(
     ({
-      id: S,
+      id: x,
       canFetchChildren: R,
       collapsed: B
-    }) => R ? r == null ? void 0 : r(S, !!B) : t(
-      (P) => us(P, S, (T) => ({ collapsed: !T.collapsed }))
+    }) => R ? r == null ? void 0 : r(x, !!B) : t(
+      (P) => ds(P, x, (N) => ({ collapsed: !N.collapsed }))
     ),
     [r, t]
   ), De = $(
-    (S, R, B) => {
+    (x, R, B) => {
       if (B && w) {
-        if (S !== "onDragEnd") {
-          if (x && w.parentId === x.parentId && B === x.overId)
+        if (x !== "onDragEnd") {
+          if (S && w.parentId === S.parentId && B === S.overId)
             return;
           D({
             parentId: w.parentId,
             overId: B
           });
         }
-        const P = JSON.parse(JSON.stringify(Jt(e))), T = P.findIndex(({ id: F }) => F === B), Q = P.findIndex(({ id: F }) => F === R), H = lt(P, Q, T), Y = H[T - 1];
+        const P = JSON.parse(JSON.stringify(Jt(e))), N = P.findIndex(({ id: j }) => j === B), Q = P.findIndex(({ id: j }) => j === R), V = ut(P, Q, N), Y = V[N - 1];
         let O;
-        const ge = S === "onDragEnd" ? "dropped" : "moved", ee = S === "onDragEnd" ? "dropped" : "nested";
+        const ge = x === "onDragEnd" ? "dropped" : "moved", ee = x === "onDragEnd" ? "dropped" : "nested";
         if (Y)
           if (w.depth > Y.depth)
             O = `${R} was ${ee} under ${Y.id}.`;
           else {
-            let F = Y;
-            for (; F && w.depth < F.depth; ) {
-              const he = F.parentId;
-              F = H.find(({ id: Ee }) => Ee === he);
+            let j = Y;
+            for (; j && w.depth < j.depth; ) {
+              const he = j.parentId;
+              j = V.find(({ id: Ee }) => Ee === he);
             }
-            F && (O = `${R} was ${ge} after ${F.id}.`);
+            j && (O = `${R} was ${ge} after ${j.id}.`);
           }
         else {
-          const F = H[T + 1];
-          O = `${R} was ${ge} before ${F.id}.`;
+          const j = V[N + 1];
+          O = `${R} was ${ge} before ${j.id}.`;
         }
         return O;
       }
     },
-    [x, e, w]
+    [S, e, w]
   );
-  return /* @__PURE__ */ M(
-    Ci,
+  return /* @__PURE__ */ T("div", { role: "tree", children: /* @__PURE__ */ T(
+    Di,
     {
       accessibility: { announcements: {
-        onDragStart({ active: S }) {
-          return `Picked up ${S.id}.`;
+        onDragStart({ active: x }) {
+          return `Picked up ${x.id}.`;
         },
-        onDragMove({ active: S, over: R }) {
-          return De("onDragMove", S.id, R == null ? void 0 : R.id);
+        onDragMove({ active: x, over: R }) {
+          return De("onDragMove", x.id, R == null ? void 0 : R.id);
         },
-        onDragOver({ active: S, over: R }) {
-          return De("onDragOver", S.id, R == null ? void 0 : R.id);
+        onDragOver({ active: x, over: R }) {
+          return De("onDragOver", x.id, R == null ? void 0 : R.id);
         },
-        onDragEnd({ active: S, over: R }) {
-          return De("onDragEnd", S.id, R == null ? void 0 : R.id);
+        onDragEnd({ active: x, over: R }) {
+          return De("onDragEnd", x.id, R == null ? void 0 : R.id);
         },
-        onDragCancel({ active: S }) {
-          return `Moving was cancelled. ${S.id} was dropped in its original position.`;
+        onDragCancel({ active: x }) {
+          return `Moving was cancelled. ${x.id} was dropped in its original position.`;
         }
       } },
       sensors: _,
-      collisionDetection: Oo,
-      measuring: Fs,
+      collisionDetection: Ao,
+      measuring: Hs,
       onDragStart: ne,
       onDragMove: re,
       onDragOver: ce,
       onDragEnd: Pe,
       onDragCancel: W,
-      children: /* @__PURE__ */ sr(qi, { items: z, strategy: Ki, children: [
-        C.map((S) => {
-          const { id: R, children: B, collapsed: P, depth: T, canFetchChildren: Q, disableDragging: H } = S;
-          return /* @__PURE__ */ M(
+      children: /* @__PURE__ */ sr(Yi, { items: F, strategy: Xi, children: [
+        C.map((x) => {
+          const { id: R, children: B, collapsed: P, depth: N, canFetchChildren: Q, disableDragging: V } = x;
+          return /* @__PURE__ */ T(
             qn,
             {
               id: R,
-              value: S,
-              disableDragging: !!H,
-              depth: R === f && w ? w.depth : T,
+              value: x,
+              disableDragging: !!V,
+              depth: R === f && w ? w.depth : N,
               indentationWidth: i,
               indicator: o,
               collapsed: !!(P && (B.length || Q)),
@@ -3870,18 +3909,18 @@ function Vs({
           );
         }),
         ar(
-          /* @__PURE__ */ M(
-            ji,
+          /* @__PURE__ */ T(
+            Hi,
             {
-              dropAnimation: js,
-              modifiers: o ? [Hs] : void 0,
-              children: f && A ? /* @__PURE__ */ M(
+              dropAnimation: Vs,
+              modifiers: o ? [Ks] : void 0,
+              children: f && A ? /* @__PURE__ */ T(
                 qn,
                 {
                   id: f,
                   depth: A.depth,
                   clone: !0,
-                  childCount: ds(e, f) + 1,
+                  childCount: fs(e, f) + 1,
                   value: A,
                   indentationWidth: i,
                   renderItem: h
@@ -3893,52 +3932,52 @@ function Vs({
         )
       ] })
     }
-  );
+  ) });
 }
-const Hs = ({ transform: e }) => ({
+const Ks = ({ transform: e }) => ({
   ...e,
   y: e.y - 25
 });
-function $r(e, t, n = null) {
+function Br(e, t, n = null) {
   for (let r = 0; r < e.length; r++) {
     const o = e[r];
     if (o.id === t)
       return { index: r, parent: n, movedItem: o };
     if (o.children && o.children.length > 0) {
-      const i = $r(o.children, t, o.id);
+      const i = Br(o.children, t, o.id);
       if (i)
         return i;
     }
   }
   return null;
 }
-const Ya = (e) => /* @__PURE__ */ M(Vs, { ...e }), en = typeof window > "u" ? global : window, tn = "@griffel/";
-function Br(e, t) {
+const Za = (e) => /* @__PURE__ */ T(Us, { ...e }), en = typeof window > "u" ? global : window, tn = "@griffel/";
+function zr(e, t) {
   return en[Symbol.for(tn + e)] || (en[Symbol.for(tn + e)] = t), en[Symbol.for(tn + e)];
 }
-const zr = /* @__PURE__ */ Br("DEBUG_RESET_CLASSES", {}), Yn = /* @__PURE__ */ Br("DEFINITION_LOOKUP_TABLE", {}), it = "data-make-styles-bucket", Us = "data-priority", nn = 7, ut = "___", Ks = "_", Xs = process.env.NODE_ENV === "production" ? ut.length + nn : ut.length + nn + Ks.length + nn, Gn = {}, Zn = {}, Wn = /* @__PURE__ */ new Set(), st = {
+const Fr = /* @__PURE__ */ zr("DEBUG_RESET_CLASSES", {}), Yn = /* @__PURE__ */ zr("DEFINITION_LOOKUP_TABLE", {}), st = "data-make-styles-bucket", Xs = "data-priority", nn = 7, dt = "___", qs = "_", Ys = process.env.NODE_ENV === "production" ? dt.length + nn : dt.length + nn + qs.length + nn, Zn = {}, Gn = {}, Wn = /* @__PURE__ */ new Set(), at = {
   getChildrenSequences: (e) => {
-    const t = Object.keys(Gn).find((n) => Gn[n].startsWith(e));
-    return t ? t.split(ut).filter((n) => n.length).map((n) => ut + n) : [];
+    const t = Object.keys(Zn).find((n) => Zn[n].startsWith(e));
+    return t ? t.split(dt).filter((n) => n.length).map((n) => dt + n) : [];
   },
   addCSSRule: (e) => {
     Wn.add(e);
   },
   addSequenceDetails: (e, t) => {
     Object.entries(e).forEach(([n, r]) => {
-      Zn[r.substring(0, Xs)] = {
+      Gn[r.substring(0, Ys)] = {
         slotName: n,
         sourceURL: t
       };
     });
   },
   getCSSRules: () => Array.from(Wn),
-  getSequenceDetails: (e) => Zn[e]
+  getSequenceDetails: (e) => Gn[e]
 };
 function Jn(e, t) {
   return Array.isArray(e) ? t === "rtl" ? e[1] : e[0] : e || "";
 }
-function qs(e, t, n, r) {
+function Zs(e, t, n, r) {
   const o = e[0], i = e[1];
   return Object.entries(o).map(([s, a]) => {
     const c = Jn(a, i);
@@ -3959,30 +3998,30 @@ function qs(e, t, n, r) {
     };
   });
 }
-function Fr(e, t) {
+function jr(e, t) {
   const n = Yn[e];
   if (n === void 0)
     return;
-  const r = t ? Yn[t.sequenceHash] : void 0, o = qs(n, r, t == null ? void 0 : t.debugClassNames, t == null ? void 0 : t.children), i = {
+  const r = t ? Yn[t.sequenceHash] : void 0, o = Zs(n, r, t == null ? void 0 : t.debugClassNames, t == null ? void 0 : t.children), i = {
     sequenceHash: e,
     direction: n[1],
     children: [],
     debugClassNames: o
   };
-  return st.getChildrenSequences(i.sequenceHash).reverse().forEach((a) => {
-    const c = Fr(a, i);
+  return at.getChildrenSequences(i.sequenceHash).reverse().forEach((a) => {
+    const c = jr(a, i);
     c && i.children.push(c);
   }), i.children.length || (i.rules = {}, i.debugClassNames.forEach(({
     className: a
   }) => {
-    const c = st.getSequenceDetails(e);
+    const c = at.getSequenceDetails(e);
     c && (i.slot = c.slotName, i.sourceURL = c.sourceURL);
-    const l = st.getCSSRules().find((u) => u.includes(a));
+    const l = at.getCSSRules().find((u) => u.includes(a));
     i.rules[a] = l;
   })), i;
 }
-function Ys(e) {
-  if (zr[e] === void 0)
+function Gs(e) {
+  if (Fr[e] === void 0)
     return;
   const r = {
     sequenceHash: e,
@@ -3995,11 +4034,11 @@ function Ys(e) {
   r.rules = {}, r.slot = "makeResetStyles()";
   const [{
     className: o
-  }] = r.debugClassNames, i = st.getCSSRules().filter((s) => s.includes(`.${o}`));
+  }] = r.debugClassNames, i = at.getCSSRules().filter((s) => s.includes(`.${o}`));
   return r.rules[o] = i.join(""), r;
 }
-function Gs(e, t) {
-  const n = e ? Fr(e) : void 0, r = t ? Ys(t) : void 0;
+function Ws(e, t) {
+  const n = e ? jr(e) : void 0, r = t ? Gs(t) : void 0;
   return !n && !r ? void 0 : n ? r ? {
     sequenceHash: n.sequenceHash + r.sequenceHash,
     direction: n.direction,
@@ -4007,7 +4046,7 @@ function Gs(e, t) {
     debugClassNames: [...n.debugClassNames, ...r.debugClassNames]
   } : n : r;
 }
-function Zs(e) {
+function Js(e) {
   const t = e.defaultView;
   if (!t || t.__GRIFFEL_DEVTOOLS__)
     return;
@@ -4015,8 +4054,8 @@ function Zs(e) {
     getInfo: (r) => {
       let o, i;
       for (const s of r.classList)
-        s.startsWith(ut) && (o = s), zr[s] && (i = s);
-      return Gs(o, i);
+        s.startsWith(dt) && (o = s), Fr[s] && (i = s);
+      return Ws(o, i);
     }
   };
   Object.defineProperty(t, "__GRIFFEL_DEVTOOLS__", {
@@ -4035,16 +4074,16 @@ const Qn = /* @__PURE__ */ (() => {
     return !1;
   }
 })();
-function Ws(e) {
+function Qs(e) {
   if (!Array.isArray(e))
     return [e];
   if (process.env.NODE_ENV !== "production" && e.length > 2)
     throw new Error("CSS Bucket contains an entry with greater than 2 items, please report this to https://github.com/microsoft/griffel/issues");
   return e;
 }
-function Js(e, t, n, r) {
+function ea(e, t, n, r) {
   const o = [];
-  if (r[it] = t, r[Us] = String(n), e)
+  if (r[st] = t, r[Xs] = String(n), e)
     for (const s in r)
       e.setAttribute(s, r[s]);
   function i(s) {
@@ -4060,7 +4099,7 @@ function Js(e, t, n, r) {
     }
   };
 }
-const Qs = [
+const ta = [
   // reset styles
   "r",
   // catch-all
@@ -4089,35 +4128,35 @@ const Qs = [
   "m",
   // @container rules
   "c"
-], er = /* @__PURE__ */ Qs.reduce((e, t, n) => (e[t] = n, e), {});
-function ea(e, t, n) {
+], er = /* @__PURE__ */ ta.reduce((e, t, n) => (e[t] = n, e), {});
+function na(e, t, n) {
   return (e === "m" ? e + t : e) + n;
 }
-function ta(e, t, n, r, o = {}) {
+function ra(e, t, n, r, o = {}) {
   var i, s;
-  const a = e === "m", c = (i = o.m) !== null && i !== void 0 ? i : "0", l = (s = o.p) !== null && s !== void 0 ? s : 0, u = ea(e, c, l);
+  const a = e === "m", c = (i = o.m) !== null && i !== void 0 ? i : "0", l = (s = o.p) !== null && s !== void 0 ? s : 0, u = na(e, c, l);
   if (!r.stylesheets[u]) {
-    const d = t && t.createElement("style"), h = Js(d, e, l, Object.assign({}, r.styleElementAttributes, a && {
+    const d = t && t.createElement("style"), h = ea(d, e, l, Object.assign({}, r.styleElementAttributes, a && {
       media: c
     }));
-    r.stylesheets[u] = h, t && d && t.head.insertBefore(d, ra(t, n, e, r, o));
+    r.stylesheets[u] = h, t != null && t.head && d && t.head.insertBefore(d, ia(t, n, e, r, o));
   }
   return r.stylesheets[u];
 }
-function na(e, t, n) {
+function oa(e, t, n) {
   var r, o;
-  const i = t + ((r = n.m) !== null && r !== void 0 ? r : ""), s = e.getAttribute(it) + ((o = e.media) !== null && o !== void 0 ? o : "");
+  const i = t + ((r = n.m) !== null && r !== void 0 ? r : ""), s = e.getAttribute(st) + ((o = e.media) !== null && o !== void 0 ? o : "");
   return i === s;
 }
-function ra(e, t, n, r, o = {}) {
+function ia(e, t, n, r, o = {}) {
   var i, s;
   const a = er[n], c = (i = o.m) !== null && i !== void 0 ? i : "", l = (s = o.p) !== null && s !== void 0 ? s : 0;
-  let u = (g) => a - er[g.getAttribute(it)], d = e.head.querySelectorAll(`[${it}]`);
+  let u = (g) => a - er[g.getAttribute(st)], d = e.head.querySelectorAll(`[${st}]`);
   if (n === "m") {
-    const g = e.head.querySelectorAll(`[${it}="${n}"]`);
+    const g = e.head.querySelectorAll(`[${st}="${n}"]`);
     g.length && (d = g, u = (p) => r.compareMediaQueries(c, p.media));
   }
-  const h = (g) => na(g, n, o) ? l - Number(g.getAttribute("data-priority")) : u(g), f = d.length;
+  const h = (g) => oa(g, n, o) ? l - Number(g.getAttribute("data-priority")) : u(g), f = d.length;
   let b = f - 1;
   for (; b >= 0; ) {
     const g = d.item(b);
@@ -4127,49 +4166,49 @@ function ra(e, t, n, r, o = {}) {
   }
   return f > 0 ? d.item(0) : t ? t.nextSibling : null;
 }
-const oa = /* @__PURE__ */ ["-moz-placeholder", "-moz-focus-inner", "-moz-focusring", "-ms-input-placeholder", "-moz-read-write", "-moz-read-only"].join("|"), ia = /* @__PURE__ */ new RegExp(`:(${oa})`);
+const sa = /* @__PURE__ */ ["-moz-placeholder", "-moz-focus-inner", "-moz-focusring", "-ms-input-placeholder", "-moz-read-write", "-moz-read-only"].join("|"), aa = /* @__PURE__ */ new RegExp(`:(${sa})`);
 function tr(e, t) {
   try {
     e.insertRule(t);
   } catch (n) {
-    process.env.NODE_ENV !== "production" && !ia.test(t) && console.error(`There was a problem inserting the following rule: "${t}"`, n);
+    process.env.NODE_ENV !== "production" && !aa.test(t) && console.error(`There was a problem inserting the following rule: "${t}"`, n);
   }
 }
-let sa = 0;
-const aa = (e, t) => e < t ? -1 : e > t ? 1 : 0;
-function ca(e = typeof document > "u" ? void 0 : document, t = {}) {
+let ca = 0;
+const la = (e, t) => e < t ? -1 : e > t ? 1 : 0;
+function ua(e = typeof document > "u" ? void 0 : document, t = {}) {
   const {
     classNameHashSalt: n,
     unstable_filterCSSRule: r,
     insertionPoint: o,
     styleElementAttributes: i,
-    compareMediaQueries: s = aa
+    compareMediaQueries: s = la
   } = t, a = {
     classNameHashSalt: n,
     insertionCache: {},
     stylesheets: {},
     styleElementAttributes: Object.freeze(i),
     compareMediaQueries: s,
-    id: `d${sa++}`,
+    id: `d${ca++}`,
     insertCSSRules(c) {
       for (const l in c) {
         const u = c[l];
         for (let d = 0, h = u.length; d < h; d++) {
-          const [f, b] = Ws(u[d]), g = ta(l, e, o || null, a, b);
-          a.insertionCache[f] || (a.insertionCache[f] = l, process.env.NODE_ENV !== "production" && Qn && st.addCSSRule(f), r ? r(f) && tr(g, f) : tr(g, f));
+          const [f, b] = Qs(u[d]), g = ra(l, e, o || null, a, b);
+          a.insertionCache[f] || (a.insertionCache[f] = l, process.env.NODE_ENV !== "production" && Qn && at.addCSSRule(f), r ? r(f) && tr(g, f) : tr(g, f));
         }
       }
     }
   };
-  return e && process.env.NODE_ENV !== "production" && Qn && Zs(e), a;
+  return e && process.env.NODE_ENV !== "production" && Qn && Js(e), a;
 }
-const la = () => {
+const da = () => {
   const e = {};
   return function(n, r) {
     e[n.id] === void 0 && (n.insertCSSRules(r), e[n.id] = !0);
   };
-}, ua = /[A-Z]/g, da = /^ms-/, rn = {};
-function fa(e) {
+}, fa = /[A-Z]/g, ga = /^ms-/, rn = {};
+function ha(e) {
   return "-" + e.toLowerCase();
 }
 function nr(e) {
@@ -4177,26 +4216,26 @@ function nr(e) {
     return rn[e];
   if (e.substr(0, 2) === "--")
     return e;
-  const t = e.replace(ua, fa);
-  return rn[e] = da.test(t) ? "-" + t : t;
+  const t = e.replace(fa, ha);
+  return rn[e] = ga.test(t) ? "-" + t : t;
 }
-var at = "-moz-", ve = "-webkit-", jr = "comm", Ft = "rule", xn = "decl", ga = "@import", ha = "@namespace", pa = "@keyframes", va = "@layer", Vr = Math.abs, jt = String.fromCharCode, ba = Object.assign;
-function ma(e, t) {
-  return Z(e, 0) ^ 45 ? (((t << 2 ^ Z(e, 0)) << 2 ^ Z(e, 1)) << 2 ^ Z(e, 2)) << 2 ^ Z(e, 3) : 0;
+var ct = "-moz-", ve = "-webkit-", Hr = "comm", Ft = "rule", Sn = "decl", pa = "@import", va = "@namespace", ba = "@keyframes", ma = "@layer", Vr = Math.abs, jt = String.fromCharCode, ya = Object.assign;
+function wa(e, t) {
+  return G(e, 0) ^ 45 ? (((t << 2 ^ G(e, 0)) << 2 ^ G(e, 1)) << 2 ^ G(e, 2)) << 2 ^ G(e, 3) : 0;
 }
-function Hr(e) {
+function Ur(e) {
   return e.trim();
 }
-function Ur(e, t) {
+function Kr(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
 function te(e, t, n) {
   return e.replace(t, n);
 }
-function Kr(e, t, n) {
+function Xr(e, t, n) {
   return e.indexOf(t, n);
 }
-function Z(e, t) {
+function G(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function Ue(e, t, n) {
@@ -4205,39 +4244,39 @@ function Ue(e, t, n) {
 function be(e) {
   return e.length;
 }
-function Xr(e) {
+function qr(e) {
   return e.length;
 }
 function ke(e, t) {
   return t.push(e), e;
 }
-function ya(e, t) {
+function xa(e, t) {
   return e.map(t).join("");
 }
-var Vt = 1, Ke = 1, qr = 0, ae = 0, V = 0, Ze = "";
-function Ht(e, t, n, r, o, i, s, a) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: i, line: Vt, column: Ke, length: s, return: "", siblings: a };
+var Ht = 1, Ke = 1, Yr = 0, ae = 0, H = 0, We = "";
+function Vt(e, t, n, r, o, i, s, a) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: i, line: Ht, column: Ke, length: s, return: "", siblings: a };
 }
 function on(e, t) {
-  return ba(Ht("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
-}
-function wa() {
-  return V;
+  return ya(Vt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
 }
 function Sa() {
-  return V = ae > 0 ? Z(Ze, --ae) : 0, Ke--, V === 10 && (Ke = 1, Vt--), V;
+  return H;
+}
+function Ca() {
+  return H = ae > 0 ? G(We, --ae) : 0, Ke--, H === 10 && (Ke = 1, Ht--), H;
 }
 function de() {
-  return V = ae < qr ? Z(Ze, ae++) : 0, Ke++, V === 10 && (Ke = 1, Vt++), V;
+  return H = ae < Yr ? G(We, ae++) : 0, Ke++, H === 10 && (Ke = 1, Ht++), H;
 }
 function _e() {
-  return Z(Ze, ae);
+  return G(We, ae);
 }
 function Ct() {
   return ae;
 }
 function Ut(e, t) {
-  return Ue(Ze, e, t);
+  return Ue(We, e, t);
 }
 function Xe(e) {
   switch (e) {
@@ -4277,52 +4316,52 @@ function Xe(e) {
   }
   return 0;
 }
-function Yr(e) {
-  return Vt = Ke = 1, qr = be(Ze = e), ae = 0, [];
+function Zr(e) {
+  return Ht = Ke = 1, Yr = be(We = e), ae = 0, [];
 }
 function Gr(e) {
-  return Ze = "", e;
+  return We = "", e;
 }
 function Dt(e) {
-  return Hr(Ut(ae - 1, fn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Ur(Ut(ae - 1, fn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function xa(e) {
-  return Gr(Da(Yr(e)));
+function Da(e) {
+  return Gr(Ea(Zr(e)));
 }
-function Ca(e) {
-  for (; (V = _e()) && V < 33; )
+function Ra(e) {
+  for (; (H = _e()) && H < 33; )
     de();
-  return Xe(e) > 2 || Xe(V) > 3 ? "" : " ";
+  return Xe(e) > 2 || Xe(H) > 3 ? "" : " ";
 }
-function Da(e) {
+function Ea(e) {
   for (; de(); )
-    switch (Xe(V)) {
+    switch (Xe(H)) {
       case 0:
-        ke(Zr(ae - 1), e);
+        ke(Wr(ae - 1), e);
         break;
       case 2:
-        ke(Dt(V), e);
+        ke(Dt(H), e);
         break;
       default:
-        ke(jt(V), e);
+        ke(jt(H), e);
     }
   return e;
 }
-function Ra(e, t) {
-  for (; --t && de() && !(V < 48 || V > 102 || V > 57 && V < 65 || V > 70 && V < 97); )
+function Ia(e, t) {
+  for (; --t && de() && !(H < 48 || H > 102 || H > 57 && H < 65 || H > 70 && H < 97); )
     ;
   return Ut(e, Ct() + (t < 6 && _e() == 32 && de() == 32));
 }
 function fn(e) {
   for (; de(); )
-    switch (V) {
+    switch (H) {
       // ] ) " '
       case e:
         return ae;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && fn(V);
+        e !== 34 && e !== 39 && fn(H);
         break;
       // (
       case 40:
@@ -4335,27 +4374,27 @@ function fn(e) {
     }
   return ae;
 }
-function Ea(e, t) {
-  for (; de() && e + V !== 57; )
-    if (e + V === 84 && _e() === 47)
+function Oa(e, t) {
+  for (; de() && e + H !== 57; )
+    if (e + H === 84 && _e() === 47)
       break;
   return "/*" + Ut(t, ae - 1) + "*" + jt(e === 47 ? e : de());
 }
-function Zr(e) {
+function Wr(e) {
   for (; !Xe(_e()); )
     de();
   return Ut(e, ae);
 }
-function Ia(e) {
-  return Gr(Rt("", null, null, null, [""], e = Yr(e), 0, [0], e));
+function Aa(e) {
+  return Gr(Rt("", null, null, null, [""], e = Zr(e), 0, [0], e));
 }
 function Rt(e, t, n, r, o, i, s, a, c) {
-  for (var l = 0, u = 0, d = s, h = 0, f = 0, b = 0, g = 1, p = 1, y = 1, m = 0, x = "", D = o, C = i, w = r, v = x; p; )
+  for (var l = 0, u = 0, d = s, h = 0, f = 0, b = 0, g = 1, p = 1, y = 1, m = 0, S = "", D = o, C = i, w = r, v = S; p; )
     switch (b = m, m = de()) {
       // (
       case 40:
-        if (b != 108 && Z(v, d - 1) == 58) {
-          Kr(v += te(Dt(m), "&", "&\f"), "&\f", Vr(l ? a[l - 1] : 0)) != -1 && (y = -1);
+        if (b != 108 && G(v, d - 1) == 58) {
+          Xr(v += te(Dt(m), "&", "&\f"), "&\f", Vr(l ? a[l - 1] : 0)) != -1 && (y = -1);
           break;
         }
       // " ' [
@@ -4369,18 +4408,18 @@ function Rt(e, t, n, r, o, i, s, a, c) {
       case 10:
       case 13:
       case 32:
-        v += Ca(b);
+        v += Ra(b);
         break;
       // \
       case 92:
-        v += Ra(Ct() - 1, 7);
+        v += Ia(Ct() - 1, 7);
         continue;
       // /
       case 47:
         switch (_e()) {
           case 42:
           case 47:
-            ke(Oa(Ea(de(), Ct()), t, n, c), c), (Xe(b || 1) == 5 || Xe(_e() || 1) == 5) && be(v) && Ue(v, -1, void 0) !== " " && (v += " ");
+            ke(Ta(Oa(de(), Ct()), t, n, c), c), (Xe(b || 1) == 5 || Xe(_e() || 1) == 5) && be(v) && Ue(v, -1, void 0) !== " " && (v += " ");
             break;
           default:
             v += "/";
@@ -4407,17 +4446,17 @@ function Rt(e, t, n, r, o, i, s, a, c) {
             v += ";";
           // { rule/at-rule
           default:
-            if (ke(w = rr(v, t, n, l, u, o, a, x, D = [], C = [], d, i), i), m === 123)
+            if (ke(w = rr(v, t, n, l, u, o, a, S, D = [], C = [], d, i), i), m === 123)
               if (u === 0)
                 Rt(v, t, w, w, D, i, d, a, C);
               else {
                 switch (h) {
                   // c(ontainer)
                   case 99:
-                    if (Z(v, 3) === 110) break;
+                    if (G(v, 3) === 110) break;
                   // l(ayer)
                   case 108:
-                    if (Z(v, 2) === 97) break;
+                    if (G(v, 2) === 97) break;
                   default:
                     u = 0;
                   // d(ocument) m(edia) s(upports)
@@ -4425,10 +4464,10 @@ function Rt(e, t, n, r, o, i, s, a, c) {
                   case 109:
                   case 115:
                 }
-                u ? Rt(e, w, w, r && ke(rr(e, w, w, 0, 0, o, a, x, o, D = [], d, C), C), o, C, d, a, r ? D : C) : Rt(v, w, w, w, [""], C, 0, a, C);
+                u ? Rt(e, w, w, r && ke(rr(e, w, w, 0, 0, o, a, S, o, D = [], d, C), C), o, C, d, a, r ? D : C) : Rt(v, w, w, w, [""], C, 0, a, C);
               }
         }
-        l = u = f = 0, g = y = 1, x = v = "", d = s;
+        l = u = f = 0, g = y = 1, S = v = "", d = s;
         break;
       // :
       case 58:
@@ -4437,7 +4476,7 @@ function Rt(e, t, n, r, o, i, s, a, c) {
         if (g < 1) {
           if (m == 123)
             --g;
-          else if (m == 125 && g++ == 0 && Sa() == 125)
+          else if (m == 125 && g++ == 0 && Ca() == 125)
             continue;
         }
         switch (v += jt(m), m * g) {
@@ -4451,7 +4490,7 @@ function Rt(e, t, n, r, o, i, s, a, c) {
             break;
           // @
           case 64:
-            _e() === 45 && (v += Dt(de())), h = _e(), u = d = be(x = v += Zr(Ct())), m++;
+            _e() === 45 && (v += Dt(de())), h = _e(), u = d = be(S = v += Wr(Ct())), m++;
             break;
           // -
           case 45:
@@ -4461,53 +4500,53 @@ function Rt(e, t, n, r, o, i, s, a, c) {
   return i;
 }
 function rr(e, t, n, r, o, i, s, a, c, l, u, d) {
-  for (var h = o - 1, f = o === 0 ? i : [""], b = Xr(f), g = 0, p = 0, y = 0; g < r; ++g)
-    for (var m = 0, x = Ue(e, h + 1, h = Vr(p = s[g])), D = e; m < b; ++m)
-      (D = Hr(p > 0 ? f[m] + " " + x : te(x, /&\f/g, f[m]))) && (c[y++] = D);
-  return Ht(e, t, n, o === 0 ? Ft : a, c, l, u, d);
+  for (var h = o - 1, f = o === 0 ? i : [""], b = qr(f), g = 0, p = 0, y = 0; g < r; ++g)
+    for (var m = 0, S = Ue(e, h + 1, h = Vr(p = s[g])), D = e; m < b; ++m)
+      (D = Ur(p > 0 ? f[m] + " " + S : te(S, /&\f/g, f[m]))) && (c[y++] = D);
+  return Vt(e, t, n, o === 0 ? Ft : a, c, l, u, d);
 }
-function Oa(e, t, n, r) {
-  return Ht(e, t, n, jr, jt(wa()), Ue(e, 2, -2), 0, r);
+function Ta(e, t, n, r) {
+  return Vt(e, t, n, Hr, jt(Sa()), Ue(e, 2, -2), 0, r);
 }
 function or(e, t, n, r, o) {
-  return Ht(e, t, n, xn, Ue(e, 0, r), Ue(e, r + 1, -1), r, o);
+  return Vt(e, t, n, Sn, Ue(e, 0, r), Ue(e, r + 1, -1), r, o);
 }
-function dt(e, t) {
+function ft(e, t) {
   for (var n = "", r = 0; r < e.length; r++)
     n += t(e[r], r, e, t) || "";
   return n;
 }
-function Aa(e, t, n, r) {
+function Na(e, t, n, r) {
   switch (e.type) {
-    case va:
+    case ma:
       if (e.children.length) break;
-    case ga:
-    case ha:
-    case xn:
+    case pa:
+    case va:
+    case Sn:
       return e.return = e.return || e.value;
-    case jr:
+    case Hr:
       return "";
-    case pa:
-      return e.return = e.value + "{" + dt(e.children, r) + "}";
+    case ba:
+      return e.return = e.value + "{" + ft(e.children, r) + "}";
     case Ft:
       if (!be(e.value = e.props.join(","))) return "";
   }
-  return be(n = dt(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+  return be(n = ft(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
-function Ta(e) {
-  var t = Xr(e);
+function Ma(e) {
+  var t = qr(e);
   return function(n, r, o, i) {
     for (var s = "", a = 0; a < t; a++)
       s += e[a](n, r, o, i) || "";
     return s;
   };
 }
-function Na(e) {
+function _a(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-const Ma = (e) => {
+const La = (e) => {
   switch (e.type) {
     case Ft:
       if (typeof e.props == "string") {
@@ -4515,7 +4554,7 @@ const Ma = (e) => {
           throw new Error(`"element.props" has type "string" (${JSON.stringify(e.props, null, 2)}), it's not expected. Please report a bug if it happens.`);
         return;
       }
-      e.props = e.props.map((t) => t.indexOf(":global(") === -1 ? t : xa(t).reduce((n, r, o, i) => {
+      e.props = e.props.map((t) => t.indexOf(":global(") === -1 ? t : Da(t).reduce((n, r, o, i) => {
         if (r === "")
           return n;
         if (r === ":" && i[o + 1] === "global") {
@@ -4530,8 +4569,8 @@ const Ma = (e) => {
       }, []).join(""));
   }
 };
-function Wr(e, t, n) {
-  switch (ma(e, t)) {
+function Jr(e, t, n) {
+  switch (wa(e, t)) {
     // color-adjust
     case 5103:
       return ve + "print-" + e + e;
@@ -4549,21 +4588,21 @@ function Wr(e, t, n) {
       return ve + e + e;
     // backdrop-filter, background-clip: text
     case 4215:
-      if (Z(e, 9) === 102 || Z(e, t + 1) === 116)
+      if (G(e, 9) === 102 || G(e, t + 1) === 116)
         return ve + e + e;
       break;
     // tab-size
     case 4789:
-      return at + e + e;
+      return ct + e + e;
     // appearance, user-select, hyphens
     case 5349:
     case 4246:
     case 6968:
-      return ve + e + at + e + e;
+      return ve + e + ct + e + e;
     // cursor
     // @ts-expect-error fall through is intentional here
     case 6187:
-      if (!Ur(e, /grab/))
+      if (!Kr(e, /grab/))
         return te(te(te(e, /(zoom-|grab)/, ve + "$1"), /(image-set)/, ve + "$1"), e, "") + e;
     // background, background-image
     case 5495:
@@ -4588,48 +4627,48 @@ function Wr(e, t, n) {
     case 5789:
     case 5021:
     case 4765:
-      if (be(e) - 1 - t > 6) switch (Z(e, t + 1)) {
+      if (be(e) - 1 - t > 6) switch (G(e, t + 1)) {
         // (f)ill-available
         // @ts-expect-error fall through is intentional here
         case 102:
-          if (Z(e, t + 3) === 108)
+          if (G(e, t + 3) === 108)
             return te(
               e,
               /(.+:)(.+)-([^]+)/,
               // eslint-disable-next-line no-useless-concat, eqeqeq
-              "$1" + ve + "$2-$3$1" + at + (Z(e, t + 3) == 108 ? "$3" : "$2-$3")
+              "$1" + ve + "$2-$3$1" + ct + (G(e, t + 3) == 108 ? "$3" : "$2-$3")
             ) + e;
         // (s)tretch
         case 115:
-          return ~Kr(e, "stretch") ? Wr(te(e, "stretch", "fill-available"), t) + e : e;
+          return ~Xr(e, "stretch") ? Jr(te(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
   }
   return e;
 }
-function _a(e, t, n, r) {
+function ka(e, t, n, r) {
   if (e.length > -1 && !e.return) switch (e.type) {
-    case xn:
-      e.return = Wr(e.value, e.length);
+    case Sn:
+      e.return = Jr(e.value, e.length);
       return;
     case Ft:
       if (e.length)
-        return ya(e.props, function(o) {
-          switch (Ur(o, /(::plac\w+|:read-\w+)/)) {
+        return xa(e.props, function(o) {
+          switch (Kr(o, /(::plac\w+|:read-\w+)/)) {
             // :read-(only|write)
             case ":read-only":
             case ":read-write":
-              return dt(
+              return ft(
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 [on(e, {
-                  props: [te(o, /:(read-\w+)/, ":" + at + "$1")]
+                  props: [te(o, /:(read-\w+)/, ":" + ct + "$1")]
                 })],
                 r
               );
             // :placeholder
             case "::placeholder":
-              return dt([
+              return ft([
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 on(e, {
@@ -4638,7 +4677,7 @@ function _a(e, t, n, r) {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 on(e, {
-                  props: [te(o, /:(plac\w+)/, ":" + at + "$1")]
+                  props: [te(o, /:(plac\w+)/, ":" + ct + "$1")]
                 })
               ], r);
           }
@@ -4646,22 +4685,22 @@ function _a(e, t, n, r) {
         });
   }
 }
-function La() {
+function Pa() {
 }
-function Jr(e, t) {
+function Qr(e, t) {
   const n = [];
-  return dt(Ia(e), Ta([
-    Ma,
+  return ft(Aa(e), Ma([
     La,
-    _a,
-    Aa,
+    Pa,
+    ka,
+    Na,
     // 💡 we are using `.insertRule()` API for DOM operations, which does not support
     // insertion of multiple CSS rules in a single call. `rulesheet` plugin extracts
     // individual rules to be used with this API
-    Na((r) => n.push(r))
+    _a((r) => n.push(r))
   ])), n;
 }
-function ka(e) {
+function $a(e) {
   let t = "";
   for (const n in e) {
     const r = e[n];
@@ -4675,49 +4714,49 @@ function ka(e) {
   }
   return t;
 }
-function Pa(e, t) {
-  const n = `${e} {${ka(t)}}`;
-  return Jr(n)[0];
+function Ba(e, t) {
+  const n = `${e} {${$a(t)}}`;
+  return Qr(n)[0];
 }
-function $a(e) {
+function za(e) {
   return e.reduce((t, n) => {
     if (typeof n == "string") {
-      const r = Jr(n);
+      const r = Qr(n);
       for (const o of r)
         t.push(o);
       return t;
     }
     for (const r in n) {
-      const o = n[r], i = Pa(r, o);
+      const o = n[r], i = Ba(r, o);
       t.push(i);
     }
     return t;
   }, []);
 }
-function Ba(e, t = la) {
+function Fa(e, t = da) {
   const n = t(), r = Array.isArray(e) ? e : [e];
   function o(i) {
     n(
       i.renderer,
       // 👇 static rules should be inserted into default bucket
       {
-        d: $a(r)
+        d: za(r)
       }
     );
   }
   return o;
 }
-function za() {
+function ja() {
   return typeof window < "u" && !!(window.document && window.document.createElement);
 }
 const ir = (
   // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
   // eslint-disable-next-line no-useless-concat
   Et.useInsertionEffect ? Et.useInsertionEffect : void 0
-), Fa = () => {
+), Ha = () => {
   const e = {};
   return function(n, r) {
-    if (ir && za()) {
+    if (ir && ja()) {
       ir(() => {
         n.insertCSSRules(r);
       }, [n, r]);
@@ -4725,21 +4764,21 @@ const ir = (
     }
     e[n.id] === void 0 && (n.insertCSSRules(r), e[n.id] = !0);
   };
-}, ja = /* @__PURE__ */ Et.createContext(/* @__PURE__ */ ca());
-function Va() {
-  return Et.useContext(ja);
+}, Va = /* @__PURE__ */ Et.createContext(/* @__PURE__ */ ua());
+function Ua() {
+  return Et.useContext(Va);
 }
-function Ha(e) {
-  const t = Ba(e, Fa);
+function Ka(e) {
+  const t = Fa(e, Ha);
   return process.env.NODE_ENV === "test" ? () => {
   } : function() {
     const o = {
-      renderer: Va()
+      renderer: Ua()
     };
     return t(o);
   };
 }
-const Ga = (e) => Ha({
+const Ga = (e) => Ka({
   '[data-ghost="true"][data-indicator="true"]': {
     opacity: 1,
     position: "relative",
@@ -4782,11 +4821,11 @@ const Ga = (e) => Ha({
   }
 });
 export {
-  Ya as SortableTree,
-  qa as TreeItemStructure,
+  Za as SortableTree,
+  js as TreeItemStructure,
   Ga as createSortableTreeGlobalStyles,
   kr as getItemById,
-  ls as removeItemById,
-  us as setTreeItemProperties
+  us as removeItemById,
+  ds as setTreeItemProperties
 };
 //# sourceMappingURL=react-sortable-tree.js.map