@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/chunks/{dnd-DDR6viHX.js → sortableList.component-1gWWNAQS.js}

@@ -1,9 +1,14 @@
-import M, { useLayoutEffect as Ln, useEffect as I, useRef as T, useMemo as A, useCallback as F, useState as X, memo as Pn, useReducer as kn, createContext as Ke, useContext as ve, forwardRef as zn, cloneElement as Bn } from "react";
-import { bO as ze } from "./vendor-BBfll6i3.js";
-function Fn() {
+import { j as _ } from "./jsx-runtime-C5mzlN2N.js";
+import M, { useLayoutEffect as Bn, useEffect as O, useRef as N, useMemo as E, useCallback as F, useState as B, memo as Fn, useReducer as Xn, createContext as Ee, useContext as ce, forwardRef as $n, cloneElement as Yn } from "react";
+import { r as Be } from "./use-locale-context-D-agiW5E.js";
+import { B as Kn } from "./button.component-BpF3MzbZ.js";
+import { W as Un } from "./text.component-BZSCPJLf.js";
+import { F as Wn } from "./flex-smlF8uQG.js";
+import { L as Hn, a as Vn } from "./list-DqH5ttQG.js";
+function qn() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return A(
+  return E(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -11,38 +16,38 @@ function Fn() {
     t
   );
 }
-const lt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Re(e) {
+const ct = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function Ae(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]";
 }
-function St(e) {
+function Rt(e) {
   return "nodeType" in e;
 }
-function $(e) {
+function X(e) {
   var t, n;
-  return e ? Re(e) ? e : St(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? Ae(e) ? e : Rt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
-function Rt(e) {
+function Et(e) {
   const {
     Document: t
-  } = $(e);
+  } = X(e);
   return e instanceof t;
 }
-function Ue(e) {
-  return Re(e) ? !1 : e instanceof $(e).HTMLElement;
+function We(e) {
+  return Ae(e) ? !1 : e instanceof X(e).HTMLElement;
 }
-function Gt(e) {
-  return e instanceof $(e).SVGElement;
+function rn(e) {
+  return e instanceof X(e).SVGElement;
 }
-function Ee(e) {
-  return e ? Re(e) ? e.document : St(e) ? Rt(e) ? e : Ue(e) || Gt(e) ? e.ownerDocument : document : document : document;
+function Ie(e) {
+  return e ? Ae(e) ? e.document : Rt(e) ? Et(e) ? e : We(e) || rn(e) ? e.ownerDocument : document : document : document;
 }
-const _ = lt ? Ln : I;
-function ct(e) {
-  const t = T(e);
-  return _(() => {
+const Q = ct ? Bn : O;
+function ut(e) {
+  const t = N(e);
+  return Q(() => {
     t.current = e;
   }), F(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
@@ -50,24 +55,24 @@ function ct(e) {
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
-function Xn() {
-  const e = T(null), t = F((r, o) => {
+function _n() {
+  const e = N(null), t = F((r, o) => {
     e.current = setInterval(r, o);
   }, []), n = F(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
 }
-function $e(e, t) {
+function Ye(e, t) {
   t === void 0 && (t = [e]);
-  const n = T(e);
-  return _(() => {
+  const n = N(e);
+  return Q(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
-function We(e, t) {
-  const n = T();
-  return A(
+function He(e, t) {
+  const n = N();
+  return E(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -76,8 +81,8 @@ function We(e, t) {
     [...t]
   );
 }
-function nt(e) {
-  const t = ct(e), n = T(null), r = F(
+function rt(e) {
+  const t = ut(e), n = N(null), r = F(
     (o) => {
       o !== n.current && t?.(o, n.current), n.current = o;
     },
@@ -86,30 +91,30 @@ function nt(e) {
   );
   return [n, r];
 }
-function rt(e) {
-  const t = T();
-  return I(() => {
+function ot(e) {
+  const t = N();
+  return O(() => {
     t.current = e;
   }, [e]), t.current;
 }
-let bt = {};
-function He(e, t) {
-  return A(() => {
+let mt = {};
+function Ve(e, t) {
+  return E(() => {
     if (t)
       return t;
-    const n = bt[e] == null ? 0 : bt[e] + 1;
-    return bt[e] = n, e + "-" + n;
+    const n = mt[e] == null ? 0 : mt[e] + 1;
+    return mt[e] = n, e + "-" + n;
   }, [e, t]);
 }
-function _t(e) {
+function on(e) {
   return function(t) {
     for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
       r[o - 1] = arguments[o];
     return r.reduce((i, s) => {
       const a = Object.entries(s);
-      for (const [l, u] of a) {
+      for (const [l, c] of a) {
         const d = i[l];
-        d != null && (i[l] = d + e * u);
+        d != null && (i[l] = d + e * c);
       }
       return i;
     }, {
@@ -117,28 +122,28 @@ function _t(e) {
     });
   };
 }
-const Se = /* @__PURE__ */ _t(1), je = /* @__PURE__ */ _t(-1);
-function $n(e) {
+const Re = /* @__PURE__ */ on(1), Ke = /* @__PURE__ */ on(-1);
+function Jn(e) {
   return "clientX" in e && "clientY" in e;
 }
-function ut(e) {
+function dt(e) {
   if (!e)
     return !1;
   const {
     KeyboardEvent: t
-  } = $(e.target);
+  } = X(e.target);
   return t && e instanceof t;
 }
-function jn(e) {
+function Gn(e) {
   if (!e)
     return !1;
   const {
     TouchEvent: t
-  } = $(e.target);
+  } = X(e.target);
   return t && e instanceof t;
 }
-function ot(e) {
-  if (jn(e)) {
+function it(e) {
+  if (Gn(e)) {
     if (e.touches && e.touches.length) {
       const {
         clientX: t,
@@ -159,7 +164,7 @@ function ot(e) {
       };
     }
   }
-  return $n(e) ? {
+  return Jn(e) ? {
     x: e.clientX,
     y: e.clientY
   } : null;
@@ -203,24 +208,24 @@ const be = /* @__PURE__ */ Object.freeze({
       return t + " " + n + "ms " + r;
     }
   }
-}), Bt = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function Yn(e) {
-  return e.matches(Bt) ? e : e.querySelector(Bt);
+}), Yt = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function Qn(e) {
+  return e.matches(Yt) ? e : e.querySelector(Yt);
 }
-const Kn = {
+const Zn = {
   display: "none"
 };
-function Un(e) {
+function er(e) {
   let {
     id: t,
     value: n
   } = e;
   return M.createElement("div", {
     id: t,
-    style: Kn
+    style: Zn
   }, n);
 }
-function Wn(e) {
+function tr(e) {
   let {
     id: t,
     announcement: n,
@@ -248,8 +253,8 @@ function Wn(e) {
     "aria-atomic": !0
   }, n);
 }
-function Hn() {
-  const [e, t] = X("");
+function nr() {
+  const [e, t] = B("");
   return {
     announce: F((r) => {
       r != null && t(r);
@@ -257,17 +262,17 @@ function Hn() {
     announcement: e
   };
 }
-const Qt = /* @__PURE__ */ Ke(null);
-function Vn(e) {
-  const t = ve(Qt);
-  I(() => {
+const sn = /* @__PURE__ */ Ee(null);
+function rr(e) {
+  const t = ce(sn);
+  O(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
-function qn() {
-  const [e] = X(() => /* @__PURE__ */ new Set()), t = F((r) => (e.add(r), () => e.delete(r)), [e]);
+function or() {
+  const [e] = B(() => /* @__PURE__ */ new Set()), t = F((r) => (e.add(r), () => e.delete(r)), [e]);
   return [F((r) => {
     let {
       type: o,
@@ -279,13 +284,13 @@ function qn() {
     });
   }, [e]), t];
 }
-const Jn = {
+const ir = {
   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.
   `
-}, Gn = {
+}, sr = {
   onDragStart(e) {
     let {
       active: t
@@ -313,63 +318,63 @@ const Jn = {
     return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
   }
 };
-function _n(e) {
+function ar(e) {
   let {
-    announcements: t = Gn,
+    announcements: t = sr,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: o = Jn
+    screenReaderInstructions: o = ir
   } = e;
   const {
     announce: i,
     announcement: s
-  } = Hn(), a = He("DndLiveRegion"), [l, u] = X(!1);
-  if (I(() => {
-    u(!0);
-  }, []), Vn(A(() => ({
-    onDragStart(c) {
+  } = nr(), a = Ve("DndLiveRegion"), [l, c] = B(!1);
+  if (O(() => {
+    c(!0);
+  }, []), rr(E(() => ({
+    onDragStart(u) {
       let {
         active: g
-      } = c;
+      } = u;
       i(t.onDragStart({
         active: g
       }));
     },
-    onDragMove(c) {
+    onDragMove(u) {
       let {
         active: g,
         over: f
-      } = c;
+      } = u;
       t.onDragMove && i(t.onDragMove({
         active: g,
         over: f
       }));
     },
-    onDragOver(c) {
+    onDragOver(u) {
       let {
         active: g,
         over: f
-      } = c;
+      } = u;
       i(t.onDragOver({
         active: g,
         over: f
       }));
     },
-    onDragEnd(c) {
+    onDragEnd(u) {
       let {
         active: g,
         over: f
-      } = c;
+      } = u;
       i(t.onDragEnd({
         active: g,
         over: f
       }));
     },
-    onDragCancel(c) {
+    onDragCancel(u) {
       let {
         active: g,
         over: f
-      } = c;
+      } = u;
       i(t.onDragCancel({
         active: g,
         over: f
@@ -377,23 +382,23 @@ function _n(e) {
     }
   }), [i, t])), !l)
     return null;
-  const d = M.createElement(M.Fragment, null, M.createElement(Un, {
+  const d = M.createElement(M.Fragment, null, M.createElement(er, {
     id: r,
     value: o.draggable
-  }), M.createElement(Wn, {
+  }), M.createElement(tr, {
     id: a,
     announcement: s
   }));
-  return n ? ze.createPortal(d, n) : d;
+  return n ? Be.createPortal(d, n) : d;
 }
 var P;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
 })(P || (P = {}));
-function it() {
+function st() {
 }
-function Io(e, t) {
-  return A(
+function Kt(e, t) {
+  return E(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -402,24 +407,24 @@ function Io(e, t) {
     [e, t]
   );
 }
-function To() {
+function lr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return A(
+  return E(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
   );
 }
-const Q = /* @__PURE__ */ Object.freeze({
+const Z = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
-function Qn(e, t) {
+function cr(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
-function Zn(e, t) {
-  const n = ot(e);
+function ur(e, t) {
+  const n = it(e);
   if (!n)
     return "0 0";
   const r = {
@@ -428,7 +433,7 @@ function Zn(e, t) {
   };
   return r.x + "% " + r.y + "%";
 }
-function er(e, t) {
+function dr(e, t) {
   let {
     data: {
       value: n
@@ -440,7 +445,7 @@ function er(e, t) {
   } = t;
   return n - r;
 }
-function tr(e, t) {
+function fr(e, t) {
   let {
     data: {
       value: n
@@ -452,7 +457,7 @@ function tr(e, t) {
   } = t;
   return r - n;
 }
-function Ft(e) {
+function Ut(e) {
   let {
     left: t,
     top: n,
@@ -473,45 +478,45 @@ function Ft(e) {
     y: n + r
   }];
 }
-function Zt(e, t) {
+function an(e, t) {
   if (!e || e.length === 0)
     return null;
   const [n] = e;
   return n[t];
 }
-const nr = (e) => {
+const gr = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
     droppableContainers: r
   } = e;
-  const o = Ft(t), i = [];
+  const o = Ut(t), i = [];
   for (const s of r) {
     const {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const u = Ft(l), d = o.reduce((g, f, w) => g + Qn(u[w], f), 0), c = Number((d / 4).toFixed(4));
+      const c = Ut(l), d = o.reduce((g, f, w) => g + cr(c[w], f), 0), u = Number((d / 4).toFixed(4));
       i.push({
         id: a,
         data: {
           droppableContainer: s,
-          value: c
+          value: u
         }
       });
     }
   }
-  return i.sort(er);
+  return i.sort(dr);
 };
-function rr(e, t) {
+function hr(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 l = t.width * t.height, u = e.width * e.height, d = s * a, c = d / (l + u - d);
-    return Number(c.toFixed(4));
+    const l = t.width * t.height, c = e.width * e.height, d = s * a, u = d / (l + c - d);
+    return Number(u.toFixed(4));
   }
   return 0;
 }
-const or = (e) => {
+const vr = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -523,7 +528,7 @@ const or = (e) => {
       id: s
     } = i, a = n.get(s);
     if (a) {
-      const l = rr(a, t);
+      const l = hr(a, t);
       l > 0 && o.push({
         id: s,
         data: {
@@ -533,22 +538,22 @@ const or = (e) => {
       });
     }
   }
-  return o.sort(tr);
+  return o.sort(fr);
 };
-function ir(e, t, n) {
+function pr(e, t, n) {
   return {
     ...e,
     scaleX: t && n ? t.width / n.width : 1,
     scaleY: t && n ? t.height / n.height : 1
   };
 }
-function en(e, t) {
+function ln(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
-  } : Q;
+  } : Z;
 }
-function sr(e) {
+function br(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];
@@ -563,8 +568,8 @@ function sr(e) {
     });
   };
 }
-const ar = /* @__PURE__ */ sr(1);
-function tn(e) {
+const mr = /* @__PURE__ */ br(1);
+function cn(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
     return {
@@ -584,8 +589,8 @@ function tn(e) {
   }
   return null;
 }
-function lr(e, t, n) {
-  const r = tn(t);
+function yr(e, t, n) {
+  const r = cn(t);
   if (!r)
     return e;
   const {
@@ -593,28 +598,28 @@ function lr(e, t, n) {
     scaleY: i,
     x: s,
     y: a
-  } = r, l = e.left - s - (1 - o) * parseFloat(n), u = e.top - a - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = o ? e.width / o : e.width, c = i ? e.height / i : e.height;
+  } = r, l = e.left - s - (1 - o) * parseFloat(n), c = e.top - a - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = o ? e.width / o : e.width, u = i ? e.height / i : e.height;
   return {
     width: d,
-    height: c,
-    top: u,
+    height: u,
+    top: c,
     right: l + d,
-    bottom: u + c,
+    bottom: c + u,
     left: l
   };
 }
-const cr = {
+const wr = {
   ignoreTransform: !1
 };
-function Ae(e, t) {
-  t === void 0 && (t = cr);
+function Oe(e, t) {
+  t === void 0 && (t = wr);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
-      transform: u,
+      transform: c,
       transformOrigin: d
-    } = $(e).getComputedStyle(e);
-    u && (n = lr(n, u, d));
+    } = X(e).getComputedStyle(e);
+    c && (n = yr(n, c, d));
   }
   const {
     top: r,
@@ -633,12 +638,12 @@ function Ae(e, t) {
     right: l
   };
 }
-function Xt(e) {
-  return Ae(e, {
+function Wt(e) {
+  return Oe(e, {
     ignoreTransform: !0
   });
 }
-function ur(e) {
+function xr(e) {
   const t = e.innerWidth, n = e.innerHeight;
   return {
     top: 0,
@@ -649,62 +654,62 @@ function ur(e) {
     height: n
   };
 }
-function dr(e, t) {
-  return t === void 0 && (t = $(e).getComputedStyle(e)), t.position === "fixed";
+function Dr(e, t) {
+  return t === void 0 && (t = X(e).getComputedStyle(e)), t.position === "fixed";
 }
-function fr(e, t) {
-  t === void 0 && (t = $(e).getComputedStyle(e));
+function Sr(e, t) {
+  t === void 0 && (t = X(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const i = t[o];
     return typeof i == "string" ? n.test(i) : !1;
   });
 }
-function dt(e, t) {
+function ft(e, t) {
   const n = [];
   function r(o) {
     if (t != null && n.length >= t || !o)
       return n;
-    if (Rt(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
+    if (Et(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
-    if (!Ue(o) || Gt(o) || n.includes(o))
+    if (!We(o) || rn(o) || n.includes(o))
       return n;
-    const i = $(e).getComputedStyle(o);
-    return o !== e && fr(o, i) && n.push(o), dr(o, i) ? n : r(o.parentNode);
+    const i = X(e).getComputedStyle(o);
+    return o !== e && Sr(o, i) && n.push(o), Dr(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
-function nn(e) {
-  const [t] = dt(e, 1);
+function un(e) {
+  const [t] = ft(e, 1);
   return t ?? null;
 }
-function mt(e) {
-  return !lt || !e ? null : Re(e) ? e : St(e) ? Rt(e) || e === Ee(e).scrollingElement ? window : Ue(e) ? e : null : null;
+function yt(e) {
+  return !ct || !e ? null : Ae(e) ? e : Rt(e) ? Et(e) || e === Ie(e).scrollingElement ? window : We(e) ? e : null : null;
 }
-function rn(e) {
-  return Re(e) ? e.scrollX : e.scrollLeft;
+function dn(e) {
+  return Ae(e) ? e.scrollX : e.scrollLeft;
 }
-function on(e) {
-  return Re(e) ? e.scrollY : e.scrollTop;
+function fn(e) {
+  return Ae(e) ? e.scrollY : e.scrollTop;
 }
-function xt(e) {
+function Dt(e) {
   return {
-    x: rn(e),
-    y: on(e)
+    x: dn(e),
+    y: fn(e)
   };
 }
 var k;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
 })(k || (k = {}));
-function sn(e) {
-  return !lt || !e ? !1 : e === document.scrollingElement;
+function gn(e) {
+  return !ct || !e ? !1 : e === document.scrollingElement;
 }
-function an(e) {
+function hn(e) {
   const t = {
     x: 0,
     y: 0
-  }, n = sn(e) ? {
+  }, n = gn(e) ? {
     height: window.innerHeight,
     width: window.innerWidth
   } : {
@@ -723,24 +728,24 @@ function an(e) {
     minScroll: t
   };
 }
-const gr = {
+const Cr = {
   x: 0.2,
   y: 0.2
 };
-function hr(e, t, n, r, o) {
+function Rr(e, t, n, r, o) {
   let {
     top: i,
     left: s,
     right: a,
     bottom: l
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = gr);
+  r === void 0 && (r = 10), o === void 0 && (o = Cr);
   const {
-    isTop: u,
+    isTop: c,
     isBottom: d,
-    isLeft: c,
+    isLeft: u,
     isRight: g
-  } = an(e), f = {
+  } = hn(e), f = {
     x: 0,
     y: 0
   }, w = {
@@ -750,12 +755,12 @@ function hr(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !u && i <= t.top + h.height ? (f.y = k.Backward, w.y = r * Math.abs((t.top + h.height - i) / h.height)) : !d && l >= t.bottom - h.height && (f.y = k.Forward, w.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !g && a >= t.right - h.width ? (f.x = k.Forward, w.x = r * Math.abs((t.right - h.width - a) / h.width)) : !c && s <= t.left + h.width && (f.x = k.Backward, w.x = r * Math.abs((t.left + h.width - s) / h.width)), {
+  return !c && i <= t.top + h.height ? (f.y = k.Backward, w.y = r * Math.abs((t.top + h.height - i) / h.height)) : !d && l >= t.bottom - h.height && (f.y = k.Forward, w.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !g && a >= t.right - h.width ? (f.x = k.Forward, w.x = r * Math.abs((t.right - h.width - a) / h.width)) : !u && s <= t.left + h.width && (f.x = k.Backward, w.x = r * Math.abs((t.left + h.width - s) / h.width)), {
     direction: f,
     speed: w
   };
 }
-function vr(e) {
+function Er(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: i,
@@ -785,17 +790,17 @@ function vr(e) {
     height: e.clientHeight
   };
 }
-function ln(e) {
-  return e.reduce((t, n) => Se(t, xt(n)), Q);
+function vn(e) {
+  return e.reduce((t, n) => Re(t, Dt(n)), Z);
 }
-function pr(e) {
-  return e.reduce((t, n) => t + rn(n), 0);
+function Ar(e) {
+  return e.reduce((t, n) => t + dn(n), 0);
 }
-function br(e) {
-  return e.reduce((t, n) => t + on(n), 0);
+function Ir(e) {
+  return e.reduce((t, n) => t + fn(n), 0);
 }
-function cn(e, t) {
-  if (t === void 0 && (t = Ae), !e)
+function pn(e, t) {
+  if (t === void 0 && (t = Oe), !e)
     return;
   const {
     top: n,
@@ -803,24 +808,24 @@ function cn(e, t) {
     bottom: o,
     right: i
   } = t(e);
-  nn(e) && (o <= 0 || i <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+  un(e) && (o <= 0 || i <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
     block: "center",
     inline: "center"
   });
 }
-const mr = [["x", ["left", "right"], pr], ["y", ["top", "bottom"], br]];
-class Et {
+const Or = [["x", ["left", "right"], Ar], ["y", ["top", "bottom"], Ir]];
+class At {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-    const r = dt(n), o = ln(r);
+    const r = ft(n), o = vn(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
-    for (const [i, s, a] of mr)
+    for (const [i, s, a] of Or)
       for (const l of s)
         Object.defineProperty(this, l, {
           get: () => {
-            const u = a(r), d = o[i] - u;
+            const c = a(r), d = o[i] - c;
             return this.rect[l] + d;
           },
           enumerable: !0
@@ -830,7 +835,7 @@ class Et {
     });
   }
 }
-class Be {
+class Fe {
   constructor(t) {
     this.target = void 0, this.listeners = [], this.removeAll = () => {
       this.listeners.forEach((n) => {
@@ -844,13 +849,13 @@ class Be {
     (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function yr(e) {
+function Nr(e) {
   const {
     EventTarget: t
-  } = $(e);
-  return e instanceof t ? e : Ee(e);
+  } = X(e);
+  return e instanceof t ? e : Ie(e);
 }
-function yt(e, t) {
+function wt(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;
 }
@@ -858,21 +863,21 @@ var q;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
 })(q || (q = {}));
-function $t(e) {
+function Ht(e) {
   e.preventDefault();
 }
-function wr(e) {
+function Tr(e) {
   e.stopPropagation();
 }
 var D;
 (function(e) {
   e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
 })(D || (D = {}));
-const un = {
+const bn = {
   start: [D.Space, D.Enter],
   cancel: [D.Esc],
   end: [D.Space, D.Enter, D.Tab]
-}, xr = (e, t) => {
+}, Mr = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
@@ -899,7 +904,7 @@ const un = {
       };
   }
 };
-class dn {
+class It {
   constructor(t) {
     this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
     const {
@@ -907,7 +912,7 @@ class dn {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Be(Ee(n)), this.windowListeners = new Be($(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Fe(Ie(n)), this.windowListeners = new Fe(X(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(q.Resize, this.handleCancel), this.windowListeners.add(q.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(q.Keydown, this.handleKeyDown));
@@ -917,17 +922,17 @@ class dn {
       activeNode: t,
       onStart: n
     } = this.props, r = t.node.current;
-    r && cn(r), n(Q);
+    r && pn(r), n(Z);
   }
   handleKeyDown(t) {
-    if (ut(t)) {
+    if (dt(t)) {
       const {
         active: n,
         context: r,
         options: o
       } = this.props, {
-        keyboardCodes: i = un,
-        coordinateGetter: s = xr,
+        keyboardCodes: i = bn,
+        coordinateGetter: s = Mr,
         scrollBehavior: a = "smooth"
       } = o, {
         code: l
@@ -941,19 +946,19 @@ class dn {
         return;
       }
       const {
-        collisionRect: u
-      } = r.current, d = u ? {
-        x: u.left,
-        y: u.top
-      } : Q;
+        collisionRect: c
+      } = r.current, d = c ? {
+        x: c.left,
+        y: c.top
+      } : Z;
       this.referenceCoordinates || (this.referenceCoordinates = d);
-      const c = s(t, {
+      const u = s(t, {
         active: n,
         context: r.current,
         currentCoordinates: d
       });
-      if (c) {
-        const g = je(c, d), f = {
+      if (u) {
+        const g = Ke(u, d), f = {
           x: 0,
           y: 0
         }, {
@@ -964,44 +969,44 @@ class dn {
             isTop: b,
             isRight: m,
             isLeft: p,
-            isBottom: C,
-            maxScroll: S,
+            isBottom: S,
+            maxScroll: C,
             minScroll: R
-          } = an(h), y = vr(h), x = {
-            x: Math.min(v === D.Right ? y.right - y.width / 2 : y.right, Math.max(v === D.Right ? y.left : y.left + y.width / 2, c.x)),
-            y: Math.min(v === D.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(v === D.Down ? y.top : y.top + y.height / 2, c.y))
-          }, N = v === D.Right && !m || v === D.Left && !p, L = v === D.Down && !C || v === D.Up && !b;
-          if (N && x.x !== c.x) {
-            const O = h.scrollLeft + g.x, J = v === D.Right && O <= S.x || v === D.Left && O >= R.x;
+          } = hn(h), y = Er(h), x = {
+            x: Math.min(v === D.Right ? y.right - y.width / 2 : y.right, Math.max(v === D.Right ? y.left : y.left + y.width / 2, u.x)),
+            y: Math.min(v === D.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(v === D.Down ? y.top : y.top + y.height / 2, u.y))
+          }, T = v === D.Right && !m || v === D.Left && !p, L = v === D.Down && !S || v === D.Up && !b;
+          if (T && x.x !== u.x) {
+            const I = h.scrollLeft + g.x, J = v === D.Right && I <= C.x || v === D.Left && I >= R.x;
             if (J && !g.y) {
               h.scrollTo({
-                left: O,
+                left: I,
                 behavior: a
               });
               return;
             }
-            J ? f.x = h.scrollLeft - O : f.x = v === D.Right ? h.scrollLeft - S.x : h.scrollLeft - R.x, f.x && h.scrollBy({
+            J ? f.x = h.scrollLeft - I : f.x = v === D.Right ? h.scrollLeft - C.x : h.scrollLeft - R.x, f.x && h.scrollBy({
               left: -f.x,
               behavior: a
             });
             break;
-          } else if (L && x.y !== c.y) {
-            const O = h.scrollTop + g.y, J = v === D.Down && O <= S.y || v === D.Up && O >= R.y;
+          } else if (L && x.y !== u.y) {
+            const I = h.scrollTop + g.y, J = v === D.Down && I <= C.y || v === D.Up && I >= R.y;
             if (J && !g.x) {
               h.scrollTo({
-                top: O,
+                top: I,
                 behavior: a
               });
               return;
             }
-            J ? f.y = h.scrollTop - O : f.y = v === D.Down ? h.scrollTop - S.y : h.scrollTop - R.y, f.y && h.scrollBy({
+            J ? f.y = h.scrollTop - I : f.y = v === D.Down ? h.scrollTop - C.y : h.scrollTop - R.y, f.y && h.scrollBy({
               top: -f.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Se(je(c, this.referenceCoordinates), f));
+        this.handleMove(t, Re(Ke(u, this.referenceCoordinates), f));
       }
     }
   }
@@ -1027,11 +1032,11 @@ class dn {
     this.listeners.removeAll(), this.windowListeners.removeAll();
   }
 }
-dn.activators = [{
+It.activators = [{
   eventName: "onKeyDown",
   handler: (e, t, n) => {
     let {
-      keyboardCodes: r = un,
+      keyboardCodes: r = bn,
       onActivation: o
     } = t, {
       active: i
@@ -1048,22 +1053,22 @@ dn.activators = [{
     return !1;
   }
 }];
-function jt(e) {
+function Vt(e) {
   return !!(e && "distance" in e);
 }
-function Yt(e) {
+function qt(e) {
   return !!(e && "delay" in e);
 }
-class At {
+class Ot {
   constructor(t, n, r) {
     var o;
-    r === void 0 && (r = yr(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 = Nr(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 = Ee(s), this.documentListeners = new Be(this.document), this.listeners = new Be(r), this.windowListeners = new Be($(s)), this.initialCoordinates = (o = ot(i)) != null ? o : Q, 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 = Ie(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(X(s)), this.initialCoordinates = (o = it(i)) != null ? o : Z, 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 {
@@ -1077,18 +1082,18 @@ class At {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(q.Resize, this.handleCancel), this.windowListeners.add(q.DragStart, $t), this.windowListeners.add(q.VisibilityChange, this.handleCancel), this.windowListeners.add(q.ContextMenu, $t), this.documentListeners.add(q.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(q.Resize, this.handleCancel), this.windowListeners.add(q.DragStart, Ht), this.windowListeners.add(q.VisibilityChange, this.handleCancel), this.windowListeners.add(q.ContextMenu, Ht), this.documentListeners.add(q.Keydown, this.handleKeydown), n) {
       if (r != null && r({
         event: this.props.event,
         activeNode: this.props.activeNode,
         options: this.props.options
       }))
         return this.handleStart();
-      if (Yt(n)) {
+      if (qt(n)) {
         this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
         return;
       }
-      if (jt(n)) {
+      if (Vt(n)) {
         this.handlePending(n);
         return;
       }
@@ -1111,7 +1116,7 @@ class At {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(q.Click, wr, {
+    t && (this.activated = !0, this.documentListeners.add(q.Click, Tr, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(q.SelectionChange, this.removeTextSelection), n(t));
   }
@@ -1129,17 +1134,17 @@ class At {
     } = i;
     if (!o)
       return;
-    const l = (n = ot(t)) != null ? n : Q, u = je(o, l);
+    const l = (n = it(t)) != null ? n : Z, c = Ke(o, l);
     if (!r && a) {
-      if (jt(a)) {
-        if (a.tolerance != null && yt(u, a.tolerance))
+      if (Vt(a)) {
+        if (a.tolerance != null && wt(c, a.tolerance))
           return this.handleCancel();
-        if (yt(u, a.distance))
+        if (wt(c, a.distance))
           return this.handleStart();
       }
-      if (Yt(a) && yt(u, a.tolerance))
+      if (qt(a) && wt(c, a.tolerance))
         return this.handleCancel();
-      this.handlePending(a, u);
+      this.handlePending(a, c);
       return;
     }
     t.cancelable && t.preventDefault(), s(l);
@@ -1166,7 +1171,7 @@ class At {
     (t = this.document.getSelection()) == null || t.removeAllRanges();
   }
 }
-const Dr = {
+const Lr = {
   cancel: {
     name: "pointercancel"
   },
@@ -1177,15 +1182,15 @@ const Dr = {
     name: "pointerup"
   }
 };
-class fn extends At {
+class Nt extends Ot {
   constructor(t) {
     const {
       event: n
-    } = t, r = Ee(n.target);
-    super(t, Dr, r);
+    } = t, r = Ie(n.target);
+    super(t, Lr, r);
   }
 }
-fn.activators = [{
+Nt.activators = [{
   eventName: "onPointerDown",
   handler: (e, t) => {
     let {
@@ -1198,7 +1203,7 @@ fn.activators = [{
     }), !0);
   }
 }];
-const Cr = {
+const Pr = {
   move: {
     name: "mousemove"
   },
@@ -1206,16 +1211,16 @@ const Cr = {
     name: "mouseup"
   }
 };
-var Dt;
+var St;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
-})(Dt || (Dt = {}));
-class Sr extends At {
+})(St || (St = {}));
+class kr extends Ot {
   constructor(t) {
-    super(t, Cr, Ee(t.event.target));
+    super(t, Pr, Ie(t.event.target));
   }
 }
-Sr.activators = [{
+kr.activators = [{
   eventName: "onMouseDown",
   handler: (e, t) => {
     let {
@@ -1223,12 +1228,12 @@ Sr.activators = [{
     } = e, {
       onActivation: r
     } = t;
-    return n.button === Dt.RightClick ? !1 : (r?.({
+    return n.button === St.RightClick ? !1 : (r?.({
       event: n
     }), !0);
   }
 }];
-const wt = {
+const xt = {
   cancel: {
     name: "touchcancel"
   },
@@ -1239,22 +1244,22 @@ const wt = {
     name: "touchend"
   }
 };
-class Rr extends At {
+class zr extends Ot {
   constructor(t) {
-    super(t, wt);
+    super(t, xt);
   }
   static setup() {
-    return window.addEventListener(wt.move.name, t, {
+    return window.addEventListener(xt.move.name, t, {
       capture: !1,
       passive: !1
     }), function() {
-      window.removeEventListener(wt.move.name, t);
+      window.removeEventListener(xt.move.name, t);
     };
     function t() {
     }
   }
 }
-Rr.activators = [{
+zr.activators = [{
   eventName: "onTouchStart",
   handler: (e, t) => {
     let {
@@ -1270,77 +1275,77 @@ Rr.activators = [{
     }), !0);
   }
 }];
-var Fe;
+var Xe;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(Fe || (Fe = {}));
-var st;
+})(Xe || (Xe = {}));
+var at;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(st || (st = {}));
-function Er(e) {
+})(at || (at = {}));
+function jr(e) {
   let {
     acceleration: t,
-    activator: n = Fe.Pointer,
+    activator: n = Xe.Pointer,
     canScroll: r,
     draggingRect: o,
     enabled: i,
     interval: s = 5,
-    order: a = st.TreeOrder,
+    order: a = at.TreeOrder,
     pointerCoordinates: l,
-    scrollableAncestors: u,
+    scrollableAncestors: c,
     scrollableAncestorRects: d,
-    delta: c,
+    delta: u,
     threshold: g
   } = e;
-  const f = Or({
-    delta: c,
+  const f = Fr({
+    delta: u,
     disabled: !i
-  }), [w, h] = Xn(), v = T({
+  }), [w, h] = _n(), v = N({
     x: 0,
     y: 0
-  }), b = T({
+  }), b = N({
     x: 0,
     y: 0
-  }), m = A(() => {
+  }), m = E(() => {
     switch (n) {
-      case Fe.Pointer:
+      case Xe.Pointer:
         return l ? {
           top: l.y,
           bottom: l.y,
           left: l.x,
           right: l.x
         } : null;
-      case Fe.DraggableRect:
+      case Xe.DraggableRect:
         return o;
     }
-  }, [n, o, l]), p = T(null), C = F(() => {
+  }, [n, o, l]), p = N(null), S = F(() => {
     const R = p.current;
     if (!R)
       return;
     const y = v.current.x * b.current.x, x = v.current.y * b.current.y;
     R.scrollBy(y, x);
-  }, []), S = A(() => a === st.TreeOrder ? [...u].reverse() : u, [a, u]);
-  I(
+  }, []), C = E(() => a === at.TreeOrder ? [...c].reverse() : c, [a, c]);
+  O(
     () => {
-      if (!i || !u.length || !m) {
+      if (!i || !c.length || !m) {
         h();
         return;
       }
-      for (const R of S) {
+      for (const R of C) {
         if (r?.(R) === !1)
           continue;
-        const y = u.indexOf(R), x = d[y];
+        const y = c.indexOf(R), x = d[y];
         if (!x)
           continue;
         const {
-          direction: N,
+          direction: T,
           speed: L
-        } = hr(R, x, m, t, g);
-        for (const O of ["x", "y"])
-          f[O][N[O]] || (L[O] = 0, N[O] = 0);
+        } = Rr(R, x, m, t, g);
+        for (const I of ["x", "y"])
+          f[I][T[I]] || (L[I] = 0, T[I] = 0);
         if (L.x > 0 || L.y > 0) {
-          h(), p.current = R, w(C, s), v.current = L, b.current = N;
+          h(), p.current = R, w(S, s), v.current = L, b.current = T;
           return;
         }
       }
@@ -1355,7 +1360,7 @@ function Er(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      C,
+      S,
       r,
       h,
       i,
@@ -1365,15 +1370,15 @@ function Er(e) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(f),
       w,
-      u,
-      S,
+      c,
+      C,
       d,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(g)
     ]
   );
 }
-const Ar = {
+const Br = {
   x: {
     [k.Backward]: !1,
     [k.Forward]: !1
@@ -1383,15 +1388,15 @@ const Ar = {
     [k.Forward]: !1
   }
 };
-function Or(e) {
+function Fr(e) {
   let {
     delta: t,
     disabled: n
   } = e;
-  const r = rt(t);
-  return We((o) => {
+  const r = ot(t);
+  return He((o) => {
     if (n || !r || !o)
-      return Ar;
+      return Br;
     const i = {
       x: Math.sign(t.x - r.x),
       y: Math.sign(t.y - r.y)
@@ -1408,15 +1413,15 @@ function Or(e) {
     };
   }, [n, t, r]);
 }
-function Ir(e, t) {
+function Xr(e, t) {
   const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
-  return We((o) => {
+  return He((o) => {
     var i;
     return t == null ? null : (i = r ?? o) != null ? i : null;
   }, [r, t]);
 }
-function Tr(e, t) {
-  return A(() => e.reduce((n, r) => {
+function $r(e, t) {
+  return E(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((s) => ({
@@ -1426,31 +1431,31 @@ function Tr(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var Ye;
+var Ue;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Ye || (Ye = {}));
+})(Ue || (Ue = {}));
 var Ct;
 (function(e) {
   e.Optimized = "optimized";
 })(Ct || (Ct = {}));
-const Kt = /* @__PURE__ */ new Map();
-function Nr(e, t) {
+const _t = /* @__PURE__ */ new Map();
+function Yr(e, t) {
   let {
     dragging: n,
     dependencies: r,
     config: o
   } = t;
-  const [i, s] = X(null), {
+  const [i, s] = B(null), {
     frequency: a,
     measure: l,
-    strategy: u
-  } = o, d = T(e), c = v(), g = $e(c), f = F(function(b) {
+    strategy: c
+  } = o, d = N(e), u = v(), g = Ye(u), f = F(function(b) {
     b === void 0 && (b = []), !g.current && s((m) => m === null ? b : m.concat(b.filter((p) => !m.includes(p))));
-  }, [g]), w = T(null), h = We((b) => {
-    if (c && !n)
-      return Kt;
-    if (!b || b === Kt || d.current !== e || i != null) {
+  }, [g]), w = N(null), h = He((b) => {
+    if (u && !n)
+      return _t;
+    if (!b || b === _t || d.current !== e || i != null) {
       const m = /* @__PURE__ */ new Map();
       for (let p of e) {
         if (!p)
@@ -1459,63 +1464,63 @@ function Nr(e, t) {
           m.set(p.id, p.rect.current);
           continue;
         }
-        const C = p.node.current, S = C ? new Et(l(C), C) : null;
-        p.rect.current = S, S && m.set(p.id, S);
+        const S = p.node.current, C = S ? new At(l(S), S) : null;
+        p.rect.current = C, C && m.set(p.id, C);
       }
       return m;
     }
     return b;
-  }, [e, i, n, c, l]);
-  return I(() => {
+  }, [e, i, n, u, l]);
+  return O(() => {
     d.current = e;
-  }, [e]), I(
+  }, [e]), O(
     () => {
-      c || f();
+      u || f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n, c]
-  ), I(
+    [n, u]
+  ), O(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), I(
+  ), O(
     () => {
-      c || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
+      u || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
         f(), w.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, c, f, ...r]
+    [a, u, f, ...r]
   ), {
     droppableRects: h,
     measureDroppableContainers: f,
     measuringScheduled: i != null
   };
   function v() {
-    switch (u) {
-      case Ye.Always:
+    switch (c) {
+      case Ue.Always:
         return !1;
-      case Ye.BeforeDragging:
+      case Ue.BeforeDragging:
         return n;
       default:
         return !n;
     }
   }
 }
-function Ot(e, t) {
-  return We((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+function Tt(e, t) {
+  return He((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function Mr(e, t) {
-  return Ot(e, t);
+function Kr(e, t) {
+  return Tt(e, t);
 }
-function Lr(e) {
+function Ur(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = ct(t), o = A(() => {
+  const r = ut(t), o = E(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1523,14 +1528,14 @@ function Lr(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return I(() => () => o?.disconnect(), [o]), o;
+  return O(() => () => o?.disconnect(), [o]), o;
 }
-function ft(e) {
+function gt(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = ct(t), o = A(
+  const r = ut(t), o = E(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1542,75 +1547,75 @@ function ft(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return I(() => () => o?.disconnect(), [o]), o;
+  return O(() => () => o?.disconnect(), [o]), o;
 }
-function Pr(e) {
-  return new Et(Ae(e), e);
+function Wr(e) {
+  return new At(Oe(e), e);
 }
-function Ut(e, t, n) {
-  t === void 0 && (t = Pr);
-  const [r, o] = X(null);
+function Jt(e, t, n) {
+  t === void 0 && (t = Wr);
+  const [r, o] = B(null);
   function i() {
     o((l) => {
       if (!e)
         return null;
       if (e.isConnected === !1) {
-        var u;
-        return (u = l ?? n) != null ? u : null;
+        var c;
+        return (c = l ?? n) != null ? c : null;
       }
       const d = t(e);
       return JSON.stringify(l) === JSON.stringify(d) ? l : d;
     });
   }
-  const s = Lr({
+  const s = Ur({
     callback(l) {
       if (e)
-        for (const u of l) {
+        for (const c of l) {
           const {
             type: d,
-            target: c
-          } = u;
-          if (d === "childList" && c instanceof HTMLElement && c.contains(e)) {
+            target: u
+          } = c;
+          if (d === "childList" && u instanceof HTMLElement && u.contains(e)) {
             i();
             break;
           }
         }
     }
-  }), a = ft({
+  }), a = gt({
     callback: i
   });
-  return _(() => {
+  return Q(() => {
     i(), e ? (a?.observe(e), s?.observe(document.body, {
       childList: !0,
       subtree: !0
     })) : (a?.disconnect(), s?.disconnect());
   }, [e]), r;
 }
-function kr(e) {
-  const t = Ot(e);
-  return en(e, t);
+function Hr(e) {
+  const t = Tt(e);
+  return ln(e, t);
 }
-const Wt = [];
-function zr(e) {
-  const t = T(e), n = We((r) => e ? r && r !== Wt && e && t.current && e.parentNode === t.current.parentNode ? r : dt(e) : Wt, [e]);
-  return I(() => {
+const Gt = [];
+function Vr(e) {
+  const t = N(e), n = He((r) => e ? r && r !== Gt && e && t.current && e.parentNode === t.current.parentNode ? r : ft(e) : Gt, [e]);
+  return O(() => {
     t.current = e;
   }, [e]), n;
 }
-function Br(e) {
-  const [t, n] = X(null), r = T(e), o = F((i) => {
-    const s = mt(i.target);
-    s && n((a) => a ? (a.set(s, xt(s)), new Map(a)) : null);
+function qr(e) {
+  const [t, n] = B(null), r = N(e), o = F((i) => {
+    const s = yt(i.target);
+    s && n((a) => a ? (a.set(s, Dt(s)), new Map(a)) : null);
   }, []);
-  return I(() => {
+  return O(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
       const a = e.map((l) => {
-        const u = mt(l);
-        return u ? (u.addEventListener("scroll", o, {
+        const c = yt(l);
+        return c ? (c.addEventListener("scroll", o, {
           passive: !0
-        }), [u, xt(u)]) : null;
+        }), [c, Dt(c)]) : null;
       }).filter((l) => l != null);
       n(a.length ? new Map(a) : null), r.current = e;
     }
@@ -1619,30 +1624,30 @@ function Br(e) {
     };
     function s(a) {
       a.forEach((l) => {
-        const u = mt(l);
-        u?.removeEventListener("scroll", o);
+        const c = yt(l);
+        c?.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), A(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Se(i, s), Q) : ln(e) : Q, [e, t]);
+  }, [o, e]), E(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Re(i, s), Z) : vn(e) : Z, [e, t]);
 }
-function Ht(e, t) {
+function Qt(e, t) {
   t === void 0 && (t = []);
-  const n = T(null);
-  return I(
+  const n = N(null);
+  return O(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), I(() => {
-    const r = e !== Q;
+  ), O(() => {
+    const r = e !== Z;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
-  }, [e]), n.current ? je(e, n.current) : Q;
+  }, [e]), n.current ? Ke(e, n.current) : Z;
 }
-function Fr(e) {
-  I(
+function _r(e) {
+  O(
     () => {
-      if (!lt)
+      if (!ct)
         return;
       const t = e.map((n) => {
         let {
@@ -1665,8 +1670,8 @@ function Fr(e) {
     })
   );
 }
-function Xr(e, t) {
-  return A(() => e.reduce((n, r) => {
+function Jr(e, t) {
+  return E(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -1676,84 +1681,84 @@ function Xr(e, t) {
     }, n;
   }, {}), [e, t]);
 }
-function gn(e) {
-  return A(() => e ? ur(e) : null, [e]);
+function mn(e) {
+  return E(() => e ? xr(e) : null, [e]);
 }
-const Vt = [];
-function $r(e, t) {
-  t === void 0 && (t = Ae);
-  const [n] = e, r = gn(n ? $(n) : null), [o, i] = X(Vt);
+const Zt = [];
+function Gr(e, t) {
+  t === void 0 && (t = Oe);
+  const [n] = e, r = mn(n ? X(n) : null), [o, i] = B(Zt);
   function s() {
-    i(() => e.length ? e.map((l) => sn(l) ? r : new Et(t(l), l)) : Vt);
+    i(() => e.length ? e.map((l) => gn(l) ? r : new At(t(l), l)) : Zt);
   }
-  const a = ft({
+  const a = gt({
     callback: s
   });
-  return _(() => {
+  return Q(() => {
     a?.disconnect(), s(), e.forEach((l) => a?.observe(l));
   }, [e]), o;
 }
-function hn(e) {
+function yn(e) {
   if (!e)
     return null;
   if (e.children.length > 1)
     return e;
   const t = e.children[0];
-  return Ue(t) ? t : e;
+  return We(t) ? t : e;
 }
-function jr(e) {
+function Qr(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = X(null), o = F((u) => {
+  const [n, r] = B(null), o = F((c) => {
     for (const {
       target: d
-    } of u)
-      if (Ue(d)) {
-        r((c) => {
+    } of c)
+      if (We(d)) {
+        r((u) => {
           const g = t(d);
-          return c ? {
-            ...c,
+          return u ? {
+            ...u,
             width: g.width,
             height: g.height
           } : g;
         });
         break;
       }
-  }, [t]), i = ft({
+  }, [t]), i = gt({
     callback: o
-  }), s = F((u) => {
-    const d = hn(u);
+  }), s = F((c) => {
+    const d = yn(c);
     i?.disconnect(), d && i?.observe(d), r(d ? t(d) : null);
-  }, [t, i]), [a, l] = nt(s);
-  return A(() => ({
+  }, [t, i]), [a, l] = rt(s);
+  return E(() => ({
     nodeRef: a,
     rect: n,
     setRef: l
   }), [n, a, l]);
 }
-const Yr = [{
-  sensor: fn,
+const Zr = [{
+  sensor: Nt,
   options: {}
 }, {
-  sensor: dn,
+  sensor: It,
   options: {}
-}], Kr = {
+}], eo = {
   current: {}
-}, tt = {
+}, nt = {
   draggable: {
-    measure: Xt
+    measure: Wt
   },
   droppable: {
-    measure: Xt,
-    strategy: Ye.WhileDragging,
+    measure: Wt,
+    strategy: Ue.WhileDragging,
     frequency: Ct.Optimized
   },
   dragOverlay: {
-    measure: Ae
+    measure: Oe
   }
 };
-class Xe extends Map {
+class $e extends Map {
   get(t) {
     var n;
     return t != null && (n = super.get(t)) != null ? n : void 0;
@@ -1774,7 +1779,7 @@ class Xe extends Map {
     return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
   }
 }
-const Ur = {
+const to = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -1783,22 +1788,22 @@ const Ur = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new Xe(),
+  droppableContainers: /* @__PURE__ */ new $e(),
   over: null,
   dragOverlay: {
     nodeRef: {
       current: null
     },
     rect: null,
-    setRef: it
+    setRef: st
   },
   scrollableAncestors: [],
   scrollableAncestorRects: [],
-  measuringConfiguration: tt,
-  measureDroppableContainers: it,
+  measuringConfiguration: nt,
+  measureDroppableContainers: st,
   windowRect: null,
   measuringScheduled: !1
-}, vn = {
+}, wn = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -1806,12 +1811,12 @@ const Ur = {
   ariaDescribedById: {
     draggable: ""
   },
-  dispatch: it,
+  dispatch: st,
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
-  measureDroppableContainers: it
-}, Ve = /* @__PURE__ */ Ke(vn), pn = /* @__PURE__ */ Ke(Ur);
-function Wr() {
+  measureDroppableContainers: st
+}, qe = /* @__PURE__ */ Ee(wn), xn = /* @__PURE__ */ Ee(to);
+function no() {
   return {
     draggable: {
       active: null,
@@ -1826,11 +1831,11 @@ function Wr() {
       }
     },
     droppable: {
-      containers: new Xe()
+      containers: new $e()
     }
   };
 }
-function Hr(e, t) {
+function ro(e, t) {
   switch (t.type) {
     case P.DragStart:
       return {
@@ -1874,7 +1879,7 @@ function Hr(e, t) {
         element: n
       } = t, {
         id: r
-      } = n, o = new Xe(e.droppable.containers);
+      } = n, o = new $e(e.droppable.containers);
       return o.set(r, n), {
         ...e,
         droppable: {
@@ -1891,7 +1896,7 @@ function Hr(e, t) {
       } = t, i = e.droppable.containers.get(n);
       if (!i || r !== i.key)
         return e;
-      const s = new Xe(e.droppable.containers);
+      const s = new $e(e.droppable.containers);
       return s.set(n, {
         ...i,
         disabled: o
@@ -1910,7 +1915,7 @@ function Hr(e, t) {
       } = t, o = e.droppable.containers.get(n);
       if (!o || r !== o.key)
         return e;
-      const i = new Xe(e.droppable.containers);
+      const i = new $e(e.droppable.containers);
       return i.delete(n), {
         ...e,
         droppable: {
@@ -1923,7 +1928,7 @@ function Hr(e, t) {
       return e;
   }
 }
-function Vr(e) {
+function oo(e) {
   let {
     disabled: t
   } = e;
@@ -1931,27 +1936,27 @@ function Vr(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = ve(Ve), i = rt(r), s = rt(n?.id);
-  return I(() => {
+  } = ce(qe), i = ot(r), s = ot(n?.id);
+  return O(() => {
     if (!t && !r && i && s != null) {
-      if (!ut(i) || document.activeElement === i.target)
+      if (!dt(i) || document.activeElement === i.target)
         return;
       const a = o.get(s);
       if (!a)
         return;
       const {
         activatorNode: l,
-        node: u
+        node: c
       } = a;
-      if (!l.current && !u.current)
+      if (!l.current && !c.current)
         return;
       requestAnimationFrame(() => {
-        for (const d of [l.current, u.current]) {
+        for (const d of [l.current, c.current]) {
           if (!d)
             continue;
-          const c = Yn(d);
-          if (c) {
-            c.focus();
+          const u = Qn(d);
+          if (u) {
+            u.focus();
             break;
           }
         }
@@ -1959,7 +1964,7 @@ function Vr(e) {
     }
   }, [r, t, o, s, i]), null;
 }
-function bn(e, t) {
+function Dn(e, t) {
   let {
     transform: n,
     ...r
@@ -1969,19 +1974,19 @@ function bn(e, t) {
     ...r
   }), n) : n;
 }
-function qr(e) {
-  return A(
+function io(e) {
+  return E(
     () => ({
       draggable: {
-        ...tt.draggable,
+        ...nt.draggable,
         ...e?.draggable
       },
       droppable: {
-        ...tt.droppable,
+        ...nt.droppable,
         ...e?.droppable
       },
       dragOverlay: {
-        ...tt.dragOverlay,
+        ...nt.dragOverlay,
         ...e?.dragOverlay
       }
     }),
@@ -1989,104 +1994,104 @@ function qr(e) {
     [e?.draggable, e?.droppable, e?.dragOverlay]
   );
 }
-function Jr(e) {
+function so(e) {
   let {
     activeNode: t,
     measure: n,
     initialRect: r,
     config: o = !0
   } = e;
-  const i = T(!1), {
+  const i = N(!1), {
     x: s,
     y: a
   } = typeof o == "boolean" ? {
     x: o,
     y: o
   } : o;
-  _(() => {
+  Q(() => {
     if (!s && !a || !t) {
       i.current = !1;
       return;
     }
     if (i.current || !r)
       return;
-    const u = t?.node.current;
-    if (!u || u.isConnected === !1)
+    const c = t?.node.current;
+    if (!c || c.isConnected === !1)
       return;
-    const d = n(u), c = en(d, r);
-    if (s || (c.x = 0), a || (c.y = 0), i.current = !0, Math.abs(c.x) > 0 || Math.abs(c.y) > 0) {
-      const g = nn(u);
+    const d = n(c), u = ln(d, r);
+    if (s || (u.x = 0), a || (u.y = 0), i.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
+      const g = un(c);
       g && g.scrollBy({
-        top: c.y,
-        left: c.x
+        top: u.y,
+        left: u.x
       });
     }
   }, [t, s, a, r, n]);
 }
-const gt = /* @__PURE__ */ Ke({
-  ...Q,
+const ht = /* @__PURE__ */ Ee({
+  ...Z,
   scaleX: 1,
   scaleY: 1
 });
-var he;
+var pe;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(he || (he = {}));
-const No = /* @__PURE__ */ Pn(function(t) {
+})(pe || (pe = {}));
+const ao = /* @__PURE__ */ Fn(function(t) {
   var n, r, o, i;
   let {
     id: s,
     accessibility: a,
     autoScroll: l = !0,
-    children: u,
-    sensors: d = Yr,
-    collisionDetection: c = or,
+    children: c,
+    sensors: d = Zr,
+    collisionDetection: u = vr,
     measuring: g,
     modifiers: f,
     ...w
   } = t;
-  const h = kn(Hr, void 0, Wr), [v, b] = h, [m, p] = qn(), [C, S] = X(he.Uninitialized), R = C === he.Initialized, {
+  const h = Xn(ro, void 0, no), [v, b] = h, [m, p] = or(), [S, C] = B(pe.Uninitialized), R = S === pe.Initialized, {
     draggable: {
       active: y,
       nodes: x,
-      translate: N
+      translate: T
     },
     droppable: {
       containers: L
     }
-  } = v, O = y != null ? x.get(y) : null, J = T({
+  } = v, I = y != null ? x.get(y) : null, J = N({
     initial: null,
     translated: null
-  }), G = A(() => {
-    var B;
+  }), G = E(() => {
+    var j;
     return y != null ? {
       id: y,
       // It's possible for the active node to unmount while dragging
-      data: (B = O?.data) != null ? B : Kr,
+      data: (j = I?.data) != null ? j : eo,
       rect: J
     } : null;
-  }, [y, O]), Z = T(null), [Oe, qe] = X(null), [Y, Je] = X(null), re = $e(w, Object.values(w)), Ie = He("DndDescribedBy", s), Ge = A(() => L.getEnabled(), [L]), j = qr(g), {
-    droppableRects: oe,
-    measureDroppableContainers: pe,
-    measuringScheduled: Te
-  } = Nr(Ge, {
+  }, [y, I]), ee = N(null), [Ne, _e] = B(null), [Y, Je] = B(null), oe = Ye(w, Object.values(w)), Te = Ve("DndDescribedBy", s), Ge = E(() => L.getEnabled(), [L]), $ = io(g), {
+    droppableRects: ie,
+    measureDroppableContainers: me,
+    measuringScheduled: Me
+  } = Yr(Ge, {
     dragging: R,
-    dependencies: [N.x, N.y],
-    config: j.droppable
-  }), H = Ir(x, y), _e = A(() => Y ? ot(Y) : null, [Y]), le = Mn(), ie = Mr(H, j.draggable.measure);
-  Jr({
+    dependencies: [T.x, T.y],
+    config: $.droppable
+  }), H = Xr(x, y), Qe = E(() => Y ? it(Y) : null, [Y]), ue = jn(), se = Kr(H, $.draggable.measure);
+  so({
     activeNode: y != null ? x.get(y) : null,
-    config: le.layoutShiftCompensation,
-    initialRect: ie,
-    measure: j.draggable.measure
+    config: ue.layoutShiftCompensation,
+    initialRect: se,
+    measure: $.draggable.measure
   });
-  const E = Ut(H, j.draggable.measure, ie), Ne = Ut(H ? H.parentElement : null), ee = T({
+  const A = Jt(H, $.draggable.measure, se), Le = Jt(H ? H.parentElement : null), te = N({
     activatorEvent: null,
     active: null,
     activeNode: H,
     collisionRect: null,
     collisions: null,
-    droppableRects: oe,
+    droppableRects: ie,
     draggableNodes: x,
     draggingNode: null,
     draggingNodeRect: null,
@@ -2094,105 +2099,105 @@ const No = /* @__PURE__ */ Pn(function(t) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), me = L.getNodeFor((n = ee.current.over) == null ? void 0 : n.id), se = jr({
-    measure: j.dragOverlay.measure
-  }), ye = (r = se.nodeRef.current) != null ? r : H, we = R ? (o = se.rect) != null ? o : E : null, It = !!(se.nodeRef.current && se.rect), Tt = kr(It ? null : E), ht = gn(ye ? $(ye) : null), ce = zr(R ? me ?? H : null), Qe = $r(ce), Ze = bn(f, {
+  }), ye = L.getNodeFor((n = te.current.over) == null ? void 0 : n.id), ae = Qr({
+    measure: $.dragOverlay.measure
+  }), we = (r = ae.nodeRef.current) != null ? r : H, xe = R ? (o = ae.rect) != null ? o : A : null, Pt = !!(ae.nodeRef.current && ae.rect), kt = Hr(Pt ? null : A), vt = mn(we ? X(we) : null), de = Vr(R ? ye ?? H : null), Ze = Gr(de), et = Dn(f, {
     transform: {
-      x: N.x - Tt.x,
-      y: N.y - Tt.y,
+      x: T.x - kt.x,
+      y: T.y - kt.y,
       scaleX: 1,
       scaleY: 1
     },
     activatorEvent: Y,
     active: G,
-    activeNodeRect: E,
-    containerNodeRect: Ne,
-    draggingNodeRect: we,
-    over: ee.current.over,
-    overlayNodeRect: se.rect,
-    scrollableAncestors: ce,
-    scrollableAncestorRects: Qe,
-    windowRect: ht
-  }), Nt = _e ? Se(_e, N) : null, Mt = Br(ce), Rn = Ht(Mt), En = Ht(Mt, [E]), xe = Se(Ze, Rn), De = we ? ar(we, Ze) : null, Me = G && De ? c({
+    activeNodeRect: A,
+    containerNodeRect: Le,
+    draggingNodeRect: xe,
+    over: te.current.over,
+    overlayNodeRect: ae.rect,
+    scrollableAncestors: de,
+    scrollableAncestorRects: Ze,
+    windowRect: vt
+  }), zt = Qe ? Re(Qe, T) : null, jt = qr(de), Nn = Qt(jt), Tn = Qt(jt, [A]), De = Re(et, Nn), Se = xe ? mr(xe, et) : null, Pe = G && Se ? u({
     active: G,
-    collisionRect: De,
-    droppableRects: oe,
+    collisionRect: Se,
+    droppableRects: ie,
     droppableContainers: Ge,
-    pointerCoordinates: Nt
-  }) : null, Lt = Zt(Me, "id"), [ue, Pt] = X(null), An = It ? Ze : Se(Ze, En), On = ir(An, (i = ue?.rect) != null ? i : null, E), vt = T(null), kt = F(
-    (B, K) => {
+    pointerCoordinates: zt
+  }) : null, Bt = an(Pe, "id"), [fe, Ft] = B(null), Mn = Pt ? et : Re(et, Tn), Ln = pr(Mn, (i = fe?.rect) != null ? i : null, A), pt = N(null), Xt = F(
+    (j, K) => {
       let {
         sensor: U,
-        options: de
+        options: ge
       } = K;
-      if (Z.current == null)
+      if (ee.current == null)
         return;
-      const V = x.get(Z.current);
+      const V = x.get(ee.current);
       if (!V)
         return;
-      const W = B.nativeEvent, te = new U({
-        active: Z.current,
+      const W = j.nativeEvent, ne = new U({
+        active: ee.current,
         activeNode: V,
         event: W,
-        options: de,
+        options: ge,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: ee,
+        context: te,
         onAbort(z) {
           if (!x.get(z))
             return;
           const {
-            onDragAbort: ne
-          } = re.current, ae = {
+            onDragAbort: re
+          } = oe.current, le = {
             id: z
           };
-          ne?.(ae), m({
+          re?.(le), m({
             type: "onDragAbort",
-            event: ae
+            event: le
           });
         },
-        onPending(z, fe, ne, ae) {
+        onPending(z, he, re, le) {
           if (!x.get(z))
             return;
           const {
-            onDragPending: Pe
-          } = re.current, ge = {
+            onDragPending: ze
+          } = oe.current, ve = {
             id: z,
-            constraint: fe,
-            initialCoordinates: ne,
-            offset: ae
+            constraint: he,
+            initialCoordinates: re,
+            offset: le
           };
-          Pe?.(ge), m({
+          ze?.(ve), m({
             type: "onDragPending",
-            event: ge
+            event: ve
           });
         },
         onStart(z) {
-          const fe = Z.current;
-          if (fe == null)
+          const he = ee.current;
+          if (he == null)
             return;
-          const ne = x.get(fe);
-          if (!ne)
+          const re = x.get(he);
+          if (!re)
             return;
           const {
-            onDragStart: ae
-          } = re.current, Le = {
+            onDragStart: le
+          } = oe.current, ke = {
             activatorEvent: W,
             active: {
-              id: fe,
-              data: ne.data,
+              id: he,
+              data: re.data,
               rect: J
             }
           };
-          ze.unstable_batchedUpdates(() => {
-            ae?.(Le), S(he.Initializing), b({
+          Be.unstable_batchedUpdates(() => {
+            le?.(ke), C(pe.Initializing), b({
               type: P.DragStart,
               initialCoordinates: z,
-              active: fe
+              active: he
             }), m({
               type: "onDragStart",
-              event: Le
-            }), qe(vt.current), Je(W);
+              event: ke
+            }), _e(pt.current), Je(W);
           });
         },
         onMove(z) {
@@ -2204,38 +2209,38 @@ const No = /* @__PURE__ */ Pn(function(t) {
         onEnd: Ce(P.DragEnd),
         onCancel: Ce(P.DragCancel)
       });
-      vt.current = te;
+      pt.current = ne;
       function Ce(z) {
         return async function() {
           const {
-            active: ne,
-            collisions: ae,
-            over: Le,
-            scrollAdjustedTranslate: Pe
-          } = ee.current;
-          let ge = null;
-          if (ne && Pe) {
+            active: re,
+            collisions: le,
+            over: ke,
+            scrollAdjustedTranslate: ze
+          } = te.current;
+          let ve = null;
+          if (re && ze) {
             const {
-              cancelDrop: ke
-            } = re.current;
-            ge = {
+              cancelDrop: je
+            } = oe.current;
+            ve = {
               activatorEvent: W,
-              active: ne,
-              collisions: ae,
-              delta: Pe,
-              over: Le
-            }, z === P.DragEnd && typeof ke == "function" && await Promise.resolve(ke(ge)) && (z = P.DragCancel);
+              active: re,
+              collisions: le,
+              delta: ze,
+              over: ke
+            }, z === P.DragEnd && typeof je == "function" && await Promise.resolve(je(ve)) && (z = P.DragCancel);
           }
-          Z.current = null, ze.unstable_batchedUpdates(() => {
+          ee.current = null, Be.unstable_batchedUpdates(() => {
             b({
               type: z
-            }), S(he.Uninitialized), Pt(null), qe(null), Je(null), vt.current = null;
-            const ke = z === P.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (ge) {
-              const pt = re.current[ke];
-              pt?.(ge), m({
-                type: ke,
-                event: ge
+            }), C(pe.Uninitialized), Ft(null), _e(null), Je(null), pt.current = null;
+            const je = z === P.DragEnd ? "onDragEnd" : "onDragCancel";
+            if (ve) {
+              const bt = oe.current[je];
+              bt?.(ve), m({
+                type: je,
+                event: ve
               });
             }
           });
@@ -2244,75 +2249,75 @@ const No = /* @__PURE__ */ Pn(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [x]
-  ), In = F((B, K) => (U, de) => {
-    const V = U.nativeEvent, W = x.get(de);
+  ), Pn = F((j, K) => (U, ge) => {
+    const V = U.nativeEvent, W = x.get(ge);
     if (
       // Another sensor is already instantiating
-      Z.current !== null || // No active draggable
+      ee.current !== null || // No active draggable
       !W || // Event has already been captured
       V.dndKit || V.defaultPrevented
     )
       return;
-    const te = {
+    const ne = {
       active: W
     };
-    B(U, K.options, te) === !0 && (V.dndKit = {
+    j(U, K.options, ne) === !0 && (V.dndKit = {
       capturedBy: K.sensor
-    }, Z.current = de, kt(U, K));
-  }, [x, kt]), zt = Tr(d, In);
-  Fr(d), _(() => {
-    E && C === he.Initializing && S(he.Initialized);
-  }, [E, C]), I(
+    }, ee.current = ge, Xt(U, K));
+  }, [x, Xt]), $t = $r(d, Pn);
+  _r(d), Q(() => {
+    A && S === pe.Initializing && C(pe.Initialized);
+  }, [A, S]), O(
     () => {
       const {
-        onDragMove: B
-      } = re.current, {
+        onDragMove: j
+      } = oe.current, {
         active: K,
         activatorEvent: U,
-        collisions: de,
+        collisions: ge,
         over: V
-      } = ee.current;
+      } = te.current;
       if (!K || !U)
         return;
       const W = {
         active: K,
         activatorEvent: U,
-        collisions: de,
+        collisions: ge,
         delta: {
-          x: xe.x,
-          y: xe.y
+          x: De.x,
+          y: De.y
         },
         over: V
       };
-      ze.unstable_batchedUpdates(() => {
-        B?.(W), m({
+      Be.unstable_batchedUpdates(() => {
+        j?.(W), m({
           type: "onDragMove",
           event: W
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [xe.x, xe.y]
-  ), I(
+    [De.x, De.y]
+  ), O(
     () => {
       const {
-        active: B,
+        active: j,
         activatorEvent: K,
         collisions: U,
-        droppableContainers: de,
+        droppableContainers: ge,
         scrollAdjustedTranslate: V
-      } = ee.current;
-      if (!B || Z.current == null || !K || !V)
+      } = te.current;
+      if (!j || ee.current == null || !K || !V)
         return;
       const {
         onDragOver: W
-      } = re.current, te = de.get(Lt), Ce = te && te.rect.current ? {
-        id: te.id,
-        rect: te.rect.current,
-        data: te.data,
-        disabled: te.disabled
+      } = oe.current, ne = ge.get(Bt), Ce = ne && ne.rect.current ? {
+        id: ne.id,
+        rect: ne.rect.current,
+        data: ne.data,
+        disabled: ne.disabled
       } : null, z = {
-        active: B,
+        active: j,
         activatorEvent: K,
         collisions: U,
         delta: {
@@ -2321,89 +2326,89 @@ const No = /* @__PURE__ */ Pn(function(t) {
         },
         over: Ce
       };
-      ze.unstable_batchedUpdates(() => {
-        Pt(Ce), W?.(z), m({
+      Be.unstable_batchedUpdates(() => {
+        Ft(Ce), W?.(z), m({
           type: "onDragOver",
           event: z
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Lt]
-  ), _(() => {
-    ee.current = {
+    [Bt]
+  ), Q(() => {
+    te.current = {
       activatorEvent: Y,
       active: G,
       activeNode: H,
-      collisionRect: De,
-      collisions: Me,
-      droppableRects: oe,
+      collisionRect: Se,
+      collisions: Pe,
+      droppableRects: ie,
       draggableNodes: x,
-      draggingNode: ye,
-      draggingNodeRect: we,
+      draggingNode: we,
+      draggingNodeRect: xe,
       droppableContainers: L,
-      over: ue,
-      scrollableAncestors: ce,
-      scrollAdjustedTranslate: xe
+      over: fe,
+      scrollableAncestors: de,
+      scrollAdjustedTranslate: De
     }, J.current = {
-      initial: we,
-      translated: De
+      initial: xe,
+      translated: Se
     };
-  }, [G, H, Me, De, x, ye, we, oe, L, ue, ce, xe]), Er({
-    ...le,
-    delta: N,
-    draggingRect: De,
-    pointerCoordinates: Nt,
-    scrollableAncestors: ce,
-    scrollableAncestorRects: Qe
+  }, [G, H, Pe, Se, x, we, xe, ie, L, fe, de, De]), jr({
+    ...ue,
+    delta: T,
+    draggingRect: Se,
+    pointerCoordinates: zt,
+    scrollableAncestors: de,
+    scrollableAncestorRects: Ze
   });
-  const Tn = A(() => ({
+  const kn = E(() => ({
     active: G,
     activeNode: H,
-    activeNodeRect: E,
+    activeNodeRect: A,
     activatorEvent: Y,
-    collisions: Me,
-    containerNodeRect: Ne,
-    dragOverlay: se,
+    collisions: Pe,
+    containerNodeRect: Le,
+    dragOverlay: ae,
     draggableNodes: x,
     droppableContainers: L,
-    droppableRects: oe,
-    over: ue,
-    measureDroppableContainers: pe,
-    scrollableAncestors: ce,
-    scrollableAncestorRects: Qe,
-    measuringConfiguration: j,
-    measuringScheduled: Te,
-    windowRect: ht
-  }), [G, H, E, Y, Me, Ne, se, x, L, oe, ue, pe, ce, Qe, j, Te, ht]), Nn = A(() => ({
+    droppableRects: ie,
+    over: fe,
+    measureDroppableContainers: me,
+    scrollableAncestors: de,
+    scrollableAncestorRects: Ze,
+    measuringConfiguration: $,
+    measuringScheduled: Me,
+    windowRect: vt
+  }), [G, H, A, Y, Pe, Le, ae, x, L, ie, fe, me, de, Ze, $, Me, vt]), zn = E(() => ({
     activatorEvent: Y,
-    activators: zt,
+    activators: $t,
     active: G,
-    activeNodeRect: E,
+    activeNodeRect: A,
     ariaDescribedById: {
-      draggable: Ie
+      draggable: Te
     },
     dispatch: b,
     draggableNodes: x,
-    over: ue,
-    measureDroppableContainers: pe
-  }), [Y, zt, G, E, b, Ie, x, ue, pe]);
-  return M.createElement(Qt.Provider, {
+    over: fe,
+    measureDroppableContainers: me
+  }), [Y, $t, G, A, b, Te, x, fe, me]);
+  return M.createElement(sn.Provider, {
     value: p
-  }, M.createElement(Ve.Provider, {
-    value: Nn
-  }, M.createElement(pn.Provider, {
-    value: Tn
-  }, M.createElement(gt.Provider, {
-    value: On
-  }, u)), M.createElement(Vr, {
+  }, M.createElement(qe.Provider, {
+    value: zn
+  }, M.createElement(xn.Provider, {
+    value: kn
+  }, M.createElement(ht.Provider, {
+    value: Ln
+  }, c)), M.createElement(oo, {
     disabled: a?.restoreFocus === !1
-  })), M.createElement(_n, {
+  })), M.createElement(ar, {
     ...a,
-    hiddenTextDescribedById: Ie
+    hiddenTextDescribedById: Te
   }));
-  function Mn() {
-    const B = Oe?.autoScrollEnabled === !1, K = typeof l == "object" ? l.enabled === !1 : l === !1, U = R && !B && !K;
+  function jn() {
+    const j = Ne?.autoScrollEnabled === !1, K = typeof l == "object" ? l.enabled === !1 : l === !1, U = R && !j && !K;
     return typeof l == "object" ? {
       ...l,
       enabled: U
@@ -2411,118 +2416,118 @@ const No = /* @__PURE__ */ Pn(function(t) {
       enabled: U
     };
   }
-}), Gr = /* @__PURE__ */ Ke(null), qt = "button", _r = "Draggable";
-function Qr(e) {
+}), lo = /* @__PURE__ */ Ee(null), en = "button", co = "Draggable";
+function uo(e) {
   let {
     id: t,
     data: n,
     disabled: r = !1,
     attributes: o
   } = e;
-  const i = He(_r), {
+  const i = Ve(co), {
     activators: s,
     activatorEvent: a,
     active: l,
-    activeNodeRect: u,
+    activeNodeRect: c,
     ariaDescribedById: d,
-    draggableNodes: c,
+    draggableNodes: u,
     over: g
-  } = ve(Ve), {
-    role: f = qt,
+  } = ce(qe), {
+    role: f = en,
     roleDescription: w = "draggable",
     tabIndex: h = 0
-  } = o ?? {}, v = l?.id === t, b = ve(v ? gt : Gr), [m, p] = nt(), [C, S] = nt(), R = Xr(s, t), y = $e(n);
-  _(
-    () => (c.set(t, {
+  } = o ?? {}, v = l?.id === t, b = ce(v ? ht : lo), [m, p] = rt(), [S, C] = rt(), R = Jr(s, t), y = Ye(n);
+  Q(
+    () => (u.set(t, {
       id: t,
       key: i,
       node: m,
-      activatorNode: C,
+      activatorNode: S,
       data: y
     }), () => {
-      const N = c.get(t);
-      N && N.key === i && c.delete(t);
+      const T = u.get(t);
+      T && T.key === i && u.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c, t]
+    [u, t]
   );
-  const x = A(() => ({
+  const x = E(() => ({
     role: f,
     tabIndex: h,
     "aria-disabled": r,
-    "aria-pressed": v && f === qt ? !0 : void 0,
+    "aria-pressed": v && f === en ? !0 : void 0,
     "aria-roledescription": w,
     "aria-describedby": d.draggable
   }), [r, f, h, v, w, d.draggable]);
   return {
     active: l,
     activatorEvent: a,
-    activeNodeRect: u,
+    activeNodeRect: c,
     attributes: x,
     isDragging: v,
     listeners: r ? void 0 : R,
     node: m,
     over: g,
     setNodeRef: p,
-    setActivatorNodeRef: S,
+    setActivatorNodeRef: C,
     transform: b
   };
 }
-function mn() {
-  return ve(pn);
+function Mt() {
+  return ce(xn);
 }
-const Zr = "Droppable", eo = {
+const fo = "Droppable", go = {
   timeout: 25
 };
-function to(e) {
+function ho(e) {
   let {
     data: t,
     disabled: n = !1,
     id: r,
     resizeObserverConfig: o
   } = e;
-  const i = He(Zr), {
+  const i = Ve(fo), {
     active: s,
     dispatch: a,
     over: l,
-    measureDroppableContainers: u
-  } = ve(Ve), d = T({
+    measureDroppableContainers: c
+  } = ce(qe), d = N({
     disabled: n
-  }), c = T(!1), g = T(null), f = T(null), {
+  }), u = N(!1), g = N(null), f = N(null), {
     disabled: w,
     updateMeasurementsFor: h,
     timeout: v
   } = {
-    ...eo,
+    ...go,
     ...o
-  }, b = $e(h ?? r), m = F(
+  }, b = Ye(h ?? r), m = F(
     () => {
-      if (!c.current) {
-        c.current = !0;
+      if (!u.current) {
+        u.current = !0;
         return;
       }
       f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
-        u(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
+        c(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
       }, v);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [v]
-  ), p = ft({
+  ), p = gt({
     callback: m,
     disabled: w || !s
-  }), C = F((x, N) => {
-    p && (N && (p.unobserve(N), c.current = !1), x && p.observe(x));
-  }, [p]), [S, R] = nt(C), y = $e(t);
-  return I(() => {
-    !p || !S.current || (p.disconnect(), c.current = !1, p.observe(S.current));
-  }, [S, p]), I(
+  }), S = F((x, T) => {
+    p && (T && (p.unobserve(T), u.current = !1), x && p.observe(x));
+  }, [p]), [C, R] = rt(S), y = Ye(t);
+  return O(() => {
+    !p || !C.current || (p.disconnect(), u.current = !1, p.observe(C.current));
+  }, [C, p]), O(
     () => (a({
       type: P.RegisterDroppable,
       element: {
         id: r,
         key: i,
         disabled: n,
-        node: S,
+        node: C,
         rect: g,
         data: y
       }
@@ -2533,7 +2538,7 @@ function to(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), I(() => {
+  ), O(() => {
     n !== d.current.disabled && (a({
       type: P.SetDroppableDisabled,
       id: r,
@@ -2544,52 +2549,52 @@ function to(e) {
     active: s,
     rect: g,
     isOver: l?.id === r,
-    node: S,
+    node: C,
     over: l,
     setNodeRef: R
   };
 }
-function no(e) {
+function vo(e) {
   let {
     animation: t,
     children: n
   } = e;
-  const [r, o] = X(null), [i, s] = X(null), a = rt(n);
-  return !n && !r && a && o(a), _(() => {
+  const [r, o] = B(null), [i, s] = B(null), a = ot(n);
+  return !n && !r && a && o(a), Q(() => {
     if (!i)
       return;
-    const l = r?.key, u = r?.props.id;
-    if (l == null || u == null) {
+    const l = r?.key, c = r?.props.id;
+    if (l == null || c == null) {
       o(null);
       return;
     }
-    Promise.resolve(t(u, i)).then(() => {
+    Promise.resolve(t(c, i)).then(() => {
       o(null);
     });
-  }, [t, r, i]), M.createElement(M.Fragment, null, n, r ? Bn(r, {
+  }, [t, r, i]), M.createElement(M.Fragment, null, n, r ? Yn(r, {
     ref: s
   }) : null);
 }
-const ro = {
+const po = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function oo(e) {
+function bo(e) {
   let {
     children: t
   } = e;
-  return M.createElement(Ve.Provider, {
-    value: vn
-  }, M.createElement(gt.Provider, {
-    value: ro
+  return M.createElement(qe.Provider, {
+    value: wn
+  }, M.createElement(ht.Provider, {
+    value: po
   }, t));
 }
-const io = {
+const mo = {
   position: "fixed",
   touchAction: "none"
-}, so = (e) => ut(e) ? "transform 250ms ease" : void 0, ao = /* @__PURE__ */ zn((e, t) => {
+}, yo = (e) => dt(e) ? "transform 250ms ease" : void 0, wo = /* @__PURE__ */ $n((e, t) => {
   let {
     as: n,
     activatorEvent: r,
@@ -2598,23 +2603,23 @@ const io = {
     className: s,
     rect: a,
     style: l,
-    transform: u,
-    transition: d = so
+    transform: c,
+    transition: d = yo
   } = e;
   if (!a)
     return null;
-  const c = o ? u : {
-    ...u,
+  const u = o ? c : {
+    ...c,
     scaleX: 1,
     scaleY: 1
   }, g = {
-    ...io,
+    ...mo,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
-    transform: be.Transform.toString(c),
-    transformOrigin: o && r ? Zn(r, a) : void 0,
+    transform: be.Transform.toString(u),
+    transformOrigin: o && r ? ur(r, a) : void 0,
     transition: typeof d == "function" ? d(r) : d,
     ...l
   };
@@ -2623,7 +2628,7 @@ const io = {
     style: g,
     ref: t
   }, i);
-}), lo = (e) => (t) => {
+}), Sn = (e) => (t) => {
   let {
     active: n,
     dragOverlay: r
@@ -2639,11 +2644,11 @@ const io = {
     for (const [a, l] of Object.entries(i.dragOverlay))
       l !== void 0 && r.node.style.setProperty(a, l);
   return s != null && s.active && n.node.classList.add(s.active), s != null && s.dragOverlay && r.node.classList.add(s.dragOverlay), function() {
-    for (const [l, u] of Object.entries(o))
-      n.node.style.setProperty(l, u);
+    for (const [l, c] of Object.entries(o))
+      n.node.style.setProperty(l, c);
     s != null && s.active && n.node.classList.remove(s.active);
   };
-}, co = (e) => {
+}, xo = (e) => {
   let {
     transform: {
       initial: t,
@@ -2655,11 +2660,11 @@ const io = {
   }, {
     transform: be.Transform.toString(n)
   }];
-}, uo = {
+}, Do = {
   duration: 250,
   easing: "ease",
-  keyframes: co,
-  sideEffects: /* @__PURE__ */ lo({
+  keyframes: xo,
+  sideEffects: /* @__PURE__ */ Sn({
     styles: {
       active: {
         opacity: "0"
@@ -2667,14 +2672,14 @@ const io = {
     }
   })
 };
-function fo(e) {
+function So(e) {
   let {
     config: t,
     draggableNodes: n,
     droppableContainers: r,
     measuringConfiguration: o
   } = e;
-  return ct((i, s) => {
+  return ut((i, s) => {
     if (t === null)
       return;
     const a = n.get(i);
@@ -2683,16 +2688,16 @@ function fo(e) {
     const l = a.node.current;
     if (!l)
       return;
-    const u = hn(s);
-    if (!u)
+    const c = yn(s);
+    if (!c)
       return;
     const {
       transform: d
-    } = $(s).getComputedStyle(s), c = tn(d);
-    if (!c)
+    } = X(s).getComputedStyle(s), u = cn(d);
+    if (!u)
       return;
-    const g = typeof t == "function" ? t : go(t);
-    return cn(l, o.draggable.measure), g({
+    const g = typeof t == "function" ? t : Co(t);
+    return pn(l, o.draggable.measure), g({
       active: {
         id: i,
         data: a.data,
@@ -2702,22 +2707,22 @@ function fo(e) {
       draggableNodes: n,
       dragOverlay: {
         node: s,
-        rect: o.dragOverlay.measure(u)
+        rect: o.dragOverlay.measure(c)
       },
       droppableContainers: r,
       measuringConfiguration: o,
-      transform: c
+      transform: u
     });
   });
 }
-function go(e) {
+function Co(e) {
   const {
     duration: t,
     easing: n,
     sideEffects: r,
     keyframes: o
   } = {
-    ...uo,
+    ...Do,
     ...e
   };
   return (i) => {
@@ -2725,22 +2730,22 @@ function go(e) {
       active: s,
       dragOverlay: a,
       transform: l,
-      ...u
+      ...c
     } = i;
     if (!t)
       return;
     const d = {
       x: a.rect.left - s.rect.left,
       y: a.rect.top - s.rect.top
-    }, c = {
+    }, u = {
       scaleX: l.scaleX !== 1 ? s.rect.width * l.scaleX / a.rect.width : 1,
       scaleY: l.scaleY !== 1 ? s.rect.height * l.scaleY / a.rect.height : 1
     }, g = {
       x: l.x - d.x,
       y: l.y - d.y,
-      ...c
+      ...u
     }, f = o({
-      ...u,
+      ...c,
       active: s,
       dragOverlay: a,
       transform: {
@@ -2753,7 +2758,7 @@ function go(e) {
     const v = r?.({
       active: s,
       dragOverlay: a,
-      ...u
+      ...c
     }), b = a.node.animate(f, {
       duration: t,
       easing: n,
@@ -2766,14 +2771,14 @@ function go(e) {
     });
   };
 }
-let Jt = 0;
-function ho(e) {
-  return A(() => {
+let tn = 0;
+function Ro(e) {
+  return E(() => {
     if (e != null)
-      return Jt++, Jt;
+      return tn++, tn;
   }, [e]);
 }
-const Mo = /* @__PURE__ */ M.memo((e) => {
+const Eo = /* @__PURE__ */ M.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -2783,11 +2788,11 @@ const Mo = /* @__PURE__ */ M.memo((e) => {
     modifiers: s,
     wrapperElement: a = "div",
     className: l,
-    zIndex: u = 999
+    zIndex: c = 999
   } = e;
   const {
     activatorEvent: d,
-    active: c,
+    active: u,
     activeNodeRect: g,
     containerNodeRect: f,
     draggableNodes: w,
@@ -2796,59 +2801,59 @@ const Mo = /* @__PURE__ */ M.memo((e) => {
     over: b,
     measuringConfiguration: m,
     scrollableAncestors: p,
-    scrollableAncestorRects: C,
-    windowRect: S
-  } = mn(), R = ve(gt), y = ho(c?.id), x = bn(s, {
+    scrollableAncestorRects: S,
+    windowRect: C
+  } = Mt(), R = ce(ht), y = Ro(u?.id), x = Dn(s, {
     activatorEvent: d,
-    active: c,
+    active: u,
     activeNodeRect: g,
     containerNodeRect: f,
     draggingNodeRect: v.rect,
     over: b,
     overlayNodeRect: v.rect,
     scrollableAncestors: p,
-    scrollableAncestorRects: C,
+    scrollableAncestorRects: S,
     transform: R,
-    windowRect: S
-  }), N = Ot(g), L = fo({
+    windowRect: C
+  }), T = Tt(g), L = So({
     config: r,
     draggableNodes: w,
     droppableContainers: h,
     measuringConfiguration: m
-  }), O = N ? v.setRef : void 0;
-  return M.createElement(oo, null, M.createElement(no, {
+  }), I = T ? v.setRef : void 0;
+  return M.createElement(bo, null, M.createElement(vo, {
     animation: L
-  }, c && y ? M.createElement(ao, {
+  }, u && y ? M.createElement(wo, {
     key: y,
-    id: c.id,
-    ref: O,
+    id: u.id,
+    ref: I,
     as: a,
     activatorEvent: d,
     adjustScale: t,
     className: l,
     transition: i,
-    rect: N,
+    rect: T,
     style: {
-      zIndex: u,
+      zIndex: c,
       ...o
     },
     transform: x
   }, n) : null));
 });
-function yn(e, t, n) {
+function Lt(e, t, n) {
   const r = e.slice();
   return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
 }
-function vo(e, t) {
+function Ao(e, t) {
   return e.reduce((n, r, o) => {
     const i = t.get(r);
     return i && (n[o] = i), n;
   }, Array(e.length));
 }
-function et(e) {
+function tt(e) {
   return e !== null && e >= 0;
 }
-function po(e, t) {
+function Io(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
@@ -2858,88 +2863,88 @@ function po(e, t) {
       return !1;
   return !0;
 }
-function bo(e) {
+function Oo(e) {
   return typeof e == "boolean" ? {
     draggable: e,
     droppable: e
   } : e;
 }
-const wn = (e) => {
+const Cn = (e) => {
   let {
     rects: t,
     activeIndex: n,
     overIndex: r,
     index: o
   } = e;
-  const i = yn(t, r, n), s = t[o], a = i[o];
+  const i = Lt(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
   };
-}, xn = "Sortable", Dn = /* @__PURE__ */ M.createContext({
+}, Rn = "Sortable", En = /* @__PURE__ */ M.createContext({
   activeIndex: -1,
-  containerId: xn,
+  containerId: Rn,
   disableTransforms: !1,
   items: [],
   overIndex: -1,
   useDragOverlay: !1,
   sortedRects: [],
-  strategy: wn,
+  strategy: Cn,
   disabled: {
     draggable: !1,
     droppable: !1
   }
 });
-function Lo(e) {
+function No(e) {
   let {
     children: t,
     id: n,
     items: r,
-    strategy: o = wn,
+    strategy: o = Cn,
     disabled: i = !1
   } = e;
   const {
     active: s,
     dragOverlay: a,
     droppableRects: l,
-    over: u,
+    over: c,
     measureDroppableContainers: d
-  } = mn(), c = He(xn, n), g = a.rect !== null, f = A(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), w = s != null, h = s ? f.indexOf(s.id) : -1, v = u ? f.indexOf(u.id) : -1, b = T(f), m = !po(f, b.current), p = v !== -1 && h === -1 || m, C = bo(i);
-  _(() => {
+  } = Mt(), u = Ve(Rn, n), g = a.rect !== null, f = E(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), w = s != null, h = s ? f.indexOf(s.id) : -1, v = c ? f.indexOf(c.id) : -1, b = N(f), m = !Io(f, b.current), p = v !== -1 && h === -1 || m, S = Oo(i);
+  Q(() => {
     m && w && d(f);
-  }, [m, f, w, d]), I(() => {
+  }, [m, f, w, d]), O(() => {
     b.current = f;
   }, [f]);
-  const S = A(
+  const C = E(
     () => ({
       activeIndex: h,
-      containerId: c,
-      disabled: C,
+      containerId: u,
+      disabled: S,
       disableTransforms: p,
       items: f,
       overIndex: v,
       useDragOverlay: g,
-      sortedRects: vo(f, l),
+      sortedRects: Ao(f, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, c, C.draggable, C.droppable, p, f, v, l, g, o]
+    [h, u, S.draggable, S.droppable, p, f, v, l, g, o]
   );
-  return M.createElement(Dn.Provider, {
-    value: S
+  return M.createElement(En.Provider, {
+    value: C
   }, t);
 }
-const mo = (e) => {
+const To = (e) => {
   let {
     id: t,
     items: n,
     activeIndex: r,
     overIndex: o
   } = e;
-  return yn(n, r, o).indexOf(t);
-}, yo = (e) => {
+  return Lt(n, r, o).indexOf(t);
+}, Mo = (e) => {
   let {
     containerId: t,
     isSorting: n,
@@ -2949,62 +2954,62 @@ const mo = (e) => {
     newIndex: s,
     previousItems: a,
     previousContainerId: l,
-    transition: u
+    transition: c
   } = e;
-  return !u || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === l;
-}, wo = {
+  return !c || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === l;
+}, Lo = {
   duration: 200,
   easing: "ease"
-}, Cn = "transform", xo = /* @__PURE__ */ be.Transition.toString({
-  property: Cn,
+}, An = "transform", Po = /* @__PURE__ */ be.Transition.toString({
+  property: An,
   duration: 0,
   easing: "linear"
-}), Do = {
+}), ko = {
   roleDescription: "sortable"
 };
-function Co(e) {
+function zo(e) {
   let {
     disabled: t,
     index: n,
     node: r,
     rect: o
   } = e;
-  const [i, s] = X(null), a = T(n);
-  return _(() => {
+  const [i, s] = B(null), a = N(n);
+  return Q(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
       if (l) {
-        const u = Ae(r.current, {
+        const c = Oe(r.current, {
           ignoreTransform: !0
         }), d = {
-          x: l.left - u.left,
-          y: l.top - u.top,
-          scaleX: l.width / u.width,
-          scaleY: l.height / u.height
+          x: l.left - c.left,
+          y: l.top - c.top,
+          scaleX: l.width / c.width,
+          scaleY: l.height / c.height
         };
         (d.x || d.y) && s(d);
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), I(() => {
+  }, [t, n, r, o]), O(() => {
     i && s(null);
   }, [i]), i;
 }
-function Po(e) {
+function jo(e) {
   let {
-    animateLayoutChanges: t = yo,
+    animateLayoutChanges: t = Mo,
     attributes: n,
     disabled: r,
     data: o,
-    getNewIndex: i = mo,
+    getNewIndex: i = To,
     id: s,
     strategy: a,
     resizeObserverConfig: l,
-    transition: u = wo
+    transition: c = Lo
   } = e;
   const {
     items: d,
-    containerId: c,
+    containerId: u,
     activeIndex: g,
     disabled: f,
     disableTransforms: w,
@@ -3012,131 +3017,131 @@ function Po(e) {
     overIndex: v,
     useDragOverlay: b,
     strategy: m
-  } = ve(Dn), p = So(r, f), C = d.indexOf(s), S = A(() => ({
+  } = ce(En), p = Bo(r, f), S = d.indexOf(s), C = E(() => ({
     sortable: {
-      containerId: c,
-      index: C,
+      containerId: u,
+      index: S,
       items: d
     },
     ...o
-  }), [c, o, C, d]), R = A(() => d.slice(d.indexOf(s)), [d, s]), {
+  }), [u, o, S, d]), R = E(() => d.slice(d.indexOf(s)), [d, s]), {
     rect: y,
     node: x,
-    isOver: N,
+    isOver: T,
     setNodeRef: L
-  } = to({
+  } = ho({
     id: s,
-    data: S,
+    data: C,
     disabled: p.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: R,
       ...l
     }
   }), {
-    active: O,
+    active: I,
     activatorEvent: J,
     activeNodeRect: G,
-    attributes: Z,
-    setNodeRef: Oe,
-    listeners: qe,
+    attributes: ee,
+    setNodeRef: Ne,
+    listeners: _e,
     isDragging: Y,
     over: Je,
-    setActivatorNodeRef: re,
-    transform: Ie
-  } = Qr({
+    setActivatorNodeRef: oe,
+    transform: Te
+  } = uo({
     id: s,
-    data: S,
+    data: C,
     attributes: {
-      ...Do,
+      ...ko,
       ...n
     },
     disabled: p.draggable
-  }), Ge = Fn(L, Oe), j = !!O, oe = j && !w && et(g) && et(v), pe = !b && Y, Te = pe && oe ? Ie : null, _e = oe ? Te ?? (a ?? m)({
+  }), Ge = qn(L, Ne), $ = !!I, ie = $ && !w && tt(g) && tt(v), me = !b && Y, Me = me && ie ? Te : null, Qe = ie ? Me ?? (a ?? m)({
     rects: h,
     activeNodeRect: G,
     activeIndex: g,
     overIndex: v,
-    index: C
-  }) : null, le = et(g) && et(v) ? i({
+    index: S
+  }) : null, ue = tt(g) && tt(v) ? i({
     id: s,
     items: d,
     activeIndex: g,
     overIndex: v
-  }) : C, ie = O?.id, E = T({
-    activeId: ie,
+  }) : S, se = I?.id, A = N({
+    activeId: se,
     items: d,
-    newIndex: le,
-    containerId: c
-  }), Ne = d !== E.current.items, ee = t({
-    active: O,
-    containerId: c,
+    newIndex: ue,
+    containerId: u
+  }), Le = d !== A.current.items, te = t({
+    active: I,
+    containerId: u,
     isDragging: Y,
-    isSorting: j,
+    isSorting: $,
     id: s,
-    index: C,
+    index: S,
     items: d,
-    newIndex: E.current.newIndex,
-    previousItems: E.current.items,
-    previousContainerId: E.current.containerId,
-    transition: u,
-    wasDragging: E.current.activeId != null
-  }), me = Co({
-    disabled: !ee,
-    index: C,
+    newIndex: A.current.newIndex,
+    previousItems: A.current.items,
+    previousContainerId: A.current.containerId,
+    transition: c,
+    wasDragging: A.current.activeId != null
+  }), ye = zo({
+    disabled: !te,
+    index: S,
     node: x,
     rect: y
   });
-  return I(() => {
-    j && E.current.newIndex !== le && (E.current.newIndex = le), c !== E.current.containerId && (E.current.containerId = c), d !== E.current.items && (E.current.items = d);
-  }, [j, le, c, d]), I(() => {
-    if (ie === E.current.activeId)
+  return O(() => {
+    $ && A.current.newIndex !== ue && (A.current.newIndex = ue), u !== A.current.containerId && (A.current.containerId = u), d !== A.current.items && (A.current.items = d);
+  }, [$, ue, u, d]), O(() => {
+    if (se === A.current.activeId)
       return;
-    if (ie != null && E.current.activeId == null) {
-      E.current.activeId = ie;
+    if (se != null && A.current.activeId == null) {
+      A.current.activeId = se;
       return;
     }
-    const ye = setTimeout(() => {
-      E.current.activeId = ie;
+    const we = setTimeout(() => {
+      A.current.activeId = se;
     }, 50);
-    return () => clearTimeout(ye);
-  }, [ie]), {
-    active: O,
+    return () => clearTimeout(we);
+  }, [se]), {
+    active: I,
     activeIndex: g,
-    attributes: Z,
-    data: S,
+    attributes: ee,
+    data: C,
     rect: y,
-    index: C,
-    newIndex: le,
+    index: S,
+    newIndex: ue,
     items: d,
-    isOver: N,
-    isSorting: j,
+    isOver: T,
+    isSorting: $,
     isDragging: Y,
-    listeners: qe,
+    listeners: _e,
     node: x,
     overIndex: v,
     over: Je,
     setNodeRef: Ge,
-    setActivatorNodeRef: re,
+    setActivatorNodeRef: oe,
     setDroppableNodeRef: L,
-    setDraggableNodeRef: Oe,
-    transform: me ?? _e,
-    transition: se()
+    setDraggableNodeRef: Ne,
+    transform: ye ?? Qe,
+    transition: ae()
   };
-  function se() {
+  function ae() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      me || // Or to prevent items jumping to back to their "new" position when items change
-      Ne && E.current.newIndex === C
+      ye || // Or to prevent items jumping to back to their "new" position when items change
+      Le && A.current.newIndex === S
     )
-      return xo;
-    if (!(pe && !ut(J) || !u) && (j || ee))
+      return Po;
+    if (!(me && !dt(J) || !c) && ($ || te))
       return be.Transition.toString({
-        ...u,
-        property: Cn
+        ...c,
+        property: An
       });
   }
 }
-function So(e, t) {
+function Bo(e, t) {
   var n, r;
   return typeof e == "boolean" ? {
     draggable: e,
@@ -3147,13 +3152,13 @@ function So(e, t) {
     droppable: (r = e?.droppable) != null ? r : t.droppable
   };
 }
-function at(e) {
+function lt(e) {
   if (!e)
     return !1;
   const t = e.data.current;
   return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
 }
-const Ro = [D.Down, D.Right, D.Up, D.Left], ko = (e, t) => {
+const Fo = [D.Down, D.Right, D.Up, D.Left], Xo = (e, t) => {
   let {
     context: {
       active: n,
@@ -3164,73 +3169,196 @@ const Ro = [D.Down, D.Right, D.Up, D.Left], ko = (e, t) => {
       scrollableAncestors: a
     }
   } = t;
-  if (Ro.includes(e.code)) {
+  if (Fo.includes(e.code)) {
     if (e.preventDefault(), !n || !r)
       return;
     const l = [];
-    i.getEnabled().forEach((c) => {
-      if (!c || c != null && c.disabled)
+    i.getEnabled().forEach((u) => {
+      if (!u || u != null && u.disabled)
         return;
-      const g = o.get(c.id);
+      const g = o.get(u.id);
       if (g)
         switch (e.code) {
           case D.Down:
-            r.top < g.top && l.push(c);
+            r.top < g.top && l.push(u);
             break;
           case D.Up:
-            r.top > g.top && l.push(c);
+            r.top > g.top && l.push(u);
             break;
           case D.Left:
-            r.left > g.left && l.push(c);
+            r.left > g.left && l.push(u);
             break;
           case D.Right:
-            r.left < g.left && l.push(c);
+            r.left < g.left && l.push(u);
             break;
         }
     });
-    const u = nr({
+    const c = gr({
       collisionRect: r,
       droppableRects: o,
       droppableContainers: l
     });
-    let d = Zt(u, "id");
-    if (d === s?.id && u.length > 1 && (d = u[1].id), d != null) {
-      const c = i.get(n.id), g = i.get(d), f = g ? o.get(g.id) : null, w = g?.node.current;
-      if (w && f && c && g) {
-        const v = dt(w).some((R, y) => a[y] !== R), b = Sn(c, g), m = Eo(c, g), p = v || !b ? {
+    let d = an(c, "id");
+    if (d === s?.id && c.length > 1 && (d = c[1].id), d != null) {
+      const u = i.get(n.id), g = i.get(d), f = g ? o.get(g.id) : null, w = g?.node.current;
+      if (w && f && u && g) {
+        const v = ft(w).some((R, y) => a[y] !== R), b = In(u, g), m = $o(u, g), p = v || !b ? {
           x: 0,
           y: 0
         } : {
           x: m ? r.width - f.width : 0,
           y: m ? r.height - f.height : 0
-        }, C = {
+        }, S = {
           x: f.left,
           y: f.top
         };
-        return p.x && p.y ? C : je(C, p);
+        return p.x && p.y ? S : Ke(S, p);
       }
     }
   }
 };
-function Sn(e, t) {
-  return !at(e) || !at(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+function In(e, t) {
+  return !lt(e) || !lt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
 }
-function Eo(e, t) {
-  return !at(e) || !at(t) || !Sn(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+function $o(e, t) {
+  return !lt(e) || !lt(t) || !In(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
+const On = Ee({
+  attributes: void 0,
+  listeners: void 0,
+  ref() {
+  }
+}), Yo = ({
+  ...e
+}) => {
+  const { attributes: t, listeners: n, ref: r } = ce(On), o = Mt();
+  return /* @__PURE__ */ _.jsx(
+    Kn,
+    {
+      className: "SortableList__DragHandle",
+      "data-testid": "kibble-sortable-list-drag-handle",
+      ref: r,
+      cursor: o.activatorEvent ? "grabbing" : "grab",
+      iconName: "grid",
+      size: "sm",
+      variant: "ghostNeutral",
+      ...t,
+      ...n,
+      ...e
+    }
+  );
+}, nn = ({
+  content: e,
+  hideHandle: t,
+  id: n,
+  itemProps: r
+}) => {
+  const {
+    attributes: o,
+    isDragging: i,
+    listeners: s,
+    setNodeRef: a,
+    setActivatorNodeRef: l,
+    transform: c,
+    transition: d
+  } = jo({
+    id: n
+  }), u = E(
+    () => ({
+      attributes: o,
+      listeners: s,
+      ref: l
+    }),
+    [o, s, l]
+  );
+  return /* @__PURE__ */ _.jsx(On.Provider, { value: u, children: /* @__PURE__ */ _.jsx(
+    Hn,
+    {
+      className: "SortableList__Item",
+      "data-testid": "kibble-sortable-list-item",
+      ref: a,
+      ...r,
+      listStyleType: "none",
+      ...i && { opacity: 0.4 },
+      transition: d,
+      transform: be.Translate.toString(c),
+      children: /* @__PURE__ */ _.jsxs(Wn, { alignItems: "center", gap: 2, width: "100%", children: [
+        !t && /* @__PURE__ */ _.jsx(Yo, {}),
+        typeof e == "string" ? /* @__PURE__ */ _.jsx(Un, { size: "sm", children: e }) : e
+      ] })
+    }
+  ) });
+}, Go = ({
+  hideHandle: e = !1,
+  items: t,
+  itemsProps: n,
+  onChange: r,
+  ...o
+}) => {
+  const [i, s] = B(null), a = E(
+    () => t.find((c) => c.id === i?.id),
+    [i, t]
+  ), l = lr(
+    Kt(Nt),
+    Kt(It, {
+      coordinateGetter: Xo
+    })
+  );
+  return /* @__PURE__ */ _.jsx(
+    ao,
+    {
+      sensors: l,
+      onDragStart: ({ active: c }) => {
+        s(c);
+      },
+      onDragEnd: ({ active: c, over: d }) => {
+        if (d && c.id !== d?.id) {
+          const u = t.findIndex(({ id: f }) => f === c.id), g = t.findIndex(({ id: f }) => f === d.id);
+          r(Lt(t, u, g));
+        }
+        s(null);
+      },
+      onDragCancel: () => s(null),
+      children: /* @__PURE__ */ _.jsx(No, { items: t, children: /* @__PURE__ */ _.jsxs(
+        Vn,
+        {
+          className: "SortableList",
+          "data-testid": "kibble-sortable-list",
+          gap: 2,
+          ...o,
+          children: [
+            t.map((c) => /* @__PURE__ */ _.jsx(
+              nn,
+              {
+                ...c,
+                itemProps: n,
+                hideHandle: e
+              },
+              c.id
+            )),
+            a && /* @__PURE__ */ _.jsx(Eo, { dropAnimation: Ko, children: /* @__PURE__ */ _.jsx(
+              nn,
+              {
+                ...a,
+                itemProps: n,
+                hideHandle: e
+              }
+            ) })
+          ]
+        }
+      ) })
+    }
+  );
+}, Ko = {
+  sideEffects: Sn({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
 export {
-  be as C,
-  No as D,
-  dn as K,
-  fn as P,
-  Lo as S,
-  Po as a,
-  To as b,
-  Io as c,
-  Mo as d,
-  lo as e,
-  yn as f,
-  ko as s,
-  mn as u
+  Go as S
 };
-//# sourceMappingURL=dnd-DDR6viHX.js.map
+//# sourceMappingURL=sortableList.component-1gWWNAQS.js.map