@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/{sortableList.component-i4dJ9oHN.js → sortableList.component-XfURY7C2.js}

@@ -1,10 +1,10 @@
 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-CazVZ4Kg.js";
-import { B as Kn } from "./button.component-BE20YKDd.js";
-import { W as Un } from "./text.component-D9w-u_dB.js";
+import { r as Be } from "./use-locale-context-Bw4Gg9Z0.js";
+import { B as Kn } from "./button.component-BO6oee_V.js";
+import { W as Un } from "./text.component-CdTyTFds.js";
 import { F as Wn } from "./flex-CX-8gE9T.js";
-import { L as Hn, a as Vn } from "./list-DwRM9eA_.js";
+import { L as Hn, a as Vn } from "./list-v83ZN2MC.js";
 function qn() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
@@ -112,9 +112,9 @@ function on(e) {
       r[o - 1] = arguments[o];
     return r.reduce((i, s) => {
       const a = Object.entries(s);
-      for (const [l, c] of a) {
-        const d = i[l];
-        d != null && (i[l] = d + e * c);
+      for (const [l, d] of a) {
+        const c = i[l];
+        c != null && (i[l] = c + e * d);
       }
       return i;
     }, {
@@ -328,68 +328,68 @@ function ar(e) {
   const {
     announce: i,
     announcement: s
-  } = nr(), a = Ve("DndLiveRegion"), [l, c] = B(!1);
+  } = nr(), a = Ve("DndLiveRegion"), [l, d] = B(!1);
   if (O(() => {
-    c(!0);
+    d(!0);
   }, []), rr(E(() => ({
     onDragStart(u) {
       let {
-        active: g
+        active: f
       } = u;
       i(t.onDragStart({
-        active: g
+        active: f
       }));
     },
     onDragMove(u) {
       let {
-        active: g,
-        over: f
+        active: f,
+        over: g
       } = u;
       t.onDragMove && i(t.onDragMove({
-        active: g,
-        over: f
+        active: f,
+        over: g
       }));
     },
     onDragOver(u) {
       let {
-        active: g,
-        over: f
+        active: f,
+        over: g
       } = u;
       i(t.onDragOver({
-        active: g,
-        over: f
+        active: f,
+        over: g
       }));
     },
     onDragEnd(u) {
       let {
-        active: g,
-        over: f
+        active: f,
+        over: g
       } = u;
       i(t.onDragEnd({
-        active: g,
-        over: f
+        active: f,
+        over: g
       }));
     },
     onDragCancel(u) {
       let {
-        active: g,
-        over: f
+        active: f,
+        over: g
       } = u;
       i(t.onDragCancel({
-        active: g,
-        over: f
+        active: f,
+        over: g
       }));
     }
   }), [i, t])), !l)
     return null;
-  const d = M.createElement(M.Fragment, null, M.createElement(er, {
+  const c = M.createElement(M.Fragment, null, M.createElement(er, {
     id: r,
     value: o.draggable
   }), M.createElement(tr, {
     id: a,
     announcement: s
   }));
-  return n ? Be.createPortal(d, n) : d;
+  return n ? Be.createPortal(c, n) : c;
 }
 var P;
 (function(e) {
@@ -496,7 +496,7 @@ const gr = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = Ut(l), d = o.reduce((g, f, w) => g + cr(c[w], f), 0), u = Number((d / 4).toFixed(4));
+      const d = Ut(l), c = o.reduce((f, g, p) => f + cr(d[p], g), 0), u = Number((c / 4).toFixed(4));
       i.push({
         id: a,
         data: {
@@ -511,7 +511,7 @@ const gr = (e) => {
 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, c = e.width * e.height, d = s * a, u = d / (l + c - d);
+    const l = t.width * t.height, d = e.width * e.height, c = s * a, u = c / (l + d - c);
     return Number(u.toFixed(4));
   }
   return 0;
@@ -598,13 +598,13 @@ function yr(e, t, n) {
     scaleY: i,
     x: s,
     y: a
-  } = 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;
+  } = r, l = e.left - s - (1 - o) * parseFloat(n), d = e.top - a - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), c = o ? e.width / o : e.width, u = i ? e.height / i : e.height;
   return {
-    width: d,
+    width: c,
     height: u,
-    top: c,
-    right: l + d,
-    bottom: c + u,
+    top: d,
+    right: l + c,
+    bottom: d + u,
     left: l
   };
 }
@@ -616,10 +616,10 @@ function Oe(e, t) {
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
-      transform: c,
-      transformOrigin: d
+      transform: d,
+      transformOrigin: c
     } = X(e).getComputedStyle(e);
-    c && (n = yr(n, c, d));
+    d && (n = yr(n, d, c));
   }
   const {
     top: r,
@@ -741,23 +741,23 @@ function Rr(e, t, n, r, o) {
   } = n;
   r === void 0 && (r = 10), o === void 0 && (o = Cr);
   const {
-    isTop: c,
-    isBottom: d,
+    isTop: d,
+    isBottom: c,
     isLeft: u,
-    isRight: g
-  } = hn(e), f = {
+    isRight: f
+  } = hn(e), g = {
     x: 0,
     y: 0
-  }, w = {
+  }, p = {
     x: 0,
     y: 0
   }, h = {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  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
+  return !d && i <= t.top + h.height ? (g.y = k.Backward, p.y = r * Math.abs((t.top + h.height - i) / h.height)) : !c && l >= t.bottom - h.height && (g.y = k.Forward, p.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !f && a >= t.right - h.width ? (g.x = k.Forward, p.x = r * Math.abs((t.right - h.width - a) / h.width)) : !u && s <= t.left + h.width && (g.x = k.Backward, p.x = r * Math.abs((t.left + h.width - s) / h.width)), {
+    direction: g,
+    speed: p
   };
 }
 function Er(e) {
@@ -825,8 +825,8 @@ class At {
       for (const l of s)
         Object.defineProperty(this, l, {
           get: () => {
-            const c = a(r), d = o[i] - c;
-            return this.rect[l] + d;
+            const d = a(r), c = o[i] - d;
+            return this.rect[l] + c;
           },
           enumerable: !0
         });
@@ -946,67 +946,67 @@ class It {
         return;
       }
       const {
-        collisionRect: c
-      } = r.current, d = c ? {
-        x: c.left,
-        y: c.top
+        collisionRect: d
+      } = r.current, c = d ? {
+        x: d.left,
+        y: d.top
       } : Z;
-      this.referenceCoordinates || (this.referenceCoordinates = d);
+      this.referenceCoordinates || (this.referenceCoordinates = c);
       const u = s(t, {
         active: n,
         context: r.current,
-        currentCoordinates: d
+        currentCoordinates: c
       });
       if (u) {
-        const g = Ke(u, d), f = {
+        const f = Ke(u, c), g = {
           x: 0,
           y: 0
         }, {
-          scrollableAncestors: w
+          scrollableAncestors: p
         } = r.current;
-        for (const h of w) {
+        for (const h of p) {
           const v = t.code, {
-            isTop: b,
-            isRight: m,
-            isLeft: p,
+            isTop: m,
+            isRight: y,
+            isLeft: b,
             isBottom: S,
             maxScroll: C,
             minScroll: R
-          } = 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;
+          } = hn(h), w = Er(h), x = {
+            x: Math.min(v === D.Right ? w.right - w.width / 2 : w.right, Math.max(v === D.Right ? w.left : w.left + w.width / 2, u.x)),
+            y: Math.min(v === D.Down ? w.bottom - w.height / 2 : w.bottom, Math.max(v === D.Down ? w.top : w.top + w.height / 2, u.y))
+          }, T = v === D.Right && !y || v === D.Left && !b, L = v === D.Down && !S || v === D.Up && !m;
           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) {
+            const I = h.scrollLeft + f.x, J = v === D.Right && I <= C.x || v === D.Left && I >= R.x;
+            if (J && !f.y) {
               h.scrollTo({
                 left: I,
                 behavior: a
               });
               return;
             }
-            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,
+            J ? g.x = h.scrollLeft - I : g.x = v === D.Right ? h.scrollLeft - C.x : h.scrollLeft - R.x, g.x && h.scrollBy({
+              left: -g.x,
               behavior: a
             });
             break;
           } 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) {
+            const I = h.scrollTop + f.y, J = v === D.Down && I <= C.y || v === D.Up && I >= R.y;
+            if (J && !f.x) {
               h.scrollTo({
                 top: I,
                 behavior: a
               });
               return;
             }
-            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,
+            J ? g.y = h.scrollTop - I : g.y = v === D.Down ? h.scrollTop - C.y : h.scrollTop - R.y, g.y && h.scrollBy({
+              top: -g.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Re(Ke(u, this.referenceCoordinates), f));
+        this.handleMove(t, Re(Ke(u, this.referenceCoordinates), g));
       }
     }
   }
@@ -1134,17 +1134,17 @@ class Ot {
     } = i;
     if (!o)
       return;
-    const l = (n = it(t)) != null ? n : Z, c = Ke(o, l);
+    const l = (n = it(t)) != null ? n : Z, d = Ke(o, l);
     if (!r && a) {
       if (Vt(a)) {
-        if (a.tolerance != null && wt(c, a.tolerance))
+        if (a.tolerance != null && wt(d, a.tolerance))
           return this.handleCancel();
-        if (wt(c, a.distance))
+        if (wt(d, a.distance))
           return this.handleStart();
       }
-      if (qt(a) && wt(c, a.tolerance))
+      if (qt(a) && wt(d, a.tolerance))
         return this.handleCancel();
-      this.handlePending(a, c);
+      this.handlePending(a, d);
       return;
     }
     t.cancelable && t.preventDefault(), s(l);
@@ -1293,21 +1293,21 @@ function jr(e) {
     interval: s = 5,
     order: a = at.TreeOrder,
     pointerCoordinates: l,
-    scrollableAncestors: c,
-    scrollableAncestorRects: d,
+    scrollableAncestors: d,
+    scrollableAncestorRects: c,
     delta: u,
-    threshold: g
+    threshold: f
   } = e;
-  const f = Fr({
+  const g = Fr({
     delta: u,
     disabled: !i
-  }), [w, h] = _n(), v = N({
+  }), [p, h] = _n(), v = N({
     x: 0,
     y: 0
-  }), b = N({
+  }), m = N({
     x: 0,
     y: 0
-  }), m = E(() => {
+  }), y = E(() => {
     switch (n) {
       case Xe.Pointer:
         return l ? {
@@ -1319,40 +1319,40 @@ function jr(e) {
       case Xe.DraggableRect:
         return o;
     }
-  }, [n, o, l]), p = N(null), S = F(() => {
-    const R = p.current;
+  }, [n, o, l]), b = N(null), S = F(() => {
+    const R = b.current;
     if (!R)
       return;
-    const y = v.current.x * b.current.x, x = v.current.y * b.current.y;
-    R.scrollBy(y, x);
-  }, []), C = E(() => a === at.TreeOrder ? [...c].reverse() : c, [a, c]);
+    const w = v.current.x * m.current.x, x = v.current.y * m.current.y;
+    R.scrollBy(w, x);
+  }, []), C = E(() => a === at.TreeOrder ? [...d].reverse() : d, [a, d]);
   O(
     () => {
-      if (!i || !c.length || !m) {
+      if (!i || !d.length || !y) {
         h();
         return;
       }
       for (const R of C) {
         if (r?.(R) === !1)
           continue;
-        const y = c.indexOf(R), x = d[y];
+        const w = d.indexOf(R), x = c[w];
         if (!x)
           continue;
         const {
           direction: T,
           speed: L
-        } = Rr(R, x, m, t, g);
+        } = Rr(R, x, y, t, f);
         for (const I of ["x", "y"])
-          f[I][T[I]] || (L[I] = 0, T[I] = 0);
+          g[I][T[I]] || (L[I] = 0, T[I] = 0);
         if (L.x > 0 || L.y > 0) {
-          h(), p.current = R, w(S, s), v.current = L, b.current = T;
+          h(), b.current = R, p(S, s), v.current = L, m.current = T;
           return;
         }
       }
       v.current = {
         x: 0,
         y: 0
-      }, b.current = {
+      }, m.current = {
         x: 0,
         y: 0
       }, h();
@@ -1366,15 +1366,15 @@ function jr(e) {
       i,
       s,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(m),
+      JSON.stringify(y),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(f),
-      w,
-      c,
-      C,
+      JSON.stringify(g),
+      p,
       d,
+      C,
+      c,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(g)
+      JSON.stringify(f)
     ]
   );
 }
@@ -1449,33 +1449,33 @@ function Yr(e, t) {
   const [i, s] = B(null), {
     frequency: a,
     measure: l,
-    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 = N(null), h = He((b) => {
+    strategy: d
+  } = o, c = N(e), u = v(), f = Ye(u), g = F(function(m) {
+    m === void 0 && (m = []), !f.current && s((y) => y === null ? m : y.concat(m.filter((b) => !y.includes(b))));
+  }, [f]), p = N(null), h = He((m) => {
     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)
+    if (!m || m === _t || c.current !== e || i != null) {
+      const y = /* @__PURE__ */ new Map();
+      for (let b of e) {
+        if (!b)
           continue;
-        if (i && i.length > 0 && !i.includes(p.id) && p.rect.current) {
-          m.set(p.id, p.rect.current);
+        if (i && i.length > 0 && !i.includes(b.id) && b.rect.current) {
+          y.set(b.id, b.rect.current);
           continue;
         }
-        const S = p.node.current, C = S ? new At(l(S), S) : null;
-        p.rect.current = C, C && m.set(p.id, C);
+        const S = b.node.current, C = S ? new At(l(S), S) : null;
+        b.rect.current = C, C && y.set(b.id, C);
       }
-      return m;
+      return y;
     }
-    return b;
+    return m;
   }, [e, i, n, u, l]);
   return O(() => {
-    d.current = e;
+    c.current = e;
   }, [e]), O(
     () => {
-      u || f();
+      u || g();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, u]
@@ -1487,19 +1487,19 @@ function Yr(e, t) {
     [JSON.stringify(i)]
   ), O(
     () => {
-      u || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
-        f(), w.current = null;
+      u || typeof a != "number" || p.current !== null || (p.current = setTimeout(() => {
+        g(), p.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, u, f, ...r]
+    [a, u, g, ...r]
   ), {
     droppableRects: h,
-    measureDroppableContainers: f,
+    measureDroppableContainers: g,
     measuringScheduled: i != null
   };
   function v() {
-    switch (c) {
+    switch (d) {
       case Ue.Always:
         return !1;
       case Ue.BeforeDragging:
@@ -1560,22 +1560,22 @@ function Jt(e, t, n) {
       if (!e)
         return null;
       if (e.isConnected === !1) {
-        var c;
-        return (c = l ?? n) != null ? c : null;
+        var d;
+        return (d = l ?? n) != null ? d : null;
       }
-      const d = t(e);
-      return JSON.stringify(l) === JSON.stringify(d) ? l : d;
+      const c = t(e);
+      return JSON.stringify(l) === JSON.stringify(c) ? l : c;
     });
   }
   const s = Ur({
     callback(l) {
       if (e)
-        for (const c of l) {
+        for (const d of l) {
           const {
-            type: d,
+            type: c,
             target: u
-          } = c;
-          if (d === "childList" && u instanceof HTMLElement && u.contains(e)) {
+          } = d;
+          if (c === "childList" && u instanceof HTMLElement && u.contains(e)) {
             i();
             break;
           }
@@ -1612,10 +1612,10 @@ function qr(e) {
     if (e !== i) {
       s(i);
       const a = e.map((l) => {
-        const c = yt(l);
-        return c ? (c.addEventListener("scroll", o, {
+        const d = yt(l);
+        return d ? (d.addEventListener("scroll", o, {
           passive: !0
-        }), [c, Dt(c)]) : null;
+        }), [d, Dt(d)]) : null;
       }).filter((l) => l != null);
       n(a.length ? new Map(a) : null), r.current = e;
     }
@@ -1624,8 +1624,8 @@ function qr(e) {
     };
     function s(a) {
       a.forEach((l) => {
-        const c = yt(l);
-        c?.removeEventListener("scroll", o);
+        const d = yt(l);
+        d?.removeEventListener("scroll", o);
       });
     }
   }, [o, e]), E(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Re(i, s), Z) : vn(e) : Z, [e, t]);
@@ -1710,26 +1710,26 @@ function Qr(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = B(null), o = F((c) => {
+  const [n, r] = B(null), o = F((d) => {
     for (const {
-      target: d
-    } of c)
-      if (We(d)) {
+      target: c
+    } of d)
+      if (We(c)) {
         r((u) => {
-          const g = t(d);
+          const f = t(c);
           return u ? {
             ...u,
-            width: g.width,
-            height: g.height
-          } : g;
+            width: f.width,
+            height: f.height
+          } : f;
         });
         break;
       }
   }, [t]), i = gt({
     callback: o
-  }), s = F((c) => {
-    const d = yn(c);
-    i?.disconnect(), d && i?.observe(d), r(d ? t(d) : null);
+  }), s = F((d) => {
+    const c = yn(d);
+    i?.disconnect(), c && i?.observe(c), r(c ? t(c) : null);
   }, [t, i]), [a, l] = rt(s);
   return E(() => ({
     nodeRef: a,
@@ -1946,15 +1946,15 @@ function oo(e) {
         return;
       const {
         activatorNode: l,
-        node: c
+        node: d
       } = a;
-      if (!l.current && !c.current)
+      if (!l.current && !d.current)
         return;
       requestAnimationFrame(() => {
-        for (const d of [l.current, c.current]) {
-          if (!d)
+        for (const c of [l.current, d.current]) {
+          if (!c)
             continue;
-          const u = Qn(d);
+          const u = Qn(c);
           if (u) {
             u.focus();
             break;
@@ -2015,13 +2015,13 @@ function so(e) {
     }
     if (i.current || !r)
       return;
-    const c = t?.node.current;
-    if (!c || c.isConnected === !1)
+    const d = t?.node.current;
+    if (!d || d.isConnected === !1)
       return;
-    const d = n(c), u = ln(d, r);
+    const c = n(d), u = ln(c, 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({
+      const f = un(d);
+      f && f.scrollBy({
         top: u.y,
         left: u.x
       });
@@ -2043,34 +2043,34 @@ const ao = /* @__PURE__ */ Fn(function(t) {
     id: s,
     accessibility: a,
     autoScroll: l = !0,
-    children: c,
-    sensors: d = Zr,
+    children: d,
+    sensors: c = Zr,
     collisionDetection: u = vr,
-    measuring: g,
-    modifiers: f,
-    ...w
+    measuring: f,
+    modifiers: g,
+    ...p
   } = t;
-  const h = Xn(ro, void 0, no), [v, b] = h, [m, p] = or(), [S, C] = B(pe.Uninitialized), R = S === pe.Initialized, {
+  const h = Xn(ro, void 0, no), [v, m] = h, [y, b] = or(), [S, C] = B(pe.Uninitialized), R = S === pe.Initialized, {
     draggable: {
-      active: y,
+      active: w,
       nodes: x,
       translate: T
     },
     droppable: {
       containers: L
     }
-  } = v, I = y != null ? x.get(y) : null, J = N({
+  } = v, I = w != null ? x.get(w) : null, J = N({
     initial: null,
     translated: null
   }), G = E(() => {
     var j;
-    return y != null ? {
-      id: y,
+    return w != null ? {
+      id: w,
       // It's possible for the active node to unmount while dragging
       data: (j = I?.data) != null ? j : eo,
       rect: J
     } : null;
-  }, [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), {
+  }, [w, I]), ee = N(null), [Ne, _e] = B(null), [Y, Je] = B(null), oe = Ye(p, Object.values(p)), Te = Ve("DndDescribedBy", s), Ge = E(() => L.getEnabled(), [L]), $ = io(f), {
     droppableRects: ie,
     measureDroppableContainers: me,
     measuringScheduled: Me
@@ -2078,9 +2078,9 @@ const ao = /* @__PURE__ */ Fn(function(t) {
     dragging: R,
     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);
+  }), H = Xr(x, w), Qe = E(() => Y ? it(Y) : null, [Y]), ue = jn(), se = Kr(H, $.draggable.measure);
   so({
-    activeNode: y != null ? x.get(y) : null,
+    activeNode: w != null ? x.get(w) : null,
     config: ue.layoutShiftCompensation,
     initialRect: se,
     measure: $.draggable.measure
@@ -2101,7 +2101,7 @@ const ao = /* @__PURE__ */ Fn(function(t) {
     scrollAdjustedTranslate: null
   }), 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, {
+  }), 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(g, {
     transform: {
       x: T.x - kt.x,
       y: T.y - kt.y,
@@ -2151,7 +2151,7 @@ const ao = /* @__PURE__ */ Fn(function(t) {
           } = oe.current, le = {
             id: z
           };
-          re?.(le), m({
+          re?.(le), y({
             type: "onDragAbort",
             event: le
           });
@@ -2167,7 +2167,7 @@ const ao = /* @__PURE__ */ Fn(function(t) {
             initialCoordinates: re,
             offset: le
           };
-          ze?.(ve), m({
+          ze?.(ve), y({
             type: "onDragPending",
             event: ve
           });
@@ -2190,18 +2190,18 @@ const ao = /* @__PURE__ */ Fn(function(t) {
             }
           };
           Be.unstable_batchedUpdates(() => {
-            le?.(ke), C(pe.Initializing), b({
+            le?.(ke), C(pe.Initializing), m({
               type: P.DragStart,
               initialCoordinates: z,
               active: he
-            }), m({
+            }), y({
               type: "onDragStart",
               event: ke
             }), _e(pt.current), Je(W);
           });
         },
         onMove(z) {
-          b({
+          m({
             type: P.DragMove,
             coordinates: z
           });
@@ -2232,13 +2232,13 @@ const ao = /* @__PURE__ */ Fn(function(t) {
             }, z === P.DragEnd && typeof je == "function" && await Promise.resolve(je(ve)) && (z = P.DragCancel);
           }
           ee.current = null, Be.unstable_batchedUpdates(() => {
-            b({
+            m({
               type: z
             }), 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({
+              bt?.(ve), y({
                 type: je,
                 event: ve
               });
@@ -2264,8 +2264,8 @@ const ao = /* @__PURE__ */ Fn(function(t) {
     j(U, K.options, ne) === !0 && (V.dndKit = {
       capturedBy: K.sensor
     }, ee.current = ge, Xt(U, K));
-  }, [x, Xt]), $t = $r(d, Pn);
-  _r(d), Q(() => {
+  }, [x, Xt]), $t = $r(c, Pn);
+  _r(c), Q(() => {
     A && S === pe.Initializing && C(pe.Initialized);
   }, [A, S]), O(
     () => {
@@ -2290,7 +2290,7 @@ const ao = /* @__PURE__ */ Fn(function(t) {
         over: V
       };
       Be.unstable_batchedUpdates(() => {
-        j?.(W), m({
+        j?.(W), y({
           type: "onDragMove",
           event: W
         });
@@ -2327,7 +2327,7 @@ const ao = /* @__PURE__ */ Fn(function(t) {
         over: Ce
       };
       Be.unstable_batchedUpdates(() => {
-        Ft(Ce), W?.(z), m({
+        Ft(Ce), W?.(z), y({
           type: "onDragOver",
           event: z
         });
@@ -2388,20 +2388,20 @@ const ao = /* @__PURE__ */ Fn(function(t) {
     ariaDescribedById: {
       draggable: Te
     },
-    dispatch: b,
+    dispatch: m,
     draggableNodes: x,
     over: fe,
     measureDroppableContainers: me
-  }), [Y, $t, G, A, b, Te, x, fe, me]);
+  }), [Y, $t, G, A, m, Te, x, fe, me]);
   return M.createElement(sn.Provider, {
-    value: p
+    value: b
   }, M.createElement(qe.Provider, {
     value: zn
   }, M.createElement(xn.Provider, {
     value: kn
   }, M.createElement(ht.Provider, {
     value: Ln
-  }, c)), M.createElement(oo, {
+  }, d)), M.createElement(oo, {
     disabled: a?.restoreFocus === !1
   })), M.createElement(ar, {
     ...a,
@@ -2428,22 +2428,22 @@ function uo(e) {
     activators: s,
     activatorEvent: a,
     active: l,
-    activeNodeRect: c,
-    ariaDescribedById: d,
+    activeNodeRect: d,
+    ariaDescribedById: c,
     draggableNodes: u,
-    over: g
+    over: f
   } = ce(qe), {
-    role: f = en,
-    roleDescription: w = "draggable",
+    role: g = en,
+    roleDescription: p = "draggable",
     tabIndex: h = 0
-  } = o ?? {}, v = l?.id === t, b = ce(v ? ht : lo), [m, p] = rt(), [S, C] = rt(), R = Jr(s, t), y = Ye(n);
+  } = o ?? {}, v = l?.id === t, m = ce(v ? ht : lo), [y, b] = rt(), [S, C] = rt(), R = Jr(s, t), w = Ye(n);
   Q(
     () => (u.set(t, {
       id: t,
       key: i,
-      node: m,
+      node: y,
       activatorNode: S,
-      data: y
+      data: w
     }), () => {
       const T = u.get(t);
       T && T.key === i && u.delete(t);
@@ -2452,25 +2452,25 @@ function uo(e) {
     [u, t]
   );
   const x = E(() => ({
-    role: f,
+    role: g,
     tabIndex: h,
     "aria-disabled": r,
-    "aria-pressed": v && f === en ? !0 : void 0,
-    "aria-roledescription": w,
-    "aria-describedby": d.draggable
-  }), [r, f, h, v, w, d.draggable]);
+    "aria-pressed": v && g === en ? !0 : void 0,
+    "aria-roledescription": p,
+    "aria-describedby": c.draggable
+  }), [r, g, h, v, p, c.draggable]);
   return {
     active: l,
     activatorEvent: a,
-    activeNodeRect: c,
+    activeNodeRect: d,
     attributes: x,
     isDragging: v,
     listeners: r ? void 0 : R,
-    node: m,
-    over: g,
-    setNodeRef: p,
+    node: y,
+    over: f,
+    setNodeRef: b,
     setActivatorNodeRef: C,
-    transform: b
+    transform: m
   };
 }
 function Mt() {
@@ -2490,37 +2490,37 @@ function ho(e) {
     active: s,
     dispatch: a,
     over: l,
-    measureDroppableContainers: c
-  } = ce(qe), d = N({
+    measureDroppableContainers: d
+  } = ce(qe), c = N({
     disabled: n
-  }), u = N(!1), g = N(null), f = N(null), {
-    disabled: w,
+  }), u = N(!1), f = N(null), g = N(null), {
+    disabled: p,
     updateMeasurementsFor: h,
     timeout: v
   } = {
     ...go,
     ...o
-  }, b = Ye(h ?? r), m = F(
+  }, m = Ye(h ?? r), y = F(
     () => {
       if (!u.current) {
         u.current = !0;
         return;
       }
-      f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
-        c(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
+      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
+        d(Array.isArray(m.current) ? m.current : [m.current]), g.current = null;
       }, v);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [v]
-  ), p = gt({
-    callback: m,
-    disabled: w || !s
+  ), b = gt({
+    callback: y,
+    disabled: p || !s
   }), S = F((x, T) => {
-    p && (T && (p.unobserve(T), u.current = !1), x && p.observe(x));
-  }, [p]), [C, R] = rt(S), y = Ye(t);
+    b && (T && (b.unobserve(T), u.current = !1), x && b.observe(x));
+  }, [b]), [C, R] = rt(S), w = Ye(t);
   return O(() => {
-    !p || !C.current || (p.disconnect(), u.current = !1, p.observe(C.current));
-  }, [C, p]), O(
+    !b || !C.current || (b.disconnect(), u.current = !1, b.observe(C.current));
+  }, [C, b]), O(
     () => (a({
       type: P.RegisterDroppable,
       element: {
@@ -2528,8 +2528,8 @@ function ho(e) {
         key: i,
         disabled: n,
         node: C,
-        rect: g,
-        data: y
+        rect: f,
+        data: w
       }
     }), () => a({
       type: P.UnregisterDroppable,
@@ -2539,15 +2539,15 @@ function ho(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
   ), O(() => {
-    n !== d.current.disabled && (a({
+    n !== c.current.disabled && (a({
       type: P.SetDroppableDisabled,
       id: r,
       key: i,
       disabled: n
-    }), d.current.disabled = n);
+    }), c.current.disabled = n);
   }, [r, i, n, a]), {
     active: s,
-    rect: g,
+    rect: f,
     isOver: l?.id === r,
     node: C,
     over: l,
@@ -2563,12 +2563,12 @@ function vo(e) {
   return !n && !r && a && o(a), Q(() => {
     if (!i)
       return;
-    const l = r?.key, c = r?.props.id;
-    if (l == null || c == null) {
+    const l = r?.key, d = r?.props.id;
+    if (l == null || d == null) {
       o(null);
       return;
     }
-    Promise.resolve(t(c, i)).then(() => {
+    Promise.resolve(t(d, i)).then(() => {
       o(null);
     });
   }, [t, r, i]), M.createElement(M.Fragment, null, n, r ? Yn(r, {
@@ -2603,16 +2603,16 @@ const mo = {
     className: s,
     rect: a,
     style: l,
-    transform: c,
-    transition: d = yo
+    transform: d,
+    transition: c = yo
   } = e;
   if (!a)
     return null;
-  const u = o ? c : {
-    ...c,
+  const u = o ? d : {
+    ...d,
     scaleX: 1,
     scaleY: 1
-  }, g = {
+  }, f = {
     ...mo,
     width: a.width,
     height: a.height,
@@ -2620,12 +2620,12 @@ const mo = {
     left: a.left,
     transform: be.Transform.toString(u),
     transformOrigin: o && r ? ur(r, a) : void 0,
-    transition: typeof d == "function" ? d(r) : d,
+    transition: typeof c == "function" ? c(r) : c,
     ...l
   };
   return M.createElement(n, {
     className: s,
-    style: g,
+    style: f,
     ref: t
   }, i);
 }), Sn = (e) => (t) => {
@@ -2644,8 +2644,8 @@ const mo = {
     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, c] of Object.entries(o))
-      n.node.style.setProperty(l, c);
+    for (const [l, d] of Object.entries(o))
+      n.node.style.setProperty(l, d);
     s != null && s.active && n.node.classList.remove(s.active);
   };
 }, xo = (e) => {
@@ -2688,16 +2688,16 @@ function So(e) {
     const l = a.node.current;
     if (!l)
       return;
-    const c = yn(s);
-    if (!c)
+    const d = yn(s);
+    if (!d)
       return;
     const {
-      transform: d
-    } = X(s).getComputedStyle(s), u = cn(d);
+      transform: c
+    } = X(s).getComputedStyle(s), u = cn(c);
     if (!u)
       return;
-    const g = typeof t == "function" ? t : Co(t);
-    return pn(l, o.draggable.measure), g({
+    const f = typeof t == "function" ? t : Co(t);
+    return pn(l, o.draggable.measure), f({
       active: {
         id: i,
         data: a.data,
@@ -2707,7 +2707,7 @@ function So(e) {
       draggableNodes: n,
       dragOverlay: {
         node: s,
-        rect: o.dragOverlay.measure(c)
+        rect: o.dragOverlay.measure(d)
       },
       droppableContainers: r,
       measuringConfiguration: o,
@@ -2730,43 +2730,43 @@ function Co(e) {
       active: s,
       dragOverlay: a,
       transform: l,
-      ...c
+      ...d
     } = i;
     if (!t)
       return;
-    const d = {
+    const c = {
       x: a.rect.left - s.rect.left,
       y: a.rect.top - s.rect.top
     }, 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,
+    }, f = {
+      x: l.x - c.x,
+      y: l.y - c.y,
       ...u
-    }, f = o({
-      ...c,
+    }, g = o({
+      ...d,
       active: s,
       dragOverlay: a,
       transform: {
         initial: l,
-        final: g
+        final: f
       }
-    }), [w] = f, h = f[f.length - 1];
-    if (JSON.stringify(w) === JSON.stringify(h))
+    }), [p] = g, h = g[g.length - 1];
+    if (JSON.stringify(p) === JSON.stringify(h))
       return;
     const v = r?.({
       active: s,
       dragOverlay: a,
-      ...c
-    }), b = a.node.animate(f, {
+      ...d
+    }), m = a.node.animate(g, {
       duration: t,
       easing: n,
       fill: "forwards"
     });
-    return new Promise((m) => {
-      b.onfinish = () => {
-        v?.(), m();
+    return new Promise((y) => {
+      m.onfinish = () => {
+        v?.(), y();
       };
     });
   };
@@ -2788,53 +2788,53 @@ const Eo = /* @__PURE__ */ M.memo((e) => {
     modifiers: s,
     wrapperElement: a = "div",
     className: l,
-    zIndex: c = 999
+    zIndex: d = 999
   } = e;
   const {
-    activatorEvent: d,
+    activatorEvent: c,
     active: u,
-    activeNodeRect: g,
-    containerNodeRect: f,
-    draggableNodes: w,
+    activeNodeRect: f,
+    containerNodeRect: g,
+    draggableNodes: p,
     droppableContainers: h,
     dragOverlay: v,
-    over: b,
-    measuringConfiguration: m,
-    scrollableAncestors: p,
+    over: m,
+    measuringConfiguration: y,
+    scrollableAncestors: b,
     scrollableAncestorRects: S,
     windowRect: C
-  } = Mt(), R = ce(ht), y = Ro(u?.id), x = Dn(s, {
-    activatorEvent: d,
+  } = Mt(), R = ce(ht), w = Ro(u?.id), x = Dn(s, {
+    activatorEvent: c,
     active: u,
-    activeNodeRect: g,
-    containerNodeRect: f,
+    activeNodeRect: f,
+    containerNodeRect: g,
     draggingNodeRect: v.rect,
-    over: b,
+    over: m,
     overlayNodeRect: v.rect,
-    scrollableAncestors: p,
+    scrollableAncestors: b,
     scrollableAncestorRects: S,
     transform: R,
     windowRect: C
-  }), T = Tt(g), L = So({
+  }), T = Tt(f), L = So({
     config: r,
-    draggableNodes: w,
+    draggableNodes: p,
     droppableContainers: h,
-    measuringConfiguration: m
+    measuringConfiguration: y
   }), I = T ? v.setRef : void 0;
   return M.createElement(bo, null, M.createElement(vo, {
     animation: L
-  }, u && y ? M.createElement(wo, {
-    key: y,
+  }, u && w ? M.createElement(wo, {
+    key: w,
     id: u.id,
     ref: I,
     as: a,
-    activatorEvent: d,
+    activatorEvent: c,
     adjustScale: t,
     className: l,
     transition: i,
     rect: T,
     style: {
-      zIndex: c,
+      zIndex: d,
       ...o
     },
     transform: x
@@ -2909,28 +2909,28 @@ function No(e) {
     active: s,
     dragOverlay: a,
     droppableRects: l,
-    over: c,
-    measureDroppableContainers: d
-  } = 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);
+    over: d,
+    measureDroppableContainers: c
+  } = Mt(), u = Ve(Rn, n), f = a.rect !== null, g = E(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), p = s != null, h = s ? g.indexOf(s.id) : -1, v = d ? g.indexOf(d.id) : -1, m = N(g), y = !Io(g, m.current), b = v !== -1 && h === -1 || y, S = Oo(i);
   Q(() => {
-    m && w && d(f);
-  }, [m, f, w, d]), O(() => {
-    b.current = f;
-  }, [f]);
+    y && p && c(g);
+  }, [y, g, p, c]), O(() => {
+    m.current = g;
+  }, [g]);
   const C = E(
     () => ({
       activeIndex: h,
       containerId: u,
       disabled: S,
-      disableTransforms: p,
-      items: f,
+      disableTransforms: b,
+      items: g,
       overIndex: v,
-      useDragOverlay: g,
-      sortedRects: Ao(f, l),
+      useDragOverlay: f,
+      sortedRects: Ao(g, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, u, S.draggable, S.droppable, p, f, v, l, g, o]
+    [h, u, S.draggable, S.droppable, b, g, v, l, f, o]
   );
   return M.createElement(En.Provider, {
     value: C
@@ -2954,9 +2954,9 @@ const To = (e) => {
     newIndex: s,
     previousItems: a,
     previousContainerId: l,
-    transition: c
+    transition: d
   } = e;
-  return !c || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === l;
+  return !d || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === l;
 }, Lo = {
   duration: 200,
   easing: "ease"
@@ -2979,15 +2979,15 @@ function zo(e) {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
       if (l) {
-        const c = Oe(r.current, {
+        const d = Oe(r.current, {
           ignoreTransform: !0
-        }), d = {
-          x: l.left - c.left,
-          y: l.top - c.top,
-          scaleX: l.width / c.width,
-          scaleY: l.height / c.height
+        }), c = {
+          x: l.left - d.left,
+          y: l.top - d.top,
+          scaleX: l.width / d.width,
+          scaleY: l.height / d.height
         };
-        (d.x || d.y) && s(d);
+        (c.x || c.y) && s(c);
       }
     }
     n !== a.current && (a.current = n);
@@ -3005,34 +3005,34 @@ function jo(e) {
     id: s,
     strategy: a,
     resizeObserverConfig: l,
-    transition: c = Lo
+    transition: d = Lo
   } = e;
   const {
-    items: d,
+    items: c,
     containerId: u,
-    activeIndex: g,
-    disabled: f,
-    disableTransforms: w,
+    activeIndex: f,
+    disabled: g,
+    disableTransforms: p,
     sortedRects: h,
     overIndex: v,
-    useDragOverlay: b,
-    strategy: m
-  } = ce(En), p = Bo(r, f), S = d.indexOf(s), C = E(() => ({
+    useDragOverlay: m,
+    strategy: y
+  } = ce(En), b = Bo(r, g), S = c.indexOf(s), C = E(() => ({
     sortable: {
       containerId: u,
       index: S,
-      items: d
+      items: c
     },
     ...o
-  }), [u, o, S, d]), R = E(() => d.slice(d.indexOf(s)), [d, s]), {
-    rect: y,
+  }), [u, o, S, c]), R = E(() => c.slice(c.indexOf(s)), [c, s]), {
+    rect: w,
     node: x,
     isOver: T,
     setNodeRef: L
   } = ho({
     id: s,
     data: C,
-    disabled: p.droppable,
+    disabled: b.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: R,
       ...l
@@ -3055,45 +3055,45 @@ function jo(e) {
       ...ko,
       ...n
     },
-    disabled: p.draggable
-  }), Ge = qn(L, Ne), $ = !!I, ie = $ && !w && tt(g) && tt(v), me = !b && Y, Me = me && ie ? Te : null, Qe = ie ? Me ?? (a ?? m)({
+    disabled: b.draggable
+  }), Ge = qn(L, Ne), $ = !!I, ie = $ && !p && tt(f) && tt(v), me = !m && Y, Me = me && ie ? Te : null, Qe = ie ? Me ?? (a ?? y)({
     rects: h,
     activeNodeRect: G,
-    activeIndex: g,
+    activeIndex: f,
     overIndex: v,
     index: S
-  }) : null, ue = tt(g) && tt(v) ? i({
+  }) : null, ue = tt(f) && tt(v) ? i({
     id: s,
-    items: d,
-    activeIndex: g,
+    items: c,
+    activeIndex: f,
     overIndex: v
   }) : S, se = I?.id, A = N({
     activeId: se,
-    items: d,
+    items: c,
     newIndex: ue,
     containerId: u
-  }), Le = d !== A.current.items, te = t({
+  }), Le = c !== A.current.items, te = t({
     active: I,
     containerId: u,
     isDragging: Y,
     isSorting: $,
     id: s,
     index: S,
-    items: d,
+    items: c,
     newIndex: A.current.newIndex,
     previousItems: A.current.items,
     previousContainerId: A.current.containerId,
-    transition: c,
+    transition: d,
     wasDragging: A.current.activeId != null
   }), ye = zo({
     disabled: !te,
     index: S,
     node: x,
-    rect: y
+    rect: w
   });
   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(() => {
+    $ && A.current.newIndex !== ue && (A.current.newIndex = ue), u !== A.current.containerId && (A.current.containerId = u), c !== A.current.items && (A.current.items = c);
+  }, [$, ue, u, c]), O(() => {
     if (se === A.current.activeId)
       return;
     if (se != null && A.current.activeId == null) {
@@ -3106,13 +3106,13 @@ function jo(e) {
     return () => clearTimeout(we);
   }, [se]), {
     active: I,
-    activeIndex: g,
+    activeIndex: f,
     attributes: ee,
     data: C,
-    rect: y,
+    rect: w,
     index: S,
     newIndex: ue,
-    items: d,
+    items: c,
     isOver: T,
     isSorting: $,
     isDragging: Y,
@@ -3134,9 +3134,9 @@ function jo(e) {
       Le && A.current.newIndex === S
     )
       return Po;
-    if (!(me && !dt(J) || !c) && ($ || te))
+    if (!(me && !dt(J) || !d) && ($ || te))
       return be.Transition.toString({
-        ...c,
+        ...d,
         property: An
       });
   }
@@ -3176,43 +3176,43 @@ const Fo = [D.Down, D.Right, D.Up, D.Left], Xo = (e, t) => {
     i.getEnabled().forEach((u) => {
       if (!u || u != null && u.disabled)
         return;
-      const g = o.get(u.id);
-      if (g)
+      const f = o.get(u.id);
+      if (f)
         switch (e.code) {
           case D.Down:
-            r.top < g.top && l.push(u);
+            r.top < f.top && l.push(u);
             break;
           case D.Up:
-            r.top > g.top && l.push(u);
+            r.top > f.top && l.push(u);
             break;
           case D.Left:
-            r.left > g.left && l.push(u);
+            r.left > f.left && l.push(u);
             break;
           case D.Right:
-            r.left < g.left && l.push(u);
+            r.left < f.left && l.push(u);
             break;
         }
     });
-    const c = gr({
+    const d = gr({
       collisionRect: r,
       droppableRects: o,
       droppableContainers: l
     });
-    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 ? {
+    let c = an(d, "id");
+    if (c === s?.id && d.length > 1 && (c = d[1].id), c != null) {
+      const u = i.get(n.id), f = i.get(c), g = f ? o.get(f.id) : null, p = f?.node.current;
+      if (p && g && u && f) {
+        const v = ft(p).some((R, w) => a[w] !== R), m = In(u, f), y = $o(u, f), b = v || !m ? {
           x: 0,
           y: 0
         } : {
-          x: m ? r.width - f.width : 0,
-          y: m ? r.height - f.height : 0
+          x: y ? r.width - g.width : 0,
+          y: y ? r.height - g.height : 0
         }, S = {
-          x: f.left,
-          y: f.top
+          x: g.left,
+          y: g.top
         };
-        return p.x && p.y ? S : Ke(S, p);
+        return b.x && b.y ? S : Ke(S, b);
       }
     }
   }
@@ -3228,49 +3228,53 @@ const On = Ee({
   listeners: void 0,
   ref() {
   }
-}), Yo = ({ ...e }) => {
-  const { attributes: t, listeners: n, ref: r } = ce(On), o = Mt();
+}), Yo = ({
+  ["data-testid"]: e = "kibble-sortable-list-drag-handle",
+  ...t
+}) => {
+  const { attributes: n, listeners: r, ref: o } = ce(On), i = Mt();
   return /* @__PURE__ */ _.jsx(
     Kn,
     {
       className: "SortableList__DragHandle",
-      "data-testid": "kibble-sortable-list-drag-handle",
-      ref: r,
-      cursor: o.activatorEvent ? "grabbing" : "grab",
+      "data-testid": e,
+      ref: o,
+      cursor: i.activatorEvent ? "grabbing" : "grab",
       iconName: "grid",
       size: "sm",
       variant: "ghostNeutral",
-      ...t,
       ...n,
-      ...e
+      ...r,
+      ...t
     }
   );
 }, nn = ({
   content: e,
   hideHandle: t,
   id: n,
-  itemProps: r
+  itemProps: r,
+  ["data-testid"]: o = "kibble-sortable-list-item"
 }) => {
-  const { attributes: o, isDragging: i, listeners: s, setNodeRef: a, setActivatorNodeRef: l, transform: c, transition: d } = jo({
+  const { attributes: i, isDragging: s, listeners: a, setNodeRef: l, setActivatorNodeRef: d, transform: c, transition: u } = jo({
     id: n
-  }), u = E(
+  }), f = E(
     () => ({
-      attributes: o,
-      listeners: s,
-      ref: l
+      attributes: i,
+      listeners: a,
+      ref: d
     }),
-    [o, s, l]
+    [i, a, d]
   );
-  return /* @__PURE__ */ _.jsx(On.Provider, { value: u, children: /* @__PURE__ */ _.jsx(
+  return /* @__PURE__ */ _.jsx(On.Provider, { value: f, children: /* @__PURE__ */ _.jsx(
     Hn,
     {
       className: "SortableList__Item",
-      "data-testid": "kibble-sortable-list-item",
-      ref: a,
+      "data-testid": o,
+      ref: l,
       ...r,
       listStyleType: "none",
-      ...i && { opacity: 0.4 },
-      transition: d,
+      ...s && { opacity: 0.4 },
+      transition: u,
       transform: be.Translate.toString(c),
       children: /* @__PURE__ */ _.jsxs(Wn, { alignItems: "center", gap: 2, width: "100%", children: [
         !t && /* @__PURE__ */ _.jsx(Yo, {}),
@@ -3283,9 +3287,10 @@ const On = Ee({
   items: t,
   itemsProps: n,
   onChange: r,
-  ...o
+  ["data-testid"]: o = "kibble-sortable-list",
+  ...i
 }) => {
-  const [i, s] = B(null), a = E(() => t.find((c) => c.id === i?.id), [i, t]), l = lr(
+  const [s, a] = B(null), l = E(() => t.find((c) => c.id === s?.id), [s, t]), d = lr(
     Kt(Nt),
     Kt(It, {
       coordinateGetter: Xo
@@ -3294,21 +3299,21 @@ const On = Ee({
   return /* @__PURE__ */ _.jsx(
     ao,
     {
-      sensors: l,
+      sensors: d,
       onDragStart: ({ active: c }) => {
-        s(c);
+        a(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));
+      onDragEnd: ({ active: c, over: u }) => {
+        if (u && c.id !== u?.id) {
+          const f = t.findIndex(({ id: p }) => p === c.id), g = t.findIndex(({ id: p }) => p === u.id);
+          r(Lt(t, f, g));
         }
-        s(null);
+        a(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: [
+      onDragCancel: () => a(null),
+      children: /* @__PURE__ */ _.jsx(No, { items: t, children: /* @__PURE__ */ _.jsxs(Vn, { className: "SortableList", "data-testid": o, gap: 2, ml: 0, ...i, 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 }) })
+        l && /* @__PURE__ */ _.jsx(Eo, { dropAnimation: Ko, children: /* @__PURE__ */ _.jsx(nn, { ...l, itemProps: n, hideHandle: e }) })
       ] }) })
     }
   );
@@ -3324,4 +3329,4 @@ const On = Ee({
 export {
   Go as S
 };
-//# sourceMappingURL=sortableList.component-i4dJ9oHN.js.map
+//# sourceMappingURL=sortableList.component-XfURY7C2.js.map