@blofin/blofin-ui 0.7.46-beta.6 → 0.7.46-beta.7

package/dist/{ProTable-c3365a58.js → ProTable-b2defffb.js}

@@ -1,7 +1,7 @@
 import { j as z } from "./jsx-runtime-82a9ddf6.js";
 import * as Ce from "react";
 import q, { useLayoutEffect as Fn, useEffect as M, useRef as L, useMemo as O, useCallback as X, useState as ee, createContext as Je, memo as $n, useReducer as Wn, useContext as Ee } from "react";
-import { c as $, a as Ue, u as Hn } from "./index-6ffbeca8.js";
+import { c as $, a as Me, u as Hn } from "./index-6ffbeca8.js";
 import { unstable_batchedUpdates as rt, createPortal as Xn } from "react-dom";
 var V = /* @__PURE__ */ ((e) => (e.default = "default", e.desc = "desc", e.asc = "asc", e))(V || {});
 const Yn = $("bu-w-full bu-rounded-lg", {
@@ -174,7 +174,7 @@ function rr() {
   );
 }
 const dt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Le(e) {
+function ze(e) {
   const t = Object.prototype.toString.call(e);
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
@@ -184,7 +184,7 @@ function Et(e) {
 }
 function G(e) {
   var t, n;
-  return e ? Le(e) ? e : Et(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? ze(e) ? e : Et(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function It(e) {
   const {
@@ -193,13 +193,13 @@ function It(e) {
   return e instanceof t;
 }
 function _e(e) {
-  return Le(e) ? !1 : e instanceof G(e).HTMLElement;
+  return ze(e) ? !1 : e instanceof G(e).HTMLElement;
 }
 function dn(e) {
   return e instanceof G(e).SVGElement;
 }
-function ze(e) {
-  return e ? Le(e) ? e.document : Et(e) ? It(e) ? e : _e(e) || dn(e) ? e.ownerDocument : document : document : document;
+function je(e) {
+  return e ? ze(e) ? e.document : Et(e) ? It(e) ? e : _e(e) || dn(e) ? e.ownerDocument : document : document : document;
 }
 const fe = dt ? Fn : M;
 function kt(e) {
@@ -279,7 +279,7 @@ function fn(e) {
     });
   };
 }
-const Me = /* @__PURE__ */ fn(1), lt = /* @__PURE__ */ fn(-1);
+const Le = /* @__PURE__ */ fn(1), lt = /* @__PURE__ */ fn(-1);
 function ir(e) {
   return "clientX" in e && "clientY" in e;
 }
@@ -743,7 +743,7 @@ function Tr(e, t, n) {
 const Ar = {
   ignoreTransform: !1
 };
-function je(e, t) {
+function Pe(e, t) {
   t === void 0 && (t = Ar);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
@@ -771,7 +771,7 @@ function je(e, t) {
   };
 }
 function Vt(e) {
-  return je(e, {
+  return Pe(e, {
     ignoreTransform: !0
   });
 }
@@ -816,13 +816,13 @@ function bn(e) {
   return t ?? null;
 }
 function yt(e) {
-  return !dt || !e ? null : Le(e) ? e : Et(e) ? It(e) || e === ze(e).scrollingElement ? window : _e(e) ? e : null : null;
+  return !dt || !e ? null : ze(e) ? e : Et(e) ? It(e) || e === je(e).scrollingElement ? window : _e(e) ? e : null : null;
 }
 function vn(e) {
-  return Le(e) ? e.scrollX : e.scrollLeft;
+  return ze(e) ? e.scrollX : e.scrollLeft;
 }
 function pn(e) {
-  return Le(e) ? e.scrollY : e.scrollTop;
+  return ze(e) ? e.scrollY : e.scrollTop;
 }
 function Dt(e) {
   return {
@@ -923,7 +923,7 @@ function jr(e) {
   };
 }
 function wn(e) {
-  return e.reduce((t, n) => Me(t, Dt(n)), ie);
+  return e.reduce((t, n) => Le(t, Dt(n)), ie);
 }
 function Pr(e) {
   return e.reduce((t, n) => t + vn(n), 0);
@@ -932,7 +932,7 @@ function Br(e) {
   return e.reduce((t, n) => t + pn(n), 0);
 }
 function Fr(e, t) {
-  if (t === void 0 && (t = je), !e)
+  if (t === void 0 && (t = Pe), !e)
     return;
   const {
     top: n,
@@ -967,7 +967,7 @@ class Nt {
     });
   }
 }
-class Xe {
+class Ye {
   constructor(t) {
     this.target = void 0, this.listeners = [], this.removeAll = () => {
       this.listeners.forEach((n) => {
@@ -985,7 +985,7 @@ function Wr(e) {
   const {
     EventTarget: t
   } = G(e);
-  return e instanceof t ? e : ze(e);
+  return e instanceof t ? e : je(e);
 }
 function xt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
@@ -1044,7 +1044,7 @@ class Ot {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Xe(ze(n)), this.windowListeners = new Xe(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Ye(je(n)), this.windowListeners = new Ye(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(re.Resize, this.handleCancel), this.windowListeners.add(re.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(re.Keydown, this.handleKeyDown));
@@ -1098,16 +1098,16 @@ class Ot {
         } = r.current;
         for (const g of v) {
           const b = t.code, {
-            isTop: m,
+            isTop: w,
             isRight: p,
-            isLeft: w,
+            isLeft: m,
             isBottom: C,
             maxScroll: D,
             minScroll: R
           } = xn(g), y = jr(g), x = {
             x: Math.min(b === E.Right ? y.right - y.width / 2 : y.right, Math.max(b === E.Right ? y.left : y.left + y.width / 2, c.x)),
             y: Math.min(b === E.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(b === E.Down ? y.top : y.top + y.height / 2, c.y))
-          }, I = b === E.Right && !p || b === E.Left && !w, N = b === E.Down && !C || b === E.Up && !m;
+          }, I = b === E.Right && !p || b === E.Left && !m, N = b === E.Down && !C || b === E.Up && !w;
           if (I && x.x !== c.x) {
             const S = g.scrollLeft + h.x, Y = b === E.Right && S <= D.x || b === E.Left && S >= R.x;
             if (Y && !h.y) {
@@ -1138,7 +1138,7 @@ class Ot {
             break;
           }
         }
-        this.handleMove(t, Me(lt(c, this.referenceCoordinates), f));
+        this.handleMove(t, Le(lt(c, this.referenceCoordinates), f));
       }
     }
   }
@@ -1200,7 +1200,7 @@ class Mt {
     } = t, {
       target: s
     } = i;
-    this.props = t, this.events = n, this.document = ze(s), this.documentListeners = new Xe(this.document), this.listeners = new Xe(r), this.windowListeners = new Xe(G(s)), this.initialCoordinates = (o = St(i)) != null ? o : ie, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = je(s), this.documentListeners = new Ye(this.document), this.listeners = new Ye(r), this.windowListeners = new Ye(G(s)), this.initialCoordinates = (o = St(i)) != null ? o : ie, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -1318,7 +1318,7 @@ class Lt extends Mt {
   constructor(t) {
     const {
       event: n
-    } = t, r = ze(n.target);
+    } = t, r = je(n.target);
     super(t, Yr, r);
   }
 }
@@ -1349,7 +1349,7 @@ var Ct;
 })(Ct || (Ct = {}));
 class Ur extends Mt {
   constructor(t) {
-    super(t, Kr, ze(t.event.target));
+    super(t, Kr, je(t.event.target));
   }
 }
 Ur.activators = [{
@@ -1407,10 +1407,10 @@ Vr.activators = [{
     }), !0);
   }
 }];
-var Ye;
+var Ke;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(Ye || (Ye = {}));
+})(Ke || (Ke = {}));
 var ut;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
@@ -1418,7 +1418,7 @@ var ut;
 function qr(e) {
   let {
     acceleration: t,
-    activator: n = Ye.Pointer,
+    activator: n = Ke.Pointer,
     canScroll: r,
     draggingRect: o,
     enabled: i,
@@ -1436,26 +1436,26 @@ function qr(e) {
   }), [v, g] = or(), b = L({
     x: 0,
     y: 0
-  }), m = L({
+  }), w = L({
     x: 0,
     y: 0
   }), p = O(() => {
     switch (n) {
-      case Ye.Pointer:
+      case Ke.Pointer:
         return l ? {
           top: l.y,
           bottom: l.y,
           left: l.x,
           right: l.x
         } : null;
-      case Ye.DraggableRect:
+      case Ke.DraggableRect:
         return o;
     }
-  }, [n, o, l]), w = L(null), C = X(() => {
-    const R = w.current;
+  }, [n, o, l]), m = L(null), C = X(() => {
+    const R = m.current;
     if (!R)
       return;
-    const y = b.current.x * m.current.x, x = b.current.y * m.current.y;
+    const y = b.current.x * w.current.x, x = b.current.y * w.current.y;
     R.scrollBy(y, x);
   }, []), D = O(() => a === ut.TreeOrder ? [...d].reverse() : d, [a, d]);
   M(
@@ -1477,14 +1477,14 @@ function qr(e) {
         for (const S of ["x", "y"])
           f[S][I[S]] || (N[S] = 0, I[S] = 0);
         if (N.x > 0 || N.y > 0) {
-          g(), w.current = R, v(C, s), b.current = N, m.current = I;
+          g(), m.current = R, v(C, s), b.current = N, w.current = I;
           return;
         }
       }
       b.current = {
         x: 0,
         y: 0
-      }, m.current = {
+      }, w.current = {
         x: 0,
         y: 0
       }, g();
@@ -1582,26 +1582,26 @@ function Qr(e, t) {
     frequency: a,
     measure: l,
     strategy: d
-  } = o, u = L(e), c = b(), h = Ve(c), f = X(function(m) {
-    m === void 0 && (m = []), !h.current && s((p) => p === null ? m : p.concat(m.filter((w) => !p.includes(w))));
-  }, [h]), v = L(null), g = Ze((m) => {
+  } = o, u = L(e), c = b(), h = Ve(c), f = X(function(w) {
+    w === void 0 && (w = []), !h.current && s((p) => p === null ? w : p.concat(w.filter((m) => !p.includes(m))));
+  }, [h]), v = L(null), g = Ze((w) => {
     if (c && !n)
       return _t;
-    if (!m || m === _t || u.current !== e || i != null) {
+    if (!w || w === _t || u.current !== e || i != null) {
       const p = /* @__PURE__ */ new Map();
-      for (let w of e) {
-        if (!w)
+      for (let m of e) {
+        if (!m)
           continue;
-        if (i && i.length > 0 && !i.includes(w.id) && w.rect.current) {
-          p.set(w.id, w.rect.current);
+        if (i && i.length > 0 && !i.includes(m.id) && m.rect.current) {
+          p.set(m.id, m.rect.current);
           continue;
         }
-        const C = w.node.current, D = C ? new Nt(l(C), C) : null;
-        w.rect.current = D, D && p.set(w.id, D);
+        const C = m.node.current, D = C ? new Nt(l(C), C) : null;
+        m.rect.current = D, D && p.set(m.id, D);
       }
       return p;
     }
-    return m;
+    return w;
   }, [e, i, n, c, l]);
   return M(() => {
     u.current = e;
@@ -1682,7 +1682,7 @@ function ft(e) {
   return M(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function no(e) {
-  return new Nt(je(e), e);
+  return new Nt(Pe(e), e);
 }
 function Zt(e, t, n) {
   t === void 0 && (t = no);
@@ -1760,7 +1760,7 @@ function io(e) {
         d == null || d.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), O(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Me(i, s), ie) : wn(e) : ie, [e, t]);
+  }, [o, e]), O(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Le(i, s), ie) : wn(e) : ie, [e, t]);
 }
 function en(e, t) {
   t === void 0 && (t = []);
@@ -1818,7 +1818,7 @@ function Dn(e) {
 }
 const tn = [];
 function lo(e, t) {
-  t === void 0 && (t = je);
+  t === void 0 && (t = Pe);
   const [n] = e, r = Dn(n ? G(n) : null), [o, i] = ee(tn);
   function s() {
     i(() => e.length ? e.map((l) => yn(l) ? r : new Nt(t(l), l)) : tn);
@@ -1887,10 +1887,10 @@ const fo = [{
     frequency: Rt.Optimized
   },
   dragOverlay: {
-    measure: je
+    measure: Pe
   }
 };
-class Ke extends Map {
+class Ue extends Map {
   get(t) {
     var n;
     return t != null && (n = super.get(t)) != null ? n : void 0;
@@ -1920,7 +1920,7 @@ const go = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new Ke(),
+  droppableContainers: /* @__PURE__ */ new Ue(),
   over: null,
   dragOverlay: {
     nodeRef: {
@@ -1963,7 +1963,7 @@ function vo() {
       }
     },
     droppable: {
-      containers: new Ke()
+      containers: new Ue()
     }
   };
 }
@@ -2011,7 +2011,7 @@ function po(e, t) {
         element: n
       } = t, {
         id: r
-      } = n, o = new Ke(e.droppable.containers);
+      } = n, o = new Ue(e.droppable.containers);
       return o.set(r, n), {
         ...e,
         droppable: {
@@ -2028,7 +2028,7 @@ function po(e, t) {
       } = t, i = e.droppable.containers.get(n);
       if (!i || r !== i.key)
         return e;
-      const s = new Ke(e.droppable.containers);
+      const s = new Ue(e.droppable.containers);
       return s.set(n, {
         ...i,
         disabled: o
@@ -2047,7 +2047,7 @@ function po(e, t) {
       } = t, o = e.droppable.containers.get(n);
       if (!o || r !== o.key)
         return e;
-      const i = new Ke(e.droppable.containers);
+      const i = new Ue(e.droppable.containers);
       return i.delete(n), {
         ...e,
         droppable: {
@@ -2182,7 +2182,7 @@ const So = /* @__PURE__ */ $n(function(t) {
     modifiers: f,
     ...v
   } = t;
-  const g = Wn(po, void 0, vo), [b, m] = g, [p, w] = hr(), [C, D] = ee(De.Uninitialized), R = C === De.Initialized, {
+  const g = Wn(po, void 0, vo), [b, w] = g, [p, m] = hr(), [C, D] = ee(De.Uninitialized), R = C === De.Initialized, {
     draggable: {
       active: y,
       nodes: x,
@@ -2205,7 +2205,7 @@ const So = /* @__PURE__ */ $n(function(t) {
   }, [y, S]), T = L(null), [J, U] = ee(null), [k, se] = ee(null), j = Ve(v, Object.values(v)), ae = Qe("DndDescribedBy", s), le = O(() => N.getEnabled(), [N]), W = wo(h), {
     droppableRects: he,
     measureDroppableContainers: Re,
-    measuringScheduled: Pe
+    measuringScheduled: Be
   } = Qr(le, {
     dragging: R,
     dependencies: [I.x, I.y],
@@ -2217,7 +2217,7 @@ const So = /* @__PURE__ */ $n(function(t) {
     initialRect: ge,
     measure: W.draggable.measure
   });
-  const A = Zt(te, W.draggable.measure, ge), Be = Zt(te ? te.parentElement : null), ce = L({
+  const A = Zt(te, W.draggable.measure, ge), Fe = Zt(te ? te.parentElement : null), ce = L({
     activatorEvent: null,
     active: null,
     activeNode: te,
@@ -2243,20 +2243,20 @@ const So = /* @__PURE__ */ $n(function(t) {
     activatorEvent: k,
     active: K,
     activeNodeRect: A,
-    containerNodeRect: Be,
+    containerNodeRect: Fe,
     draggingNodeRect: Te,
     over: ce.current.over,
     overlayNodeRect: be.rect,
     scrollableAncestors: ye,
     scrollableAncestorRects: tt,
     windowRect: gt
-  }), Bt = et ? Me(et, I) : null, Ft = io(ye), Nn = en(Ft), On = en(Ft, [A]), Ae = Me(nt, Nn), Ne = Te ? Ir(Te, nt) : null, Fe = K && Ne ? c({
+  }), Bt = et ? Le(et, I) : null, Ft = io(ye), Nn = en(Ft), On = en(Ft, [A]), Ae = Le(nt, Nn), Ne = Te ? Ir(Te, nt) : null, $e = K && Ne ? c({
     active: K,
     collisionRect: Ne,
     droppableRects: he,
     droppableContainers: le,
     pointerCoordinates: Bt
-  }) : null, $t = mr(Fe, "id"), [xe, Wt] = ee(null), Mn = jt ? nt : Me(nt, On), Ln = Rr(Mn, (i = xe == null ? void 0 : xe.rect) != null ? i : null, A), bt = L(null), Ht = X(
+  }) : null, $t = mr($e, "id"), [xe, Wt] = ee(null), Mn = jt ? nt : Le(nt, On), Ln = Rr(Mn, (i = xe == null ? void 0 : xe.rect) != null ? i : null, A), bt = L(null), Ht = X(
     (H, _) => {
       let {
         sensor: Z,
@@ -2292,14 +2292,14 @@ const So = /* @__PURE__ */ $n(function(t) {
           if (!x.get(F))
             return;
           const {
-            onDragPending: We
+            onDragPending: He
           } = j.current, Se = {
             id: F,
             constraint: me,
             initialCoordinates: de,
             offset: ve
           };
-          We == null || We(Se), p({
+          He == null || He(Se), p({
             type: "onDragPending",
             event: Se
           });
@@ -2313,7 +2313,7 @@ const So = /* @__PURE__ */ $n(function(t) {
             return;
           const {
             onDragStart: ve
-          } = j.current, $e = {
+          } = j.current, We = {
             activatorEvent: Q,
             active: {
               id: me,
@@ -2322,18 +2322,18 @@ const So = /* @__PURE__ */ $n(function(t) {
             }
           };
           rt(() => {
-            ve == null || ve($e), D(De.Initializing), m({
+            ve == null || ve(We), D(De.Initializing), w({
               type: P.DragStart,
               initialCoordinates: F,
               active: me
             }), p({
               type: "onDragStart",
-              event: $e
+              event: We
             }), U(bt.current), se(Q);
           });
         },
         onMove(F) {
-          m({
+          w({
             type: P.DragMove,
             coordinates: F
           });
@@ -2347,31 +2347,31 @@ const So = /* @__PURE__ */ $n(function(t) {
           const {
             active: de,
             collisions: ve,
-            over: $e,
-            scrollAdjustedTranslate: We
+            over: We,
+            scrollAdjustedTranslate: He
           } = ce.current;
           let Se = null;
-          if (de && We) {
+          if (de && He) {
             const {
-              cancelDrop: He
+              cancelDrop: Xe
             } = j.current;
             Se = {
               activatorEvent: Q,
               active: de,
               collisions: ve,
-              delta: We,
-              over: $e
-            }, F === P.DragEnd && typeof He == "function" && await Promise.resolve(He(Se)) && (F = P.DragCancel);
+              delta: He,
+              over: We
+            }, F === P.DragEnd && typeof Xe == "function" && await Promise.resolve(Xe(Se)) && (F = P.DragCancel);
           }
           T.current = null, rt(() => {
-            m({
+            w({
               type: F
             }), D(De.Uninitialized), Wt(null), U(null), se(null), bt.current = null;
-            const He = F === P.DragEnd ? "onDragEnd" : "onDragCancel";
+            const Xe = F === P.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Se) {
-              const vt = j.current[He];
+              const vt = j.current[Xe];
               vt == null || vt(Se), p({
-                type: He,
+                type: Xe,
                 event: Se
               });
             }
@@ -2473,7 +2473,7 @@ const So = /* @__PURE__ */ $n(function(t) {
       active: K,
       activeNode: te,
       collisionRect: Ne,
-      collisions: Fe,
+      collisions: $e,
       droppableRects: he,
       draggableNodes: x,
       draggingNode: ke,
@@ -2486,7 +2486,7 @@ const So = /* @__PURE__ */ $n(function(t) {
       initial: Te,
       translated: Ne
     };
-  }, [K, te, Fe, Ne, x, ke, Te, he, N, xe, ye, Ae]), qr({
+  }, [K, te, $e, Ne, x, ke, Te, he, N, xe, ye, Ae]), qr({
     ...pe,
     delta: I,
     draggingRect: Ne,
@@ -2499,8 +2499,8 @@ const So = /* @__PURE__ */ $n(function(t) {
     activeNode: te,
     activeNodeRect: A,
     activatorEvent: k,
-    collisions: Fe,
-    containerNodeRect: Be,
+    collisions: $e,
+    containerNodeRect: Fe,
     dragOverlay: be,
     draggableNodes: x,
     droppableContainers: N,
@@ -2510,9 +2510,9 @@ const So = /* @__PURE__ */ $n(function(t) {
     scrollableAncestors: ye,
     scrollableAncestorRects: tt,
     measuringConfiguration: W,
-    measuringScheduled: Pe,
+    measuringScheduled: Be,
     windowRect: gt
-  }), [K, te, A, k, Fe, Be, be, x, N, he, xe, Re, ye, tt, W, Pe, gt]), Pn = O(() => ({
+  }), [K, te, A, k, $e, Fe, be, x, N, he, xe, Re, ye, tt, W, Be, gt]), Pn = O(() => ({
     activatorEvent: k,
     activators: Xt,
     active: K,
@@ -2520,13 +2520,13 @@ const So = /* @__PURE__ */ $n(function(t) {
     ariaDescribedById: {
       draggable: ae
     },
-    dispatch: m,
+    dispatch: w,
     draggableNodes: x,
     over: xe,
     measureDroppableContainers: Re
-  }), [k, Xt, K, A, m, ae, x, xe, Re]);
+  }), [k, Xt, K, A, w, ae, x, xe, Re]);
   return q.createElement(hn.Provider, {
-    value: w
+    value: m
   }, q.createElement(ht.Provider, {
     value: Pn
   }, q.createElement(Cn.Provider, {
@@ -2568,7 +2568,7 @@ function Ro(e) {
     role: f = nn,
     roleDescription: v = "draggable",
     tabIndex: g = 0
-  } = o ?? {}, b = (l == null ? void 0 : l.id) === t, m = Ee(b ? Rn : Do), [p, w] = at(), [C, D] = at(), R = ao(s, t), y = Ve(n);
+  } = o ?? {}, b = (l == null ? void 0 : l.id) === t, w = Ee(b ? Rn : Do), [p, m] = at(), [C, D] = at(), R = ao(s, t), y = Ve(n);
   fe(
     () => (c.set(t, {
       id: t,
@@ -2600,9 +2600,9 @@ function Ro(e) {
     listeners: r ? void 0 : R,
     node: p,
     over: h,
-    setNodeRef: w,
+    setNodeRef: m,
     setActivatorNodeRef: D,
-    transform: m
+    transform: w
   };
 }
 function Eo() {
@@ -2632,27 +2632,27 @@ function To(e) {
   } = {
     ...ko,
     ...o
-  }, m = Ve(g ?? r), p = X(
+  }, w = Ve(g ?? r), p = X(
     () => {
       if (!c.current) {
         c.current = !0;
         return;
       }
       f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
-        d(Array.isArray(m.current) ? m.current : [m.current]), f.current = null;
+        d(Array.isArray(w.current) ? w.current : [w.current]), f.current = null;
       }, b);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [b]
-  ), w = ft({
+  ), m = ft({
     callback: p,
     disabled: v || !s
   }), C = X((x, I) => {
-    w && (I && (w.unobserve(I), c.current = !1), x && w.observe(x));
-  }, [w]), [D, R] = at(C), y = Ve(t);
+    m && (I && (m.unobserve(I), c.current = !1), x && m.observe(x));
+  }, [m]), [D, R] = at(C), y = Ve(t);
   return M(() => {
-    !w || !D.current || (w.disconnect(), c.current = !1, w.observe(D.current));
-  }, [D, w]), M(
+    !m || !D.current || (m.disconnect(), c.current = !1, m.observe(D.current));
+  }, [D, m]), M(
     () => (a({
       type: P.RegisterDroppable,
       element: {
@@ -2799,18 +2799,18 @@ function zo(e) {
     droppableRects: l,
     over: d,
     measureDroppableContainers: u
-  } = Eo(), c = Qe(In, n), h = a.rect !== null, f = O(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), v = s != null, g = s ? f.indexOf(s.id) : -1, b = d ? f.indexOf(d.id) : -1, m = L(f), p = !No(f, m.current), w = b !== -1 && g === -1 || p, C = Oo(i);
+  } = Eo(), c = Qe(In, n), h = a.rect !== null, f = O(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), v = s != null, g = s ? f.indexOf(s.id) : -1, b = d ? f.indexOf(d.id) : -1, w = L(f), p = !No(f, w.current), m = b !== -1 && g === -1 || p, C = Oo(i);
   fe(() => {
     p && v && u(f);
   }, [p, f, v, u]), M(() => {
-    m.current = f;
+    w.current = f;
   }, [f]);
   const D = O(
     () => ({
       activeIndex: g,
       containerId: c,
       disabled: C,
-      disableTransforms: w,
+      disableTransforms: m,
       items: f,
       overIndex: b,
       useDragOverlay: h,
@@ -2818,7 +2818,7 @@ function zo(e) {
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, c, C.draggable, C.droppable, w, f, b, l, h, o]
+    [g, c, C.draggable, C.droppable, m, f, b, l, h, o]
   );
   return q.createElement(kn.Provider, {
     value: D
@@ -2867,7 +2867,7 @@ function $o(e) {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
       if (l) {
-        const d = je(r.current, {
+        const d = Pe(r.current, {
           ignoreTransform: !0
         }), u = {
           x: l.left - d.left,
@@ -2903,9 +2903,9 @@ function Wo(e) {
     disableTransforms: v,
     sortedRects: g,
     overIndex: b,
-    useDragOverlay: m,
+    useDragOverlay: w,
     strategy: p
-  } = Ee(kn), w = Ho(r, f), C = u.indexOf(s), D = O(() => ({
+  } = Ee(kn), m = Ho(r, f), C = u.indexOf(s), D = O(() => ({
     sortable: {
       containerId: c,
       index: C,
@@ -2920,7 +2920,7 @@ function Wo(e) {
   } = To({
     id: s,
     data: D,
-    disabled: w.droppable,
+    disabled: m.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: R,
       ...l
@@ -2943,8 +2943,8 @@ function Wo(e) {
       ...Fo,
       ...n
     },
-    disabled: w.draggable
-  }), le = rr(N, J), W = !!S, he = W && !v && ot(h) && ot(b), Re = !m && k, Pe = Re && he ? ae : null, et = he ? Pe ?? (a ?? p)({
+    disabled: m.draggable
+  }), le = rr(N, J), W = !!S, he = W && !v && ot(h) && ot(b), Re = !w && k, Be = Re && he ? ae : null, et = he ? Be ?? (a ?? p)({
     rects: g,
     activeNodeRect: K,
     activeIndex: h,
@@ -2960,7 +2960,7 @@ function Wo(e) {
     items: u,
     newIndex: pe,
     containerId: c
-  }), Be = u !== A.current.items, ce = t({
+  }), Fe = u !== A.current.items, ce = t({
     active: S,
     containerId: c,
     isDragging: k,
@@ -3019,7 +3019,7 @@ function Wo(e) {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
       Ie || // Or to prevent items jumping to back to their "new" position when items change
-      Be && A.current.newIndex === C
+      Fe && A.current.newIndex === C
     )
       return Bo;
     if (!(Re && !Tt(Y) || !d) && (W || ce))
@@ -3074,7 +3074,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     listeners: v,
     setNodeRef: g,
     transform: b,
-    transition: m,
+    transition: w,
     isDragging: p
   } = Wo({
     id: e.key || `col-${t}`,
@@ -3084,7 +3084,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       duration: 250,
       easing: "cubic-bezier(0.25, 1, 0.5, 1)"
     }
-  }), w = Ce.useCallback(
+  }), m = Ce.useCallback(
     (y) => {
       d.current = y, g(y);
     },
@@ -3103,7 +3103,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     e.fixed ? x = p ? 1001 : 1e3 : p && (x = 100);
     const I = {
       transform: b ? qe.Translate.toString(b) : void 0,
-      transition: m || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
+      transition: w || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
       willChange: "transform",
       width: y,
       textAlign: oe.getTextAlign(e.align),
@@ -3126,7 +3126,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       I.right = `${N}px`;
     }
     return I;
-  }, D = Ue(
+  }, D = Me(
     "bu-group",
     oe.getThClasses({
       theme: l,
@@ -3139,12 +3139,11 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
   return /* @__PURE__ */ z.jsx(
     "th",
     {
-      ref: w,
+      ref: m,
       className: D,
       style: C(),
       ...f,
       ...v,
-      onClick: () => o(e),
       children: /* @__PURE__ */ z.jsxs(
         "div",
         {
@@ -3153,13 +3152,13 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
           children: [
             /* @__PURE__ */ z.jsxs("div", { className: "bu-flex bu-items-center", children: [
               e.renderHeader ? e.renderHeader([]) : e.title,
-              i(e),
+              i(e, o),
               e.renderEndIcon ? e.renderEndIcon() : null
             ] }),
             R && /* @__PURE__ */ z.jsx(
               "span",
               {
-                className: Ue(
+                className: Me(
                   oe.dragHandle({
                     theme: l
                   }),
@@ -3190,18 +3189,20 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     theme: l = "light"
   } = e, d = (c) => {
     c.filter && c.key && r(c.key, c.type);
-  }, u = (c) => {
+  }, u = (c, h) => {
     if (!c.filter || !c.key)
       return null;
-    const h = n[c.key] || V.default, f = l === "dark" ? "#EBECF5" : "#0A0A0A", v = "#F80", g = h !== V.default;
+    const f = n[c.key] || V.default, v = l === "dark" ? "#EBECF5" : "#0A0A0A", g = "#F80", b = f !== V.default;
     return /* @__PURE__ */ z.jsx(
       "span",
       {
-        className: Ue(
+        className: Me(
           "bu-inline-flex bu-align-middle bu-transition-opacity bu-duration-200",
-          "bu-ml-[4px]",
-          g ? "bu-opacity-100" : "bu-opacity-0 group-hover:bu-opacity-100"
+          "bu-ml-[4px] bu-cursor-pointer"
         ),
+        onClick: (w) => {
+          w.stopPropagation(), h(c);
+        },
         children: /* @__PURE__ */ z.jsxs(
           "svg",
           {
@@ -3210,21 +3211,25 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
             height: "10",
             viewBox: "0 0 6 10",
             fill: "none",
+            className: Me(
+              "bu-transition-opacity bu-duration-200",
+              b ? "bu-opacity-100" : "bu-opacity-0 group-hover:bu-opacity-100"
+            ),
             children: [
               /* @__PURE__ */ z.jsx(
                 "path",
                 {
                   d: "M5.4847 3.04301V4.10942H0.151367V3.04301L2.81803 0.376343L5.4847 3.04301Z",
-                  fill: h === V.asc ? v : f,
-                  fillOpacity: h === V.asc ? "1" : "0.2"
+                  fill: f === V.asc ? g : v,
+                  fillOpacity: f === V.asc ? "1" : "0.2"
                 }
               ),
               /* @__PURE__ */ z.jsx(
                 "path",
                 {
                   d: "M5.4847 5.89067V6.95707L2.81803 9.62374L0.151367 6.95707V5.89067H5.4847Z",
-                  fill: h === V.desc ? v : f,
-                  fillOpacity: h === V.desc ? "1" : "0.2"
+                  fill: f === V.desc ? g : v,
+                  fillOpacity: f === V.desc ? "1" : "0.2"
                 }
               )
             ]
@@ -3233,7 +3238,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       }
     );
   };
-  return /* @__PURE__ */ z.jsx("thead", { className: Ue(oe.thead({ theme: l }), i), children: /* @__PURE__ */ z.jsx("tr", { children: t.map((c, h) => /* @__PURE__ */ z.jsx(
+  return /* @__PURE__ */ z.jsx("thead", { className: Me(oe.thead({ theme: l }), i), children: /* @__PURE__ */ z.jsx("tr", { children: t.map((c, h) => /* @__PURE__ */ z.jsx(
     Yo,
     {
       column: c,
@@ -3270,7 +3275,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     if (u.onCell)
       return u.onCell(c, h);
   };
-  return /* @__PURE__ */ z.jsx("tbody", { className: Ue(oe.tbody({ theme: s }), i), children: n.map((u, c) => /* @__PURE__ */ z.jsx(
+  return /* @__PURE__ */ z.jsx("tbody", { className: Me(oe.tbody({ theme: s }), i), children: n.map((u, c) => /* @__PURE__ */ z.jsx(
     "tr",
     {
       id: e.rowIdPrefix ? `${e.rowIdPrefix}-${c}` : "",
@@ -3320,7 +3325,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     dragHandleIcon: h,
     maxHeight: f,
     rowIdPrefix: v
-  } = e, { theme: g } = Hn(), [b, m] = Ce.useState(t), [p, w] = Ce.useState({}), [C, D] = Ce.useState(null), R = pr(
+  } = e, { theme: g } = Hn(), [b, w] = Ce.useState(t), [p, m] = Ce.useState({}), [C, D] = Ce.useState(null), R = pr(
     Kt(Lt, {
       activationConstraint: {
         distance: 8
@@ -3330,7 +3335,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     Kt(Ot)
   );
   Ce.useEffect(() => {
-    m(t);
+    w(t);
   }, [t]);
   const y = (T, J) => {
     const U = p[T] || V.default;
@@ -3338,7 +3343,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     U === V.default ? k = V.desc : U === V.desc ? k = V.asc : k = V.default;
     const se = J || "single";
     let j;
-    if (se === "single" ? j = { [T]: k } : (j = { ...p, [T]: k }, k === V.default && delete j[T]), w(j), l)
+    if (se === "single" ? j = { [T]: k } : (j = { ...p, [T]: k }, k === V.default && delete j[T]), m(j), l)
       if (se === "single")
         l({ sortKey: T, sort: k });
       else {
@@ -3352,7 +3357,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     D(T.active.id);
   }, I = (T) => {
     const { active: J, over: U } = T;
-    D(null), !(!U || J.id === U.id) && m((k) => {
+    D(null), !(!U || J.id === U.id) && w((k) => {
       const se = k.findIndex((le) => le.key === J.id), j = k.findIndex((le) => le.key === U.id);
       if (se === -1 || j === -1 || k[j].fixed)
         return k;