@blofin/blofin-ui 0.7.46-beta.1 → 0.7.46-beta.2

package/dist/{ProTable-3c3cf60a.js → ProTable-1b5dcd68.js}

@@ -1,6 +1,6 @@
-import { j as A } from "./jsx-runtime-82a9ddf6.js";
+import { j as L } from "./jsx-runtime-82a9ddf6.js";
 import * as Se from "react";
-import U, { useLayoutEffect as $n, useEffect as O, useRef as M, useMemo as N, useCallback as W, useState as Q, createContext as qe, memo as Hn, useReducer as Xn, useContext as Ce } from "react";
+import U, { useLayoutEffect as $n, useEffect as N, useRef as O, useMemo as T, useCallback as W, useState as Q, createContext as qe, memo as Hn, useReducer as Xn, useContext as Ce } from "react";
 import { c as $, a as st } from "./index-f20f14ba.js";
 import { unstable_batchedUpdates as nt, createPortal as Wn } from "react-dom";
 var oe = /* @__PURE__ */ ((e) => (e.default = "default", e.desc = "desc", e.asc = "asc", e))(oe || {});
@@ -165,7 +165,7 @@ const Yn = $("bu-w-full bu-overflow-auto bu-rounded-lg", {
 function nr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return N(
+  return T(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -179,14 +179,14 @@ function Oe(e) {
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
 }
-function It(e) {
+function Et(e) {
   return "nodeType" in e;
 }
 function q(e) {
   var t, n;
-  return e ? Oe(e) ? e : It(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? Oe(e) ? e : Et(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
-function Et(e) {
+function It(e) {
   const {
     Document: t
   } = q(e);
@@ -199,11 +199,11 @@ function fn(e) {
   return e instanceof q(e).SVGElement;
 }
 function Me(e) {
-  return e ? Oe(e) ? e.document : It(e) ? Et(e) ? e : Ge(e) || fn(e) ? e.ownerDocument : document : document : document;
+  return e ? Oe(e) ? e.document : Et(e) ? It(e) ? e : Ge(e) || fn(e) ? e.ownerDocument : document : document : document;
 }
-const ue = dt ? $n : O;
+const ue = dt ? $n : N;
 function kt(e) {
-  const t = M(e);
+  const t = O(e);
   return ue(() => {
     t.current = e;
   }), W(function() {
@@ -213,7 +213,7 @@ function kt(e) {
   }, []);
 }
 function rr() {
-  const e = M(null), t = W((r, o) => {
+  const e = O(null), t = W((r, o) => {
     e.current = setInterval(r, o);
   }, []), n = W(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
@@ -222,14 +222,14 @@ function rr() {
 }
 function Ke(e, t) {
   t === void 0 && (t = [e]);
-  const n = M(e);
+  const n = O(e);
   return ue(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
 function Je(e, t) {
-  const n = M();
-  return N(
+  const n = O();
+  return T(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -239,7 +239,7 @@ function Je(e, t) {
   );
 }
 function at(e) {
-  const t = kt(e), n = M(null), r = W(
+  const t = kt(e), n = O(null), r = W(
     (o) => {
       o !== n.current && (t == null || t(o, n.current)), n.current = o;
     },
@@ -249,21 +249,21 @@ function at(e) {
   return [n, r];
 }
 function mt(e) {
-  const t = M();
-  return O(() => {
+  const t = O();
+  return N(() => {
     t.current = e;
   }, [e]), t.current;
 }
 let pt = {};
 function _e(e, t) {
-  return N(() => {
+  return T(() => {
     if (t)
       return t;
     const n = pt[e] == null ? 0 : pt[e] + 1;
     return pt[e] = n, e + "-" + n;
   }, [e, t]);
 }
-function gn(e) {
+function hn(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];
@@ -279,7 +279,7 @@ function gn(e) {
     });
   };
 }
-const Ne = /* @__PURE__ */ gn(1), lt = /* @__PURE__ */ gn(-1);
+const Ne = /* @__PURE__ */ hn(1), lt = /* @__PURE__ */ hn(-1);
 function or(e) {
   return "clientX" in e && "clientY" in e;
 }
@@ -419,10 +419,10 @@ function ur() {
     announcement: e
   };
 }
-const hn = /* @__PURE__ */ qe(null);
+const gn = /* @__PURE__ */ qe(null);
 function dr(e) {
-  const t = Ce(hn);
-  O(() => {
+  const t = Ce(gn);
+  N(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
@@ -441,13 +441,13 @@ function fr() {
     });
   }, [e]), t];
 }
-const gr = {
+const hr = {
   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.
   `
-}, hr = {
+}, gr = {
   onDragStart(e) {
     let {
       active: t
@@ -477,18 +477,18 @@ const gr = {
 };
 function br(e) {
   let {
-    announcements: t = hr,
+    announcements: t = gr,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: o = gr
+    screenReaderInstructions: o = hr
   } = e;
   const {
     announce: i,
     announcement: s
   } = ur(), a = _e("DndLiveRegion"), [l, d] = Q(!1);
-  if (O(() => {
+  if (N(() => {
     d(!0);
-  }, []), dr(N(() => ({
+  }, []), dr(T(() => ({
     onDragStart(c) {
       let {
         active: f
@@ -500,41 +500,41 @@ function br(e) {
     onDragMove(c) {
       let {
         active: f,
-        over: g
+        over: h
       } = c;
       t.onDragMove && i(t.onDragMove({
         active: f,
-        over: g
+        over: h
       }));
     },
     onDragOver(c) {
       let {
         active: f,
-        over: g
+        over: h
       } = c;
       i(t.onDragOver({
         active: f,
-        over: g
+        over: h
       }));
     },
     onDragEnd(c) {
       let {
         active: f,
-        over: g
+        over: h
       } = c;
       i(t.onDragEnd({
         active: f,
-        over: g
+        over: h
       }));
     },
     onDragCancel(c) {
       let {
         active: f,
-        over: g
+        over: h
       } = c;
       i(t.onDragCancel({
         active: f,
-        over: g
+        over: h
       }));
     }
   }), [i, t])), !l)
@@ -555,7 +555,7 @@ var z;
 function ct() {
 }
 function Kt(e, t) {
-  return N(
+  return T(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -567,7 +567,7 @@ function Kt(e, t) {
 function vr() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return N(
+  return T(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
@@ -700,8 +700,8 @@ function Rr(e) {
     });
   };
 }
-const Ir = /* @__PURE__ */ Rr(1);
-function Er(e) {
+const Er = /* @__PURE__ */ Rr(1);
+function Ir(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
     return {
@@ -722,7 +722,7 @@ function Er(e) {
   return null;
 }
 function kr(e, t, n) {
-  const r = Er(t);
+  const r = Ir(t);
   if (!r)
     return e;
   const {
@@ -802,7 +802,7 @@ function Tt(e, t) {
   function r(o) {
     if (t != null && n.length >= t || !o)
       return n;
-    if (Et(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
+    if (It(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
     if (!Ge(o) || fn(o) || n.includes(o))
       return n;
@@ -816,7 +816,7 @@ function vn(e) {
   return t ?? null;
 }
 function yt(e) {
-  return !dt || !e ? null : Oe(e) ? e : It(e) ? Et(e) || e === Me(e).scrollingElement ? window : Ge(e) ? e : null : null;
+  return !dt || !e ? null : Oe(e) ? e : Et(e) ? It(e) || e === Me(e).scrollingElement ? window : Ge(e) ? e : null : null;
 }
 function pn(e) {
   return Oe(e) ? e.scrollX : e.scrollLeft;
@@ -877,18 +877,18 @@ function Lr(e, t, n, r, o) {
     isBottom: u,
     isLeft: c,
     isRight: f
-  } = wn(e), g = {
+  } = wn(e), h = {
     x: 0,
     y: 0
   }, p = {
     x: 0,
     y: 0
-  }, h = {
+  }, g = {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !d && i <= t.top + h.height ? (g.y = B.Backward, p.y = r * Math.abs((t.top + h.height - i) / h.height)) : !u && l >= t.bottom - h.height && (g.y = B.Forward, p.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !f && a >= t.right - h.width ? (g.x = B.Forward, p.x = r * Math.abs((t.right - h.width - a) / h.width)) : !c && s <= t.left + h.width && (g.x = B.Backward, p.x = r * Math.abs((t.left + h.width - s) / h.width)), {
-    direction: g,
+  return !d && i <= t.top + g.height ? (h.y = B.Backward, p.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (h.y = B.Forward, p.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !f && a >= t.right - g.width ? (h.x = B.Forward, p.x = r * Math.abs((t.right - g.width - a) / g.width)) : !c && s <= t.left + g.width && (h.x = B.Backward, p.x = r * Math.abs((t.left + g.width - s) / g.width)), {
+    direction: h,
     speed: p
   };
 }
@@ -1001,35 +1001,35 @@ function qt(e) {
 function Hr(e) {
   e.stopPropagation();
 }
-var I;
+var E;
 (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";
-})(I || (I = {}));
+})(E || (E = {}));
 const Sn = {
-  start: [I.Space, I.Enter],
-  cancel: [I.Esc],
-  end: [I.Space, I.Enter, I.Tab]
+  start: [E.Space, E.Enter],
+  cancel: [E.Esc],
+  end: [E.Space, E.Enter, E.Tab]
 }, Xr = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
   switch (e.code) {
-    case I.Right:
+    case E.Right:
       return {
         ...n,
         x: n.x + 25
       };
-    case I.Left:
+    case E.Left:
       return {
         ...n,
         x: n.x - 25
       };
-    case I.Down:
+    case E.Down:
       return {
         ...n,
         y: n.y + 25
       };
-    case I.Up:
+    case E.Up:
       return {
         ...n,
         y: n.y - 25
@@ -1090,13 +1090,13 @@ class Ot {
         currentCoordinates: u
       });
       if (c) {
-        const f = lt(c, u), g = {
+        const f = lt(c, u), h = {
           x: 0,
           y: 0
         }, {
           scrollableAncestors: p
         } = r.current;
-        for (const h of p) {
+        for (const g of p) {
           const v = t.code, {
             isTop: m,
             isRight: x,
@@ -1104,41 +1104,41 @@ class Ot {
             isBottom: D,
             maxScroll: C,
             minScroll: R
-          } = wn(h), y = zr(h), w = {
-            x: Math.min(v === I.Right ? y.right - y.width / 2 : y.right, Math.max(v === I.Right ? y.left : y.left + y.width / 2, c.x)),
-            y: Math.min(v === I.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(v === I.Down ? y.top : y.top + y.height / 2, c.y))
-          }, E = v === I.Right && !x || v === I.Left && !S, T = v === I.Down && !D || v === I.Up && !m;
-          if (E && w.x !== c.x) {
-            const b = h.scrollLeft + f.x, H = v === I.Right && b <= C.x || v === I.Left && b >= R.x;
+          } = wn(g), y = zr(g), w = {
+            x: Math.min(v === E.Right ? y.right - y.width / 2 : y.right, Math.max(v === E.Right ? y.left : y.left + y.width / 2, c.x)),
+            y: Math.min(v === E.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(v === E.Down ? y.top : y.top + y.height / 2, c.y))
+          }, I = v === E.Right && !x || v === E.Left && !S, A = v === E.Down && !D || v === E.Up && !m;
+          if (I && w.x !== c.x) {
+            const b = g.scrollLeft + f.x, H = v === E.Right && b <= C.x || v === E.Left && b >= R.x;
             if (H && !f.y) {
-              h.scrollTo({
+              g.scrollTo({
                 left: b,
                 behavior: a
               });
               return;
             }
-            H ? g.x = h.scrollLeft - b : g.x = v === I.Right ? h.scrollLeft - C.x : h.scrollLeft - R.x, g.x && h.scrollBy({
-              left: -g.x,
+            H ? h.x = g.scrollLeft - b : h.x = v === E.Right ? g.scrollLeft - C.x : g.scrollLeft - R.x, h.x && g.scrollBy({
+              left: -h.x,
               behavior: a
             });
             break;
-          } else if (T && w.y !== c.y) {
-            const b = h.scrollTop + f.y, H = v === I.Down && b <= C.y || v === I.Up && b >= R.y;
+          } else if (A && w.y !== c.y) {
+            const b = g.scrollTop + f.y, H = v === E.Down && b <= C.y || v === E.Up && b >= R.y;
             if (H && !f.x) {
-              h.scrollTo({
+              g.scrollTo({
                 top: b,
                 behavior: a
               });
               return;
             }
-            H ? g.y = h.scrollTop - b : g.y = v === I.Down ? h.scrollTop - C.y : h.scrollTop - R.y, g.y && h.scrollBy({
-              top: -g.y,
+            H ? h.y = g.scrollTop - b : h.y = v === E.Down ? g.scrollTop - C.y : g.scrollTop - R.y, h.y && g.scrollBy({
+              top: -h.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Ne(lt(c, this.referenceCoordinates), g));
+        this.handleMove(t, Ne(lt(c, this.referenceCoordinates), h));
       }
     }
   }
@@ -1296,7 +1296,7 @@ class Mt {
     this.detach(), this.activated || t(this.props.active), n();
   }
   handleKeydown(t) {
-    t.code === I.Esc && this.handleCancel();
+    t.code === E.Esc && this.handleCancel();
   }
   removeTextSelection() {
     var t;
@@ -1430,16 +1430,16 @@ function Vr(e) {
     delta: c,
     threshold: f
   } = e;
-  const g = Gr({
+  const h = Gr({
     delta: c,
     disabled: !i
-  }), [p, h] = rr(), v = M({
+  }), [p, g] = rr(), v = O({
     x: 0,
     y: 0
-  }), m = M({
+  }), m = O({
     x: 0,
     y: 0
-  }), x = N(() => {
+  }), x = T(() => {
     switch (n) {
       case We.Pointer:
         return l ? {
@@ -1451,17 +1451,17 @@ function Vr(e) {
       case We.DraggableRect:
         return o;
     }
-  }, [n, o, l]), S = M(null), D = W(() => {
+  }, [n, o, l]), S = O(null), D = W(() => {
     const R = S.current;
     if (!R)
       return;
     const y = v.current.x * m.current.x, w = v.current.y * m.current.y;
     R.scrollBy(y, w);
-  }, []), C = N(() => a === ut.TreeOrder ? [...d].reverse() : d, [a, d]);
-  O(
+  }, []), C = T(() => a === ut.TreeOrder ? [...d].reverse() : d, [a, d]);
+  N(
     () => {
       if (!i || !d.length || !x) {
-        h();
+        g();
         return;
       }
       for (const R of C) {
@@ -1471,13 +1471,13 @@ function Vr(e) {
         if (!w)
           continue;
         const {
-          direction: E,
-          speed: T
+          direction: I,
+          speed: A
         } = Lr(R, w, x, t, f);
         for (const b of ["x", "y"])
-          g[b][E[b]] || (T[b] = 0, E[b] = 0);
-        if (T.x > 0 || T.y > 0) {
-          h(), S.current = R, p(D, s), v.current = T, m.current = E;
+          h[b][I[b]] || (A[b] = 0, I[b] = 0);
+        if (A.x > 0 || A.y > 0) {
+          g(), S.current = R, p(D, s), v.current = A, m.current = I;
           return;
         }
       }
@@ -1487,20 +1487,20 @@ function Vr(e) {
       }, m.current = {
         x: 0,
         y: 0
-      }, h();
+      }, g();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
       D,
       r,
-      h,
+      g,
       i,
       s,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(x),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(g),
+      JSON.stringify(h),
       p,
       d,
       C,
@@ -1553,7 +1553,7 @@ function Jr(e, t) {
   }, [r, t]);
 }
 function _r(e, t) {
-  return N(() => e.reduce((n, r) => {
+  return T(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((s) => ({
@@ -1582,9 +1582,9 @@ function Qr(e, t) {
     frequency: a,
     measure: l,
     strategy: d
-  } = o, u = M(e), c = v(), f = Ke(c), g = W(function(m) {
+  } = o, u = O(e), c = v(), f = Ke(c), h = W(function(m) {
     m === void 0 && (m = []), !f.current && s((x) => x === null ? m : x.concat(m.filter((S) => !x.includes(S))));
-  }, [f]), p = M(null), h = Je((m) => {
+  }, [f]), p = O(null), g = Je((m) => {
     if (c && !n)
       return _t;
     if (!m || m === _t || u.current !== e || i != null) {
@@ -1603,31 +1603,31 @@ function Qr(e, t) {
     }
     return m;
   }, [e, i, n, c, l]);
-  return O(() => {
+  return N(() => {
     u.current = e;
-  }, [e]), O(
+  }, [e]), N(
     () => {
-      c || g();
+      c || h();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, c]
-  ), O(
+  ), N(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), O(
+  ), N(
     () => {
       c || typeof a != "number" || p.current !== null || (p.current = setTimeout(() => {
-        g(), p.current = null;
+        h(), p.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, c, g, ...r]
+    [a, c, h, ...r]
   ), {
-    droppableRects: h,
-    measureDroppableContainers: g,
+    droppableRects: g,
+    measureDroppableContainers: h,
     measuringScheduled: i != null
   };
   function v() {
@@ -1652,7 +1652,7 @@ function eo(e) {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = N(() => {
+  const r = kt(t), o = T(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1660,14 +1660,14 @@ function eo(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return O(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return N(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function ft(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = N(
+  const r = kt(t), o = T(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1679,7 +1679,7 @@ function ft(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return O(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return N(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function to(e) {
   return new Nt(Le(e), e);
@@ -1729,17 +1729,17 @@ function no(e) {
 }
 const Zt = [];
 function ro(e) {
-  const t = M(e), n = Je((r) => e ? r && r !== Zt && e && t.current && e.parentNode === t.current.parentNode ? r : Tt(e) : Zt, [e]);
-  return O(() => {
+  const t = O(e), n = Je((r) => e ? r && r !== Zt && e && t.current && e.parentNode === t.current.parentNode ? r : Tt(e) : Zt, [e]);
+  return N(() => {
     t.current = e;
   }, [e]), n;
 }
 function oo(e) {
-  const [t, n] = Q(null), r = M(e), o = W((i) => {
+  const [t, n] = Q(null), r = O(e), o = W((i) => {
     const s = yt(i.target);
     s && n((a) => a ? (a.set(s, Dt(s)), new Map(a)) : null);
   }, []);
-  return O(() => {
+  return N(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
@@ -1760,24 +1760,24 @@ function oo(e) {
         d == null || d.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), N(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Ne(i, s), ie) : mn(e) : ie, [e, t]);
+  }, [o, e]), T(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Ne(i, s), ie) : mn(e) : ie, [e, t]);
 }
 function en(e, t) {
   t === void 0 && (t = []);
-  const n = M(null);
-  return O(
+  const n = O(null);
+  return N(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), O(() => {
+  ), N(() => {
     const r = e !== ie;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? lt(e, n.current) : ie;
 }
 function io(e) {
-  O(
+  N(
     () => {
       if (!dt)
         return;
@@ -1803,7 +1803,7 @@ function io(e) {
   );
 }
 function so(e, t) {
-  return N(() => e.reduce((n, r) => {
+  return T(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -1814,7 +1814,7 @@ function so(e, t) {
   }, {}), [e, t]);
 }
 function Cn(e) {
-  return N(() => e ? Tr(e) : null, [e]);
+  return T(() => e ? Tr(e) : null, [e]);
 }
 const tn = [];
 function ao(e, t) {
@@ -1863,7 +1863,7 @@ function co(e) {
     const u = lo(d);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, l] = at(s);
-  return N(() => ({
+  return T(() => ({
     nodeRef: a,
     rect: n,
     setRef: l
@@ -1911,7 +1911,7 @@ class Ye extends Map {
     return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
   }
 }
-const go = {
+const ho = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -1935,7 +1935,7 @@ const go = {
   measureDroppableContainers: ct,
   windowRect: null,
   measuringScheduled: !1
-}, ho = {
+}, go = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -1947,7 +1947,7 @@ const go = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: ct
-}, gt = /* @__PURE__ */ qe(ho), Rn = /* @__PURE__ */ qe(go);
+}, ht = /* @__PURE__ */ qe(go), Rn = /* @__PURE__ */ qe(ho);
 function bo() {
   return {
     draggable: {
@@ -2068,8 +2068,8 @@ function po(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = Ce(gt), i = mt(r), s = mt(n == null ? void 0 : n.id);
-  return O(() => {
+  } = Ce(ht), i = mt(r), s = mt(n == null ? void 0 : n.id);
+  return N(() => {
     if (!t && !r && i && s != null) {
       if (!At(i) || document.activeElement === i.target)
         return;
@@ -2107,7 +2107,7 @@ function yo(e, t) {
   }), n) : n;
 }
 function xo(e) {
-  return N(
+  return T(
     () => ({
       draggable: {
         ...it.draggable,
@@ -2133,7 +2133,7 @@ function wo(e) {
     initialRect: r,
     config: o = !0
   } = e;
-  const i = M(!1), {
+  const i = O(!1), {
     x: s,
     y: a
   } = typeof o == "boolean" ? {
@@ -2160,7 +2160,7 @@ function wo(e) {
     }
   }, [t, s, a, r, n]);
 }
-const In = /* @__PURE__ */ qe({
+const En = /* @__PURE__ */ qe({
   ...ie,
   scaleX: 1,
   scaleY: 1
@@ -2179,22 +2179,22 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     sensors: u = uo,
     collisionDetection: c = Dr,
     measuring: f,
-    modifiers: g,
+    modifiers: h,
     ...p
   } = t;
-  const h = Xn(vo, void 0, bo), [v, m] = h, [x, S] = fr(), [D, C] = Q(me.Uninitialized), R = D === me.Initialized, {
+  const g = Xn(vo, void 0, bo), [v, m] = g, [x, S] = fr(), [D, C] = Q(me.Uninitialized), R = D === me.Initialized, {
     draggable: {
       active: y,
       nodes: w,
-      translate: E
+      translate: I
     },
     droppable: {
-      containers: T
+      containers: A
     }
-  } = v, b = y != null ? w.get(y) : null, H = M({
+  } = v, b = y != null ? w.get(y) : null, H = O({
     initial: null,
     translated: null
-  }), j = N(() => {
+  }), j = T(() => {
     var X;
     return y != null ? {
       id: y,
@@ -2202,22 +2202,22 @@ const mo = /* @__PURE__ */ Hn(function(t) {
       data: (X = b == null ? void 0 : b.data) != null ? X : fo,
       rect: H
     } : null;
-  }, [y, b]), L = M(null), [ne, Y] = Q(null), [P, se] = Q(null), re = Ke(p, Object.values(p)), ze = _e("DndDescribedBy", s), Qe = N(() => T.getEnabled(), [T]), K = xo(f), {
+  }, [y, b]), M = O(null), [ne, Y] = Q(null), [P, se] = Q(null), re = Ke(p, Object.values(p)), ze = _e("DndDescribedBy", s), Qe = T(() => A.getEnabled(), [A]), K = xo(f), {
     droppableRects: de,
     measureDroppableContainers: De,
     measuringScheduled: je
   } = Qr(Qe, {
     dragging: R,
-    dependencies: [E.x, E.y],
+    dependencies: [I.x, I.y],
     config: K.droppable
-  }), Z = Jr(w, y), Ze = N(() => P ? St(P) : null, [P]), be = Fn(), fe = Zr(Z, K.draggable.measure);
+  }), Z = Jr(w, y), Ze = T(() => P ? St(P) : null, [P]), be = Fn(), fe = Zr(Z, K.draggable.measure);
   wo({
     activeNode: y != null ? w.get(y) : null,
     config: be.layoutShiftCompensation,
     initialRect: fe,
     measure: K.draggable.measure
   });
-  const k = Qt(Z, K.draggable.measure, fe), Pe = Qt(Z ? Z.parentElement : null), ae = M({
+  const k = Qt(Z, K.draggable.measure, fe), Pe = Qt(Z ? Z.parentElement : null), ae = O({
     activatorEvent: null,
     active: null,
     activeNode: Z,
@@ -2227,16 +2227,16 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     draggableNodes: w,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: T,
+    droppableContainers: A,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), Re = T.getNodeFor((n = ae.current.over) == null ? void 0 : n.id), ge = co({
+  }), Re = A.getNodeFor((n = ae.current.over) == null ? void 0 : n.id), he = co({
     measure: K.dragOverlay.measure
-  }), Ie = (r = ge.nodeRef.current) != null ? r : Z, Ee = R ? (o = ge.rect) != null ? o : k : null, jt = !!(ge.nodeRef.current && ge.rect), Pt = no(jt ? null : k), ht = Cn(Ie ? q(Ie) : null), ve = ro(R ? Re ?? Z : null), et = ao(ve), tt = yo(g, {
+  }), Ee = (r = he.nodeRef.current) != null ? r : Z, Ie = R ? (o = he.rect) != null ? o : k : null, jt = !!(he.nodeRef.current && he.rect), Pt = no(jt ? null : k), gt = Cn(Ee ? q(Ee) : null), ve = ro(R ? Re ?? Z : null), et = ao(ve), tt = yo(h, {
     transform: {
-      x: E.x - Pt.x,
-      y: E.y - Pt.y,
+      x: I.x - Pt.x,
+      y: I.y - Pt.y,
       scaleX: 1,
       scaleY: 1
     },
@@ -2244,31 +2244,31 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     active: j,
     activeNodeRect: k,
     containerNodeRect: Pe,
-    draggingNodeRect: Ee,
+    draggingNodeRect: Ie,
     over: ae.current.over,
-    overlayNodeRect: ge.rect,
+    overlayNodeRect: he.rect,
     scrollableAncestors: ve,
     scrollableAncestorRects: et,
-    windowRect: ht
-  }), Bt = Ze ? Ne(Ze, E) : null, Ft = oo(ve), On = en(Ft), Mn = en(Ft, [k]), ke = Ne(tt, On), Ae = Ee ? Ir(Ee, tt) : null, Be = j && Ae ? c({
+    windowRect: gt
+  }), Bt = Ze ? Ne(Ze, I) : null, Ft = oo(ve), On = en(Ft), Mn = en(Ft, [k]), ke = Ne(tt, On), Ae = Ie ? Er(Ie, tt) : null, Be = j && Ae ? c({
     active: j,
     collisionRect: Ae,
     droppableRects: de,
     droppableContainers: Qe,
     pointerCoordinates: Bt
-  }) : null, $t = wr(Be, "id"), [pe, Ht] = Q(null), Ln = jt ? tt : Ne(tt, Mn), zn = Cr(Ln, (i = pe == null ? void 0 : pe.rect) != null ? i : null, k), bt = M(null), Xt = W(
+  }) : null, $t = wr(Be, "id"), [pe, Ht] = Q(null), Ln = jt ? tt : Ne(tt, Mn), zn = Cr(Ln, (i = pe == null ? void 0 : pe.rect) != null ? i : null, k), bt = O(null), Xt = W(
     (X, G) => {
       let {
         sensor: J,
         options: ye
       } = G;
-      if (L.current == null)
+      if (M.current == null)
         return;
-      const ee = w.get(L.current);
+      const ee = w.get(M.current);
       if (!ee)
         return;
       const _ = X.nativeEvent, le = new J({
-        active: L.current,
+        active: M.current,
         activeNode: ee,
         event: _,
         options: ye,
@@ -2280,15 +2280,15 @@ const mo = /* @__PURE__ */ Hn(function(t) {
             return;
           const {
             onDragAbort: ce
-          } = re.current, he = {
+          } = re.current, ge = {
             id: F
           };
-          ce == null || ce(he), x({
+          ce == null || ce(ge), x({
             type: "onDragAbort",
-            event: he
+            event: ge
           });
         },
-        onPending(F, xe, ce, he) {
+        onPending(F, xe, ce, ge) {
           if (!w.get(F))
             return;
           const {
@@ -2297,7 +2297,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
             id: F,
             constraint: xe,
             initialCoordinates: ce,
-            offset: he
+            offset: ge
           };
           $e == null || $e(we), x({
             type: "onDragPending",
@@ -2305,14 +2305,14 @@ const mo = /* @__PURE__ */ Hn(function(t) {
           });
         },
         onStart(F) {
-          const xe = L.current;
+          const xe = M.current;
           if (xe == null)
             return;
           const ce = w.get(xe);
           if (!ce)
             return;
           const {
-            onDragStart: he
+            onDragStart: ge
           } = re.current, Fe = {
             activatorEvent: _,
             active: {
@@ -2322,7 +2322,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
             }
           };
           nt(() => {
-            he == null || he(Fe), C(me.Initializing), m({
+            ge == null || ge(Fe), C(me.Initializing), m({
               type: z.DragStart,
               initialCoordinates: F,
               active: xe
@@ -2346,7 +2346,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
         return async function() {
           const {
             active: ce,
-            collisions: he,
+            collisions: ge,
             over: Fe,
             scrollAdjustedTranslate: $e
           } = ae.current;
@@ -2358,12 +2358,12 @@ const mo = /* @__PURE__ */ Hn(function(t) {
             we = {
               activatorEvent: _,
               active: ce,
-              collisions: he,
+              collisions: ge,
               delta: $e,
               over: Fe
             }, F === z.DragEnd && typeof He == "function" && await Promise.resolve(He(we)) && (F = z.DragCancel);
           }
-          L.current = null, nt(() => {
+          M.current = null, nt(() => {
             m({
               type: F
             }), C(me.Uninitialized), Ht(null), Y(null), se(null), bt.current = null;
@@ -2385,7 +2385,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     const ee = J.nativeEvent, _ = w.get(ye);
     if (
       // Another sensor is already instantiating
-      L.current !== null || // No active draggable
+      M.current !== null || // No active draggable
       !_ || // Event has already been captured
       ee.dndKit || ee.defaultPrevented
     )
@@ -2395,11 +2395,11 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     };
     X(J, G.options, le) === !0 && (ee.dndKit = {
       capturedBy: G.sensor
-    }, L.current = ye, Xt(J, G));
+    }, M.current = ye, Xt(J, G));
   }, [w, Xt]), Wt = _r(u, jn);
   io(u), ue(() => {
     k && D === me.Initializing && C(me.Initialized);
-  }, [k, D]), O(
+  }, [k, D]), N(
     () => {
       const {
         onDragMove: X
@@ -2430,7 +2430,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [ke.x, ke.y]
-  ), O(
+  ), N(
     () => {
       const {
         active: X,
@@ -2439,7 +2439,7 @@ const mo = /* @__PURE__ */ Hn(function(t) {
         droppableContainers: ye,
         scrollAdjustedTranslate: ee
       } = ae.current;
-      if (!X || L.current == null || !G || !ee)
+      if (!X || M.current == null || !G || !ee)
         return;
       const {
         onDragOver: _
@@ -2476,34 +2476,34 @@ const mo = /* @__PURE__ */ Hn(function(t) {
       collisions: Be,
       droppableRects: de,
       draggableNodes: w,
-      draggingNode: Ie,
-      draggingNodeRect: Ee,
-      droppableContainers: T,
+      draggingNode: Ee,
+      draggingNodeRect: Ie,
+      droppableContainers: A,
       over: pe,
       scrollableAncestors: ve,
       scrollAdjustedTranslate: ke
     }, H.current = {
-      initial: Ee,
+      initial: Ie,
       translated: Ae
     };
-  }, [j, Z, Be, Ae, w, Ie, Ee, de, T, pe, ve, ke]), Vr({
+  }, [j, Z, Be, Ae, w, Ee, Ie, de, A, pe, ve, ke]), Vr({
     ...be,
-    delta: E,
+    delta: I,
     draggingRect: Ae,
     pointerCoordinates: Bt,
     scrollableAncestors: ve,
     scrollableAncestorRects: et
   });
-  const Pn = N(() => ({
+  const Pn = T(() => ({
     active: j,
     activeNode: Z,
     activeNodeRect: k,
     activatorEvent: P,
     collisions: Be,
     containerNodeRect: Pe,
-    dragOverlay: ge,
+    dragOverlay: he,
     draggableNodes: w,
-    droppableContainers: T,
+    droppableContainers: A,
     droppableRects: de,
     over: pe,
     measureDroppableContainers: De,
@@ -2511,8 +2511,8 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     scrollableAncestorRects: et,
     measuringConfiguration: K,
     measuringScheduled: je,
-    windowRect: ht
-  }), [j, Z, k, P, Be, Pe, ge, w, T, de, pe, De, ve, et, K, je, ht]), Bn = N(() => ({
+    windowRect: gt
+  }), [j, Z, k, P, Be, Pe, he, w, A, de, pe, De, ve, et, K, je, gt]), Bn = T(() => ({
     activatorEvent: P,
     activators: Wt,
     active: j,
@@ -2525,13 +2525,13 @@ const mo = /* @__PURE__ */ Hn(function(t) {
     over: pe,
     measureDroppableContainers: De
   }), [P, Wt, j, k, m, ze, w, pe, De]);
-  return U.createElement(hn.Provider, {
+  return U.createElement(gn.Provider, {
     value: S
-  }, U.createElement(gt.Provider, {
+  }, U.createElement(ht.Provider, {
     value: Bn
   }, U.createElement(Rn.Provider, {
     value: Pn
-  }, U.createElement(In.Provider, {
+  }, U.createElement(En.Provider, {
     value: zn
   }, d)), U.createElement(po, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
@@ -2564,11 +2564,11 @@ function Co(e) {
     ariaDescribedById: u,
     draggableNodes: c,
     over: f
-  } = Ce(gt), {
-    role: g = nn,
+  } = Ce(ht), {
+    role: h = nn,
     roleDescription: p = "draggable",
-    tabIndex: h = 0
-  } = o ?? {}, v = (l == null ? void 0 : l.id) === t, m = Ce(v ? In : So), [x, S] = at(), [D, C] = at(), R = so(s, t), y = Ke(n);
+    tabIndex: g = 0
+  } = o ?? {}, v = (l == null ? void 0 : l.id) === t, m = Ce(v ? En : So), [x, S] = at(), [D, C] = at(), R = so(s, t), y = Ke(n);
   ue(
     () => (c.set(t, {
       id: t,
@@ -2577,20 +2577,20 @@ function Co(e) {
       activatorNode: D,
       data: y
     }), () => {
-      const E = c.get(t);
-      E && E.key === i && c.delete(t);
+      const I = c.get(t);
+      I && I.key === i && c.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [c, t]
   );
-  const w = N(() => ({
-    role: g,
-    tabIndex: h,
+  const w = T(() => ({
+    role: h,
+    tabIndex: g,
     "aria-disabled": r,
-    "aria-pressed": v && g === nn ? !0 : void 0,
+    "aria-pressed": v && h === nn ? !0 : void 0,
     "aria-roledescription": p,
     "aria-describedby": u.draggable
-  }), [r, g, h, v, p, u.draggable]);
+  }), [r, h, g, v, p, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
@@ -2608,7 +2608,7 @@ function Co(e) {
 function Ro() {
   return Ce(Rn);
 }
-const Io = "Droppable", Eo = {
+const Eo = "Droppable", Io = {
   timeout: 25
 };
 function ko(e) {
@@ -2618,28 +2618,28 @@ function ko(e) {
     id: r,
     resizeObserverConfig: o
   } = e;
-  const i = _e(Io), {
+  const i = _e(Eo), {
     active: s,
     dispatch: a,
     over: l,
     measureDroppableContainers: d
-  } = Ce(gt), u = M({
+  } = Ce(ht), u = O({
     disabled: n
-  }), c = M(!1), f = M(null), g = M(null), {
+  }), c = O(!1), f = O(null), h = O(null), {
     disabled: p,
-    updateMeasurementsFor: h,
+    updateMeasurementsFor: g,
     timeout: v
   } = {
-    ...Eo,
+    ...Io,
     ...o
-  }, m = Ke(h ?? r), x = W(
+  }, m = Ke(g ?? r), x = W(
     () => {
       if (!c.current) {
         c.current = !0;
         return;
       }
-      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
-        d(Array.isArray(m.current) ? m.current : [m.current]), g.current = null;
+      h.current != null && clearTimeout(h.current), h.current = setTimeout(() => {
+        d(Array.isArray(m.current) ? m.current : [m.current]), h.current = null;
       }, v);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2647,12 +2647,12 @@ function ko(e) {
   ), S = ft({
     callback: x,
     disabled: p || !s
-  }), D = W((w, E) => {
-    S && (E && (S.unobserve(E), c.current = !1), w && S.observe(w));
+  }), D = W((w, I) => {
+    S && (I && (S.unobserve(I), c.current = !1), w && S.observe(w));
   }, [S]), [C, R] = at(D), y = Ke(t);
-  return O(() => {
+  return N(() => {
     !S || !C.current || (S.disconnect(), c.current = !1, S.observe(C.current));
-  }, [C, S]), O(
+  }, [C, S]), N(
     () => (a({
       type: z.RegisterDroppable,
       element: {
@@ -2670,7 +2670,7 @@ function ko(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), O(() => {
+  ), N(() => {
     n !== u.current.disabled && (a({
       type: z.SetDroppableDisabled,
       id: r,
@@ -2757,7 +2757,7 @@ function Mo(e, t, n) {
   const r = e[t], o = e[t - 1], i = e[t + 1];
   return !r || !o && !i ? 0 : n < t ? o ? r.left - (o.left + o.width) : i.left - (r.left + r.width) : i ? i.left - (r.left + r.width) : r.left - (o.left + o.width);
 }
-const En = (e) => {
+const In = (e) => {
   let {
     rects: t,
     activeIndex: n,
@@ -2779,7 +2779,7 @@ const En = (e) => {
   overIndex: -1,
   useDragOverlay: !1,
   sortedRects: [],
-  strategy: En,
+  strategy: In,
   disabled: {
     draggable: !1,
     droppable: !1
@@ -2790,7 +2790,7 @@ function Lo(e) {
     children: t,
     id: n,
     items: r,
-    strategy: o = En,
+    strategy: o = In,
     disabled: i = !1
   } = e;
   const {
@@ -2799,26 +2799,26 @@ function Lo(e) {
     droppableRects: l,
     over: d,
     measureDroppableContainers: u
-  } = Ro(), c = _e(kn, n), f = a.rect !== null, g = N(() => 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 = M(g), x = !To(g, m.current), S = v !== -1 && h === -1 || x, D = No(i);
+  } = Ro(), c = _e(kn, n), f = a.rect !== null, h = T(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), p = s != null, g = s ? h.indexOf(s.id) : -1, v = d ? h.indexOf(d.id) : -1, m = O(h), x = !To(h, m.current), S = v !== -1 && g === -1 || x, D = No(i);
   ue(() => {
-    x && p && u(g);
-  }, [x, g, p, u]), O(() => {
-    m.current = g;
-  }, [g]);
-  const C = N(
+    x && p && u(h);
+  }, [x, h, p, u]), N(() => {
+    m.current = h;
+  }, [h]);
+  const C = T(
     () => ({
-      activeIndex: h,
+      activeIndex: g,
       containerId: c,
       disabled: D,
       disableTransforms: S,
-      items: g,
+      items: h,
       overIndex: v,
       useDragOverlay: f,
-      sortedRects: Ao(g, l),
+      sortedRects: Ao(h, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, c, D.draggable, D.droppable, S, g, v, l, f, o]
+    [g, c, D.draggable, D.droppable, S, h, v, l, f, o]
   );
   return U.createElement(An.Provider, {
     value: C
@@ -2862,7 +2862,7 @@ function Fo(e) {
     node: r,
     rect: o
   } = e;
-  const [i, s] = Q(null), a = M(n);
+  const [i, s] = Q(null), a = O(n);
   return ue(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
@@ -2879,7 +2879,7 @@ function Fo(e) {
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), O(() => {
+  }, [t, n, r, o]), N(() => {
     i && s(null);
   }, [i]), i;
 }
@@ -2899,24 +2899,24 @@ function $o(e) {
     items: u,
     containerId: c,
     activeIndex: f,
-    disabled: g,
+    disabled: h,
     disableTransforms: p,
-    sortedRects: h,
+    sortedRects: g,
     overIndex: v,
     useDragOverlay: m,
     strategy: x
-  } = Ce(An), S = Ho(r, g), D = u.indexOf(s), C = N(() => ({
+  } = Ce(An), S = Ho(r, h), D = u.indexOf(s), C = T(() => ({
     sortable: {
       containerId: c,
       index: D,
       items: u
     },
     ...o
-  }), [c, o, D, u]), R = N(() => u.slice(u.indexOf(s)), [u, s]), {
+  }), [c, o, D, u]), R = T(() => u.slice(u.indexOf(s)), [u, s]), {
     rect: y,
     node: w,
-    isOver: E,
-    setNodeRef: T
+    isOver: I,
+    setNodeRef: A
   } = ko({
     id: s,
     data: C,
@@ -2929,7 +2929,7 @@ function $o(e) {
     active: b,
     activatorEvent: H,
     activeNodeRect: j,
-    attributes: L,
+    attributes: M,
     setNodeRef: ne,
     listeners: Y,
     isDragging: P,
@@ -2944,8 +2944,8 @@ function $o(e) {
       ...n
     },
     disabled: S.draggable
-  }), Qe = nr(T, ne), K = !!b, de = K && !p && rt(f) && rt(v), De = !m && P, je = De && de ? ze : null, Ze = de ? je ?? (a ?? x)({
-    rects: h,
+  }), Qe = nr(A, ne), K = !!b, de = K && !p && rt(f) && rt(v), De = !m && P, je = De && de ? ze : null, Ze = de ? je ?? (a ?? x)({
+    rects: g,
     activeNodeRect: j,
     activeIndex: f,
     overIndex: v,
@@ -2955,7 +2955,7 @@ function $o(e) {
     items: u,
     activeIndex: f,
     overIndex: v
-  }) : D, fe = b == null ? void 0 : b.id, k = M({
+  }) : D, fe = b == null ? void 0 : b.id, k = O({
     activeId: fe,
     items: u,
     newIndex: be,
@@ -2979,29 +2979,29 @@ function $o(e) {
     node: w,
     rect: y
   });
-  return O(() => {
+  return N(() => {
     K && k.current.newIndex !== be && (k.current.newIndex = be), c !== k.current.containerId && (k.current.containerId = c), u !== k.current.items && (k.current.items = u);
-  }, [K, be, c, u]), O(() => {
+  }, [K, be, c, u]), N(() => {
     if (fe === k.current.activeId)
       return;
     if (fe != null && k.current.activeId == null) {
       k.current.activeId = fe;
       return;
     }
-    const Ie = setTimeout(() => {
+    const Ee = setTimeout(() => {
       k.current.activeId = fe;
     }, 50);
-    return () => clearTimeout(Ie);
+    return () => clearTimeout(Ee);
   }, [fe]), {
     active: b,
     activeIndex: f,
-    attributes: L,
+    attributes: M,
     data: C,
     rect: y,
     index: D,
     newIndex: be,
     items: u,
-    isOver: E,
+    isOver: I,
     isSorting: K,
     isDragging: P,
     listeners: Y,
@@ -3010,12 +3010,12 @@ function $o(e) {
     over: se,
     setNodeRef: Qe,
     setActivatorNodeRef: re,
-    setDroppableNodeRef: T,
+    setDroppableNodeRef: A,
     setDraggableNodeRef: ne,
     transform: Re ?? Ze,
-    transition: ge()
+    transition: he()
   };
-  function ge() {
+  function he() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
       Re || // Or to prevent items jumping to back to their "new" position when items change
@@ -3040,8 +3040,8 @@ function Ho(e, t) {
     droppable: (r = e == null ? void 0 : e.droppable) != null ? r : t.droppable
   };
 }
-I.Down, I.Right, I.Up, I.Left;
-const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
+E.Down, E.Right, E.Up, E.Left;
+const Xo = ({ className: e }) => /* @__PURE__ */ L.jsxs(
   "svg",
   {
     width: "16",
@@ -3051,12 +3051,8 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
     className: e,
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ A.jsx("circle", { cx: "6", cy: "4", r: "1.5" }),
-      /* @__PURE__ */ A.jsx("circle", { cx: "10", cy: "4", r: "1.5" }),
-      /* @__PURE__ */ A.jsx("circle", { cx: "6", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ A.jsx("circle", { cx: "10", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ A.jsx("circle", { cx: "6", cy: "12", r: "1.5" }),
-      /* @__PURE__ */ A.jsx("circle", { cx: "10", cy: "12", r: "1.5" })
+      /* @__PURE__ */ L.jsx("rect", { x: "4", y: "5", width: "8", height: "2", rx: "1" }),
+      /* @__PURE__ */ L.jsx("rect", { x: "4", y: "9", width: "8", height: "2", rx: "1" })
     ]
   }
 ), Wo = ({
@@ -3071,12 +3067,12 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
   theme: l = "light"
 }) => {
   const d = Se.useRef(null), [u, c] = Se.useState(null), f = (y) => {
-    const { isSorting: w, wasDragging: E } = y;
-    return w || E ? Tn(y) : !0;
+    const { isSorting: w, wasDragging: I } = y;
+    return w || I ? Tn(y) : !0;
   }, {
-    attributes: g,
+    attributes: h,
     listeners: p,
-    setNodeRef: h,
+    setNodeRef: g,
     transform: v,
     transition: m,
     isDragging: x
@@ -3089,8 +3085,8 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       easing: "cubic-bezier(0.25, 1, 0.5, 1)"
     }
   }), S = Se.useCallback((y) => {
-    d.current = y, h(y);
-  }, [h]);
+    d.current = y, g(y);
+  }, [g]);
   Se.useEffect(() => {
     if (x && d.current) {
       const y = d.current.getBoundingClientRect().width;
@@ -3102,7 +3098,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
     const y = x && u ? `${u}px` : e.width || "auto";
     let w = "auto";
     e.fixed ? w = x ? 1001 : 1e3 : x && (w = 100);
-    const E = {
+    const I = {
       transform: v ? Ue.Translate.toString(v) : void 0,
       transition: m || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
       willChange: "transform",
@@ -3115,18 +3111,18 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       overflow: "hidden",
       textOverflow: "ellipsis"
     };
-    if (x && u && (E.minWidth = `${u}px`, E.maxWidth = `${u}px`), e.fixed === "left") {
-      let T = 0;
+    if (x && u && (I.minWidth = `${u}px`, I.maxWidth = `${u}px`), e.fixed === "left") {
+      let A = 0;
       for (let b = 0; b < t; b++)
-        n[b].fixed === "left" && (T += parseInt(n[b].width || "150"));
-      E.left = `${T}px`;
+        n[b].fixed === "left" && (A += parseInt(n[b].width || "150"));
+      I.left = `${A}px`;
     } else if (e.fixed === "right") {
-      let T = 0;
+      let A = 0;
       for (let b = t + 1; b < n.length; b++)
-        n[b].fixed === "right" && (T += parseInt(n[b].width || "150"));
-      E.right = `${T}px`;
+        n[b].fixed === "right" && (A += parseInt(n[b].width || "150"));
+      I.right = `${A}px`;
     }
-    return E;
+    return I;
   }, C = st(
     "bu-group",
     V.getThClasses({
@@ -3137,21 +3133,21 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       draggable: s
     })
   ), R = s && !e.fixed;
-  return /* @__PURE__ */ A.jsx(
+  return /* @__PURE__ */ L.jsx(
     "th",
     {
       ref: S,
       className: C,
       style: D(),
-      ...g,
+      ...h,
       ...p,
       onClick: () => o(e),
-      children: /* @__PURE__ */ A.jsxs("div", { className: "bu-flex bu-items-center bu-gap-2 bu-relative", style: { justifyContent: e.align || "center" }, children: [
-        /* @__PURE__ */ A.jsxs("div", { className: "bu-flex", children: [
+      children: /* @__PURE__ */ L.jsxs("div", { className: "bu-flex bu-items-center bu-gap-2 bu-relative", style: { justifyContent: e.align || "center" }, children: [
+        /* @__PURE__ */ L.jsxs("div", { className: "bu-flex bu-items-center", children: [
           e.renderHeader ? e.renderHeader([]) : e.title,
           i(e)
         ] }),
-        R && /* @__PURE__ */ A.jsx(
+        R && /* @__PURE__ */ L.jsx(
           "span",
           {
             className: st(V.dragHandle({
@@ -3162,7 +3158,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
               alignItems: "center",
               marginLeft: "4px"
             },
-            children: a || /* @__PURE__ */ A.jsx(Xo, {})
+            children: a !== null && (a || /* @__PURE__ */ L.jsx(Xo, {}))
           }
         )
       ] })
@@ -3184,8 +3180,8 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
     if (!c.filter || !c.key)
       return null;
     const f = n[c.key] || oe.default;
-    return /* @__PURE__ */ A.jsxs("span", { className: V.sortIcon(), children: [
-      /* @__PURE__ */ A.jsx(
+    return /* @__PURE__ */ L.jsxs("span", { className: V.sortIcon(), children: [
+      /* @__PURE__ */ L.jsx(
         "span",
         {
           className: V.sortArrow({
@@ -3195,7 +3191,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
           })
         }
       ),
-      /* @__PURE__ */ A.jsx(
+      /* @__PURE__ */ L.jsx(
         "span",
         {
           className: V.sortArrow({
@@ -3207,7 +3203,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       )
     ] });
   };
-  return /* @__PURE__ */ A.jsx("thead", { className: st(V.thead({ theme: l }), i), children: /* @__PURE__ */ A.jsx("tr", { children: t.map((c, f) => /* @__PURE__ */ A.jsx(
+  return /* @__PURE__ */ L.jsx("thead", { className: st(V.thead({ theme: l }), i), children: /* @__PURE__ */ L.jsx("tr", { children: t.map((c, f) => /* @__PURE__ */ L.jsx(
     Wo,
     {
       column: c,
@@ -3229,28 +3225,28 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       textAlign: V.getTextAlign(u.align)
     };
     if (u.fixed === "left") {
-      let g = 0;
+      let h = 0;
       for (let p = 0; p < c; p++)
-        t[p].fixed === "left" && (g += parseInt(t[p].width || "150"));
-      f.left = `${g}px`;
+        t[p].fixed === "left" && (h += parseInt(t[p].width || "150"));
+      f.left = `${h}px`;
     } else if (u.fixed === "right") {
-      let g = 0;
+      let h = 0;
       for (let p = c + 1; p < t.length; p++)
-        t[p].fixed === "right" && (g += parseInt(t[p].width || "150"));
-      f.right = `${g}px`;
+        t[p].fixed === "right" && (h += parseInt(t[p].width || "150"));
+      f.right = `${h}px`;
     }
     return f;
   }, l = (u, c, f) => u.render ? u.render(c, f) : u.key ? c[u.key] : null, d = (u, c, f) => {
     if (u.onCell)
       return u.onCell(c, f);
   };
-  return /* @__PURE__ */ A.jsx("tbody", { className: st(V.tbody({ theme: s }), i), children: n.map((u, c) => /* @__PURE__ */ A.jsx(
+  return /* @__PURE__ */ L.jsx("tbody", { className: st(V.tbody({ theme: s }), i), children: n.map((u, c) => /* @__PURE__ */ L.jsx(
     "tr",
     {
       className: V.tr({ theme: s }),
-      children: t.map((f, g) => {
+      children: t.map((f, h) => {
         const p = d(f, u, c);
-        return p === 0 ? null : /* @__PURE__ */ A.jsx(
+        return p === 0 ? null : /* @__PURE__ */ L.jsx(
           "td",
           {
             className: V.getTdClasses({
@@ -3258,11 +3254,11 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
               fixed: f.fixed,
               customClass: o
             }),
-            style: a(f, g),
+            style: a(f, h),
             colSpan: p,
             children: l(f, u, c)
           },
-          f.key || g
+          f.key || h
         );
       })
     },
@@ -3291,9 +3287,9 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
     draggable: c = !1,
     // 默认不启用拖拽
     onColumnsChange: f,
-    dragHandleIcon: g,
+    dragHandleIcon: h,
     maxHeight: p
-  } = e, [h, v] = Se.useState(t), [m, x] = Se.useState({}), [S, D] = Se.useState(null), C = vr(
+  } = e, [g, v] = Se.useState(t), [m, x] = Se.useState({}), [S, D] = Se.useState(null), C = vr(
     Kt(Lt, {
       activationConstraint: {
         distance: 8
@@ -3307,13 +3303,13 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
   }, [t]);
   const R = (b, H) => {
     const j = m[b] || oe.default;
-    let L;
-    j === oe.default ? L = oe.desc : j === oe.desc ? L = oe.asc : L = oe.default;
+    let M;
+    j === oe.default ? M = oe.desc : j === oe.desc ? M = oe.asc : M = oe.default;
     const ne = H || "single";
     let Y;
-    if (ne === "single" ? Y = { [b]: L } : (Y = { ...m, [b]: L }, L === oe.default && delete Y[b]), x(Y), d)
+    if (ne === "single" ? Y = { [b]: M } : (Y = { ...m, [b]: M }, M === oe.default && delete Y[b]), x(Y), d)
       if (ne === "single")
-        d({ sortKey: b, sort: L });
+        d({ sortKey: b, sort: M });
       else {
         const P = Object.entries(Y).map(([se, re]) => ({
           sortKey: se,
@@ -3325,37 +3321,37 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
     D(b.active.id);
   }, w = (b) => {
     const { active: H, over: j } = b;
-    D(null), !(!j || H.id === j.id) && v((L) => {
-      const ne = L.findIndex((se) => se.key === H.id), Y = L.findIndex((se) => se.key === j.id);
-      if (ne === -1 || Y === -1 || L[Y].fixed)
-        return L;
-      const P = zt(L, ne, Y);
+    D(null), !(!j || H.id === j.id) && v((M) => {
+      const ne = M.findIndex((se) => se.key === H.id), Y = M.findIndex((se) => se.key === j.id);
+      if (ne === -1 || Y === -1 || M[Y].fixed)
+        return M;
+      const P = zt(M, ne, Y);
       return f && f(P), P;
     });
-  }, E = h.filter((b) => !b.fixed && b.key).map((b) => b.key), T = () => /* @__PURE__ */ A.jsxs(
+  }, I = g.filter((b) => !b.fixed && b.key).map((b) => b.key), A = () => /* @__PURE__ */ L.jsxs(
     "div",
     {
       className: V.container({ theme: l }),
       style: p ? { maxHeight: p, overflow: "auto" } : void 0,
       children: [
-        /* @__PURE__ */ A.jsxs("table", { className: V.table(), style: { tableLayout: u }, children: [
-          /* @__PURE__ */ A.jsx(
+        /* @__PURE__ */ L.jsxs("table", { className: V.table(), style: { tableLayout: u }, children: [
+          /* @__PURE__ */ L.jsx(
             Yo,
             {
-              columns: h,
+              columns: g,
               sortStates: m,
               onSort: R,
               activeId: c ? S : null,
               theadClass: o,
               draggable: c,
-              dragHandleIcon: g,
+              dragHandleIcon: h,
               theme: l
             }
           ),
-          /* @__PURE__ */ A.jsx(
+          /* @__PURE__ */ L.jsx(
             Ko,
             {
-              columns: h,
+              columns: g,
               data: n,
               rowKey: r,
               tdClass: i,
@@ -3364,11 +3360,11 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
             }
           )
         ] }),
-        n.length === 0 && /* @__PURE__ */ A.jsx("div", { className: V.empty({ theme: l }), children: a || "No Data" })
+        n.length === 0 && /* @__PURE__ */ L.jsx("div", { className: V.empty({ theme: l }), children: a || "No Data" })
       ]
     }
   );
-  return c ? /* @__PURE__ */ A.jsx(
+  return c ? /* @__PURE__ */ L.jsx(
     mo,
     {
       sensors: C,
@@ -3376,16 +3372,16 @@ const Xo = ({ className: e }) => /* @__PURE__ */ A.jsxs(
       onDragStart: y,
       onDragEnd: w,
       modifiers: [Uo],
-      children: /* @__PURE__ */ A.jsx(
+      children: /* @__PURE__ */ L.jsx(
         Lo,
         {
-          items: E,
+          items: I,
           strategy: Oo,
-          children: T()
+          children: A()
         }
       )
     }
-  ) : T();
+  ) : A();
 };
 export {
   _o as P,