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

package/dist/{ProTable-b2defffb.js → ProTable-68b5ea04.js}

@@ -1,24 +1,24 @@
 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 Me, u as Hn } from "./index-6ffbeca8.js";
+import q, { useLayoutEffect as Fn, useEffect as M, useRef as L, useMemo as O, useCallback as K, useState as ee, createContext as Je, memo as $n, useReducer as Hn, useContext as Ee } from "react";
+import { c as W, a as Me, u as Wn } 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", {
+const Yn = W("bu-w-full bu-rounded-lg", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), Kn = $("bu-w-full bu-border-collapse"), Un = $("bu-sticky bu-top-0 bu-z-[100]", {
+}), Kn = W("bu-w-full bu-border-collapse"), Un = W("bu-sticky bu-top-0 bu-z-[100]", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), rn = $(
+}), rn = W(
   "bu-relative bu-z-[999] bu-h-[25px] bu-select-none bu-border-b bu-px-[4px] bu-text-left bu-text-[12px] bu-font-medium bu-transition-all bu-duration-300",
   {
     variants: {
@@ -32,28 +32,28 @@ const Yn = $("bu-w-full bu-rounded-lg", {
       }
     }
   }
-), on = $("bu-sticky bu-left-0 bu-top-0 bu-z-[1000]", {
+), on = W("bu-sticky bu-left-0 bu-top-0 bu-z-[1000]", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), sn = $("bu-sticky bu-right-0 bu-top-0 bu-z-[1000]", {
+}), sn = W("bu-sticky bu-right-0 bu-top-0 bu-z-[1000]", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), Vn = $("bu-cursor-pointer", {
+}), Vn = W("bu-cursor-pointer", {
   variants: {
     theme: {
       light: "hover:bu-bg-light-hover-fill-primary",
       dark: "hover:bu-bg-dark-hover-fill-primary"
     }
   }
-}), qn = $(
+}), qn = W(
   "bu-pointer-events-auto bu-opacity-0 bu-transition-opacity bu-duration-200 group-hover:bu-opacity-100",
   {
     variants: {
@@ -63,14 +63,14 @@ const Yn = $("bu-w-full bu-rounded-lg", {
       }
     }
   }
-), an = $("bu-z-[1002] !bu-cursor-grabbing bu-opacity-60 bu-shadow-lg", {
+), an = W("bu-z-[1002] !bu-cursor-grabbing bu-opacity-60 bu-shadow-lg", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), Gn = $("bu-ml-2 bu-inline-flex bu-flex-col bu-align-middle"), Jn = $(
+}), Gn = W("bu-ml-2 bu-inline-flex bu-flex-col bu-align-middle"), Jn = W(
   "bu-h-0 bu-w-0 bu-border-l-4 bu-border-r-4 bu-border-transparent",
   {
     variants: {
@@ -88,42 +88,42 @@ const Yn = $("bu-w-full bu-rounded-lg", {
       }
     }
   }
-), _n = $("", {
+), _n = W("", {
   variants: {
     theme: {
       light: "bu-bg-light-background",
       dark: "bu-bg-dark-background"
     }
   }
-}), Zn = $("bu-group bu-border-b bu-transition-colors bu-duration-200", {
+}), Zn = W("bu-group bu-border-b bu-transition-colors bu-duration-200", {
   variants: {
     theme: {
       light: "bu-hover:bu-bg-light-fill-primary bu-border-light-line-primary",
       dark: "bu-hover:bu-bg-dark-fill-primary bu-border-dark-line-primary"
     }
   }
-}), ln = $("bu-h-[60px] bu-border-b bu-px-[4px] bu-text-[12px]", {
+}), ln = W("bu-h-[60px] bu-border-b bu-px-[4px] bu-text-[12px]", {
   variants: {
     theme: {
       light: "bu-border-light-line-primary bu-text-light-label group-hover:bu-bg-light-fill-primary",
       dark: "bu-border-dark-line-primary bu-text-dark-label group-hover:bu-bg-dark-fill-primary"
     }
   }
-}), cn = $("bu-sticky bu-left-0", {
+}), cn = W("bu-sticky bu-left-0", {
   variants: {
     theme: {
       light: "bu-bg-light-background group-hover:bu-bg-light-fill-primary",
       dark: "bu-bg-dark-background group-hover:bu-bg-dark-fill-primary"
     }
   }
-}), un = $("bu-sticky bu-right-0", {
+}), un = W("bu-sticky bu-right-0", {
   variants: {
     theme: {
       light: "bu-bg-light-background group-hover:bu-bg-light-fill-primary",
       dark: "bu-bg-dark-background group-hover:bu-bg-dark-fill-primary"
     }
   }
-}), Qn = $("bu-px-5 bu-py-10 bu-text-center", {
+}), Qn = W("bu-px-5 bu-py-10 bu-text-center", {
   variants: {
     theme: {
       light: "bu-text-light-label-60",
@@ -206,16 +206,16 @@ function kt(e) {
   const t = L(e);
   return fe(() => {
     t.current = e;
-  }), X(function() {
+  }), K(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
       r[o] = arguments[o];
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
 function or() {
-  const e = L(null), t = X((r, o) => {
+  const e = L(null), t = K((r, o) => {
     e.current = setInterval(r, o);
-  }, []), n = X(() => {
+  }, []), n = K(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
@@ -239,7 +239,7 @@ function Ze(e, t) {
   );
 }
 function at(e) {
-  const t = kt(e), n = L(null), r = X(
+  const t = kt(e), n = L(null), r = K(
     (o) => {
       o !== n.current && (t == null || t(o, n.current)), n.current = o;
     },
@@ -413,7 +413,7 @@ function ur(e) {
 function dr() {
   const [e, t] = ee("");
   return {
-    announce: X((r) => {
+    announce: K((r) => {
       r != null && t(r);
     }, []),
     announcement: e
@@ -429,8 +429,8 @@ function fr(e) {
   }, [e, t]);
 }
 function hr() {
-  const [e] = ee(() => /* @__PURE__ */ new Set()), t = X((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [X((r) => {
+  const [e] = ee(() => /* @__PURE__ */ new Set()), t = K((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [K((r) => {
     let {
       type: o,
       event: i
@@ -548,10 +548,10 @@ function vr(e) {
   }));
   return n ? Xn(u, n) : u;
 }
-var P;
+var F;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
-})(P || (P = {}));
+})(F || (F = {}));
 function ct() {
 }
 function Kt(e, t) {
@@ -830,10 +830,10 @@ function Dt(e) {
     y: pn(e)
   };
 }
-var B;
+var $;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(B || (B = {}));
+})($ || ($ = {}));
 function yn(e) {
   return !dt || !e ? !1 : e === document.scrollingElement;
 }
@@ -887,7 +887,7 @@ function zr(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !d && i <= t.top + g.height ? (f.y = B.Backward, v.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (f.y = B.Forward, v.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !h && a >= t.right - g.width ? (f.x = B.Forward, v.x = r * Math.abs((t.right - g.width - a) / g.width)) : !c && s <= t.left + g.width && (f.x = B.Backward, v.x = r * Math.abs((t.left + g.width - s) / g.width)), {
+  return !d && i <= t.top + g.height ? (f.y = $.Backward, v.y = r * Math.abs((t.top + g.height - i) / g.height)) : !u && l >= t.bottom - g.height && (f.y = $.Forward, v.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !h && a >= t.right - g.width ? (f.x = $.Forward, v.x = r * Math.abs((t.right - g.width - a) / g.width)) : !c && s <= t.left + g.width && (f.x = $.Backward, v.x = r * Math.abs((t.left + g.width - s) / g.width)), {
     direction: f,
     speed: v
   };
@@ -981,7 +981,7 @@ class Ye {
     (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function Wr(e) {
+function Hr(e) {
   const {
     EventTarget: t
   } = G(e);
@@ -998,38 +998,38 @@ var re;
 function qt(e) {
   e.preventDefault();
 }
-function Hr(e) {
+function Wr(e) {
   e.stopPropagation();
 }
-var E;
+var I;
 (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";
-})(E || (E = {}));
+})(I || (I = {}));
 const mn = {
-  start: [E.Space, E.Enter],
-  cancel: [E.Esc],
-  end: [E.Space, E.Enter, E.Tab]
+  start: [I.Space, I.Enter],
+  cancel: [I.Esc],
+  end: [I.Space, I.Enter, I.Tab]
 }, Xr = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
   switch (e.code) {
-    case E.Right:
+    case I.Right:
       return {
         ...n,
         x: n.x + 25
       };
-    case E.Left:
+    case I.Left:
       return {
         ...n,
         x: n.x - 25
       };
-    case E.Down:
+    case I.Down:
       return {
         ...n,
         y: n.y + 25
       };
-    case E.Up:
+    case I.Up:
       return {
         ...n,
         y: n.y - 25
@@ -1098,40 +1098,40 @@ class Ot {
         } = r.current;
         for (const g of v) {
           const b = t.code, {
-            isTop: w,
+            isTop: x,
             isRight: p,
-            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 && !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) {
+            isLeft: y,
+            isBottom: R,
+            maxScroll: S,
+            minScroll: E
+          } = xn(g), m = jr(g), w = {
+            x: Math.min(b === I.Right ? m.right - m.width / 2 : m.right, Math.max(b === I.Right ? m.left : m.left + m.width / 2, c.x)),
+            y: Math.min(b === I.Down ? m.bottom - m.height / 2 : m.bottom, Math.max(b === I.Down ? m.top : m.top + m.height / 2, c.y))
+          }, D = b === I.Right && !p || b === I.Left && !y, N = b === I.Down && !R || b === I.Up && !x;
+          if (D && w.x !== c.x) {
+            const C = g.scrollLeft + h.x, P = b === I.Right && C <= S.x || b === I.Left && C >= E.x;
+            if (P && !h.y) {
               g.scrollTo({
-                left: S,
+                left: C,
                 behavior: a
               });
               return;
             }
-            Y ? f.x = g.scrollLeft - S : f.x = b === E.Right ? g.scrollLeft - D.x : g.scrollLeft - R.x, f.x && g.scrollBy({
+            P ? f.x = g.scrollLeft - C : f.x = b === I.Right ? g.scrollLeft - S.x : g.scrollLeft - E.x, f.x && g.scrollBy({
               left: -f.x,
               behavior: a
             });
             break;
-          } else if (N && x.y !== c.y) {
-            const S = g.scrollTop + h.y, Y = b === E.Down && S <= D.y || b === E.Up && S >= R.y;
-            if (Y && !h.x) {
+          } else if (N && w.y !== c.y) {
+            const C = g.scrollTop + h.y, P = b === I.Down && C <= S.y || b === I.Up && C >= E.y;
+            if (P && !h.x) {
               g.scrollTo({
-                top: S,
+                top: C,
                 behavior: a
               });
               return;
             }
-            Y ? f.y = g.scrollTop - S : f.y = b === E.Down ? g.scrollTop - D.y : g.scrollTop - R.y, f.y && g.scrollBy({
+            P ? f.y = g.scrollTop - C : f.y = b === I.Down ? g.scrollTop - S.y : g.scrollTop - E.y, f.y && g.scrollBy({
               top: -f.y,
               behavior: a
             });
@@ -1194,7 +1194,7 @@ function Jt(e) {
 class Mt {
   constructor(t, n, r) {
     var o;
-    r === void 0 && (r = Wr(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    r === void 0 && (r = Hr(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
     const {
       event: i
     } = t, {
@@ -1248,7 +1248,7 @@ class Mt {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(re.Click, Hr, {
+    t && (this.activated = !0, this.documentListeners.add(re.Click, Wr, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(re.SelectionChange, this.removeTextSelection), n(t));
   }
@@ -1296,7 +1296,7 @@ class Mt {
     this.detach(), this.activated || t(this.props.active), n();
   }
   handleKeydown(t) {
-    t.code === E.Esc && this.handleCancel();
+    t.code === I.Esc && this.handleCancel();
   }
   removeTextSelection() {
     var t;
@@ -1436,7 +1436,7 @@ function qr(e) {
   }), [v, g] = or(), b = L({
     x: 0,
     y: 0
-  }), w = L({
+  }), x = L({
     x: 0,
     y: 0
   }), p = O(() => {
@@ -1451,40 +1451,40 @@ function qr(e) {
       case Ke.DraggableRect:
         return o;
     }
-  }, [n, o, l]), m = L(null), C = X(() => {
-    const R = m.current;
-    if (!R)
+  }, [n, o, l]), y = L(null), R = K(() => {
+    const E = y.current;
+    if (!E)
       return;
-    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]);
+    const m = b.current.x * x.current.x, w = b.current.y * x.current.y;
+    E.scrollBy(m, w);
+  }, []), S = O(() => a === ut.TreeOrder ? [...d].reverse() : d, [a, d]);
   M(
     () => {
       if (!i || !d.length || !p) {
         g();
         return;
       }
-      for (const R of D) {
-        if ((r == null ? void 0 : r(R)) === !1)
+      for (const E of S) {
+        if ((r == null ? void 0 : r(E)) === !1)
           continue;
-        const y = d.indexOf(R), x = u[y];
-        if (!x)
+        const m = d.indexOf(E), w = u[m];
+        if (!w)
           continue;
         const {
-          direction: I,
+          direction: D,
           speed: N
-        } = zr(R, x, p, t, h);
-        for (const S of ["x", "y"])
-          f[S][I[S]] || (N[S] = 0, I[S] = 0);
+        } = zr(E, w, p, t, h);
+        for (const C of ["x", "y"])
+          f[C][D[C]] || (N[C] = 0, D[C] = 0);
         if (N.x > 0 || N.y > 0) {
-          g(), m.current = R, v(C, s), b.current = N, w.current = I;
+          g(), y.current = E, v(R, s), b.current = N, x.current = D;
           return;
         }
       }
       b.current = {
         x: 0,
         y: 0
-      }, w.current = {
+      }, x.current = {
         x: 0,
         y: 0
       }, g();
@@ -1492,7 +1492,7 @@ function qr(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      C,
+      R,
       r,
       g,
       i,
@@ -1503,7 +1503,7 @@ function qr(e) {
       JSON.stringify(f),
       v,
       d,
-      D,
+      S,
       u,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(h)
@@ -1512,12 +1512,12 @@ function qr(e) {
 }
 const Gr = {
   x: {
-    [B.Backward]: !1,
-    [B.Forward]: !1
+    [$.Backward]: !1,
+    [$.Forward]: !1
   },
   y: {
-    [B.Backward]: !1,
-    [B.Forward]: !1
+    [$.Backward]: !1,
+    [$.Forward]: !1
   }
 };
 function Jr(e) {
@@ -1535,12 +1535,12 @@ function Jr(e) {
     };
     return {
       x: {
-        [B.Backward]: o.x[B.Backward] || i.x === -1,
-        [B.Forward]: o.x[B.Forward] || i.x === 1
+        [$.Backward]: o.x[$.Backward] || i.x === -1,
+        [$.Forward]: o.x[$.Forward] || i.x === 1
       },
       y: {
-        [B.Backward]: o.y[B.Backward] || i.y === -1,
-        [B.Forward]: o.y[B.Forward] || i.y === 1
+        [$.Backward]: o.y[$.Backward] || i.y === -1,
+        [$.Forward]: o.y[$.Forward] || i.y === 1
       }
     };
   }, [n, t, r]);
@@ -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(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) => {
+  } = o, u = L(e), c = b(), h = Ve(c), f = K(function(x) {
+    x === void 0 && (x = []), !h.current && s((p) => p === null ? x : p.concat(x.filter((y) => !p.includes(y))));
+  }, [h]), v = L(null), g = Ze((x) => {
     if (c && !n)
       return _t;
-    if (!w || w === _t || u.current !== e || i != null) {
+    if (!x || x === _t || u.current !== e || i != null) {
       const p = /* @__PURE__ */ new Map();
-      for (let m of e) {
-        if (!m)
+      for (let y of e) {
+        if (!y)
           continue;
-        if (i && i.length > 0 && !i.includes(m.id) && m.rect.current) {
-          p.set(m.id, m.rect.current);
+        if (i && i.length > 0 && !i.includes(y.id) && y.rect.current) {
+          p.set(y.id, y.rect.current);
           continue;
         }
-        const C = m.node.current, D = C ? new Nt(l(C), C) : null;
-        m.rect.current = D, D && p.set(m.id, D);
+        const R = y.node.current, S = R ? new Nt(l(R), R) : null;
+        y.rect.current = S, S && p.set(y.id, S);
       }
       return p;
     }
-    return w;
+    return x;
   }, [e, i, n, c, l]);
   return M(() => {
     u.current = e;
@@ -1735,7 +1735,7 @@ function oo(e) {
   }, [e]), n;
 }
 function io(e) {
-  const [t, n] = ee(null), r = L(e), o = X((i) => {
+  const [t, n] = ee(null), r = L(e), o = K((i) => {
     const s = yt(i.target);
     s && n((a) => a ? (a.set(s, Dt(s)), new Map(a)) : null);
   }, []);
@@ -1842,7 +1842,7 @@ function uo(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = ee(null), o = X((d) => {
+  const [n, r] = ee(null), o = K((d) => {
     for (const {
       target: u
     } of d)
@@ -1859,7 +1859,7 @@ function uo(e) {
       }
   }, [t]), i = ft({
     callback: o
-  }), s = X((d) => {
+  }), s = K((d) => {
     const u = co(d);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, l] = at(s);
@@ -1969,7 +1969,7 @@ function vo() {
 }
 function po(e, t) {
   switch (t.type) {
-    case P.DragStart:
+    case F.DragStart:
       return {
         ...e,
         draggable: {
@@ -1978,7 +1978,7 @@ function po(e, t) {
           active: t.active
         }
       };
-    case P.DragMove:
+    case F.DragMove:
       return e.draggable.active == null ? e : {
         ...e,
         draggable: {
@@ -1989,8 +1989,8 @@ function po(e, t) {
           }
         }
       };
-    case P.DragEnd:
-    case P.DragCancel:
+    case F.DragEnd:
+    case F.DragCancel:
       return {
         ...e,
         draggable: {
@@ -2006,7 +2006,7 @@ function po(e, t) {
           }
         }
       };
-    case P.RegisterDroppable: {
+    case F.RegisterDroppable: {
       const {
         element: n
       } = t, {
@@ -2020,7 +2020,7 @@ function po(e, t) {
         }
       };
     }
-    case P.SetDroppableDisabled: {
+    case F.SetDroppableDisabled: {
       const {
         id: n,
         key: r,
@@ -2040,7 +2040,7 @@ function po(e, t) {
         }
       };
     }
-    case P.UnregisterDroppable: {
+    case F.UnregisterDroppable: {
       const {
         id: n,
         key: r
@@ -2182,49 +2182,49 @@ const So = /* @__PURE__ */ $n(function(t) {
     modifiers: f,
     ...v
   } = t;
-  const g = Wn(po, void 0, vo), [b, w] = g, [p, m] = hr(), [C, D] = ee(De.Uninitialized), R = C === De.Initialized, {
+  const g = Hn(po, void 0, vo), [b, x] = g, [p, y] = hr(), [R, S] = ee(De.Uninitialized), E = R === De.Initialized, {
     draggable: {
-      active: y,
-      nodes: x,
-      translate: I
+      active: m,
+      nodes: w,
+      translate: D
     },
     droppable: {
       containers: N
     }
-  } = b, S = y != null ? x.get(y) : null, Y = L({
+  } = b, C = m != null ? w.get(m) : null, P = L({
     initial: null,
     translated: null
-  }), K = O(() => {
-    var H;
-    return y != null ? {
-      id: y,
+  }), j = O(() => {
+    var Y;
+    return m != null ? {
+      id: m,
       // It's possible for the active node to unmount while dragging
-      data: (H = S == null ? void 0 : S.data) != null ? H : ho,
-      rect: Y
+      data: (Y = C == null ? void 0 : C.data) != null ? Y : ho,
+      rect: P
     } : null;
-  }, [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), {
+  }, [m, C]), T = L(null), [J, U] = ee(null), [k, se] = ee(null), B = Ve(v, Object.values(v)), ae = Qe("DndDescribedBy", s), le = O(() => N.getEnabled(), [N]), X = wo(h), {
     droppableRects: he,
     measureDroppableContainers: Re,
     measuringScheduled: Be
   } = Qr(le, {
-    dragging: R,
-    dependencies: [I.x, I.y],
-    config: W.droppable
-  }), te = _r(x, y), et = O(() => k ? St(k) : null, [k]), pe = Bn(), ge = eo(te, W.draggable.measure);
+    dragging: E,
+    dependencies: [D.x, D.y],
+    config: X.droppable
+  }), te = _r(w, m), et = O(() => k ? St(k) : null, [k]), pe = Bn(), ge = eo(te, X.draggable.measure);
   mo({
-    activeNode: y != null ? x.get(y) : null,
+    activeNode: m != null ? w.get(m) : null,
     config: pe.layoutShiftCompensation,
     initialRect: ge,
-    measure: W.draggable.measure
+    measure: X.draggable.measure
   });
-  const A = Zt(te, W.draggable.measure, ge), Fe = Zt(te ? te.parentElement : null), ce = L({
+  const A = Zt(te, X.draggable.measure, ge), Fe = Zt(te ? te.parentElement : null), ce = L({
     activatorEvent: null,
     active: null,
     activeNode: te,
     collisionRect: null,
     collisions: null,
     droppableRects: he,
-    draggableNodes: x,
+    draggableNodes: w,
     draggingNode: null,
     draggingNodeRect: null,
     droppableContainers: N,
@@ -2232,16 +2232,16 @@ const So = /* @__PURE__ */ $n(function(t) {
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
   }), Ie = N.getNodeFor((n = ce.current.over) == null ? void 0 : n.id), be = uo({
-    measure: W.dragOverlay.measure
-  }), ke = (r = be.nodeRef.current) != null ? r : te, Te = R ? (o = be.rect) != null ? o : A : null, jt = !!(be.nodeRef.current && be.rect), Pt = ro(jt ? null : A), gt = Dn(ke ? G(ke) : null), ye = oo(R ? Ie ?? te : null), tt = lo(ye), nt = xo(f, {
+    measure: X.dragOverlay.measure
+  }), ke = (r = be.nodeRef.current) != null ? r : te, Te = E ? (o = be.rect) != null ? o : A : null, jt = !!(be.nodeRef.current && be.rect), Pt = ro(jt ? null : A), gt = Dn(ke ? G(ke) : null), ye = oo(E ? Ie ?? te : null), tt = lo(ye), nt = xo(f, {
     transform: {
-      x: I.x - Pt.x,
-      y: I.y - Pt.y,
+      x: D.x - Pt.x,
+      y: D.y - Pt.y,
       scaleX: 1,
       scaleY: 1
     },
     activatorEvent: k,
-    active: K,
+    active: j,
     activeNodeRect: A,
     containerNodeRect: Fe,
     draggingNodeRect: Te,
@@ -2250,24 +2250,24 @@ const So = /* @__PURE__ */ $n(function(t) {
     scrollableAncestors: ye,
     scrollableAncestorRects: tt,
     windowRect: gt
-  }), 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,
+  }), Bt = et ? Le(et, D) : null, Ft = io(ye), Nn = en(Ft), On = en(Ft, [A]), Ae = Le(nt, Nn), Ne = Te ? Ir(Te, nt) : null, $e = j && Ne ? c({
+    active: j,
     collisionRect: Ne,
     droppableRects: he,
     droppableContainers: le,
     pointerCoordinates: Bt
-  }) : 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, _) => {
+  }) : null, $t = mr($e, "id"), [xe, Ht] = 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), Wt = K(
+    (Y, _) => {
       let {
         sensor: Z,
         options: we
       } = _;
       if (T.current == null)
         return;
-      const ne = x.get(T.current);
+      const ne = w.get(T.current);
       if (!ne)
         return;
-      const Q = H.nativeEvent, ue = new Z({
+      const Q = Y.nativeEvent, ue = new Z({
         active: T.current,
         activeNode: ne,
         event: Q,
@@ -2275,101 +2275,101 @@ const So = /* @__PURE__ */ $n(function(t) {
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: ce,
-        onAbort(F) {
-          if (!x.get(F))
+        onAbort(H) {
+          if (!w.get(H))
             return;
           const {
             onDragAbort: de
-          } = j.current, ve = {
-            id: F
+          } = B.current, ve = {
+            id: H
           };
           de == null || de(ve), p({
             type: "onDragAbort",
             event: ve
           });
         },
-        onPending(F, me, de, ve) {
-          if (!x.get(F))
+        onPending(H, me, de, ve) {
+          if (!w.get(H))
             return;
           const {
-            onDragPending: He
-          } = j.current, Se = {
-            id: F,
+            onDragPending: We
+          } = B.current, Se = {
+            id: H,
             constraint: me,
             initialCoordinates: de,
             offset: ve
           };
-          He == null || He(Se), p({
+          We == null || We(Se), p({
             type: "onDragPending",
             event: Se
           });
         },
-        onStart(F) {
+        onStart(H) {
           const me = T.current;
           if (me == null)
             return;
-          const de = x.get(me);
+          const de = w.get(me);
           if (!de)
             return;
           const {
             onDragStart: ve
-          } = j.current, We = {
+          } = B.current, He = {
             activatorEvent: Q,
             active: {
               id: me,
               data: de.data,
-              rect: Y
+              rect: P
             }
           };
           rt(() => {
-            ve == null || ve(We), D(De.Initializing), w({
-              type: P.DragStart,
-              initialCoordinates: F,
+            ve == null || ve(He), S(De.Initializing), x({
+              type: F.DragStart,
+              initialCoordinates: H,
               active: me
             }), p({
               type: "onDragStart",
-              event: We
+              event: He
             }), U(bt.current), se(Q);
           });
         },
-        onMove(F) {
-          w({
-            type: P.DragMove,
-            coordinates: F
+        onMove(H) {
+          x({
+            type: F.DragMove,
+            coordinates: H
           });
         },
-        onEnd: Oe(P.DragEnd),
-        onCancel: Oe(P.DragCancel)
+        onEnd: Oe(F.DragEnd),
+        onCancel: Oe(F.DragCancel)
       });
       bt.current = ue;
-      function Oe(F) {
+      function Oe(H) {
         return async function() {
           const {
             active: de,
             collisions: ve,
-            over: We,
-            scrollAdjustedTranslate: He
+            over: He,
+            scrollAdjustedTranslate: We
           } = ce.current;
           let Se = null;
-          if (de && He) {
+          if (de && We) {
             const {
               cancelDrop: Xe
-            } = j.current;
+            } = B.current;
             Se = {
               activatorEvent: Q,
               active: de,
               collisions: ve,
-              delta: He,
-              over: We
-            }, F === P.DragEnd && typeof Xe == "function" && await Promise.resolve(Xe(Se)) && (F = P.DragCancel);
+              delta: We,
+              over: He
+            }, H === F.DragEnd && typeof Xe == "function" && await Promise.resolve(Xe(Se)) && (H = F.DragCancel);
           }
           T.current = null, rt(() => {
-            w({
-              type: F
-            }), D(De.Uninitialized), Wt(null), U(null), se(null), bt.current = null;
-            const Xe = F === P.DragEnd ? "onDragEnd" : "onDragCancel";
+            x({
+              type: H
+            }), S(De.Uninitialized), Ht(null), U(null), se(null), bt.current = null;
+            const Xe = H === F.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Se) {
-              const vt = j.current[Xe];
+              const vt = B.current[Xe];
               vt == null || vt(Se), p({
                 type: Xe,
                 event: Se
@@ -2380,9 +2380,9 @@ const So = /* @__PURE__ */ $n(function(t) {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [x]
-  ), zn = X((H, _) => (Z, we) => {
-    const ne = Z.nativeEvent, Q = x.get(we);
+    [w]
+  ), zn = K((Y, _) => (Z, we) => {
+    const ne = Z.nativeEvent, Q = w.get(we);
     if (
       // Another sensor is already instantiating
       T.current !== null || // No active draggable
@@ -2393,17 +2393,17 @@ const So = /* @__PURE__ */ $n(function(t) {
     const ue = {
       active: Q
     };
-    H(Z, _.options, ue) === !0 && (ne.dndKit = {
+    Y(Z, _.options, ue) === !0 && (ne.dndKit = {
       capturedBy: _.sensor
-    }, T.current = we, Ht(Z, _));
-  }, [x, Ht]), Xt = Zr(u, zn);
+    }, T.current = we, Wt(Z, _));
+  }, [w, Wt]), Xt = Zr(u, zn);
   so(u), fe(() => {
-    A && C === De.Initializing && D(De.Initialized);
-  }, [A, C]), M(
+    A && R === De.Initializing && S(De.Initialized);
+  }, [A, R]), M(
     () => {
       const {
-        onDragMove: H
-      } = j.current, {
+        onDragMove: Y
+      } = B.current, {
         active: _,
         activatorEvent: Z,
         collisions: we,
@@ -2422,7 +2422,7 @@ const So = /* @__PURE__ */ $n(function(t) {
         over: ne
       };
       rt(() => {
-        H == null || H(Q), p({
+        Y == null || Y(Q), p({
           type: "onDragMove",
           event: Q
         });
@@ -2433,23 +2433,23 @@ const So = /* @__PURE__ */ $n(function(t) {
   ), M(
     () => {
       const {
-        active: H,
+        active: Y,
         activatorEvent: _,
         collisions: Z,
         droppableContainers: we,
         scrollAdjustedTranslate: ne
       } = ce.current;
-      if (!H || T.current == null || !_ || !ne)
+      if (!Y || T.current == null || !_ || !ne)
         return;
       const {
         onDragOver: Q
-      } = j.current, ue = we.get($t), Oe = ue && ue.rect.current ? {
+      } = B.current, ue = we.get($t), Oe = ue && ue.rect.current ? {
         id: ue.id,
         rect: ue.rect.current,
         data: ue.data,
         disabled: ue.disabled
-      } : null, F = {
-        active: H,
+      } : null, H = {
+        active: Y,
         activatorEvent: _,
         collisions: Z,
         delta: {
@@ -2459,9 +2459,9 @@ const So = /* @__PURE__ */ $n(function(t) {
         over: Oe
       };
       rt(() => {
-        Wt(Oe), Q == null || Q(F), p({
+        Ht(Oe), Q == null || Q(H), p({
           type: "onDragOver",
-          event: F
+          event: H
         });
       });
     },
@@ -2470,63 +2470,63 @@ const So = /* @__PURE__ */ $n(function(t) {
   ), fe(() => {
     ce.current = {
       activatorEvent: k,
-      active: K,
+      active: j,
       activeNode: te,
       collisionRect: Ne,
       collisions: $e,
       droppableRects: he,
-      draggableNodes: x,
+      draggableNodes: w,
       draggingNode: ke,
       draggingNodeRect: Te,
       droppableContainers: N,
       over: xe,
       scrollableAncestors: ye,
       scrollAdjustedTranslate: Ae
-    }, Y.current = {
+    }, P.current = {
       initial: Te,
       translated: Ne
     };
-  }, [K, te, $e, Ne, x, ke, Te, he, N, xe, ye, Ae]), qr({
+  }, [j, te, $e, Ne, w, ke, Te, he, N, xe, ye, Ae]), qr({
     ...pe,
-    delta: I,
+    delta: D,
     draggingRect: Ne,
     pointerCoordinates: Bt,
     scrollableAncestors: ye,
     scrollableAncestorRects: tt
   });
   const jn = O(() => ({
-    active: K,
+    active: j,
     activeNode: te,
     activeNodeRect: A,
     activatorEvent: k,
     collisions: $e,
     containerNodeRect: Fe,
     dragOverlay: be,
-    draggableNodes: x,
+    draggableNodes: w,
     droppableContainers: N,
     droppableRects: he,
     over: xe,
     measureDroppableContainers: Re,
     scrollableAncestors: ye,
     scrollableAncestorRects: tt,
-    measuringConfiguration: W,
+    measuringConfiguration: X,
     measuringScheduled: Be,
     windowRect: gt
-  }), [K, te, A, k, $e, Fe, be, x, N, he, xe, Re, ye, tt, W, Be, gt]), Pn = O(() => ({
+  }), [j, te, A, k, $e, Fe, be, w, N, he, xe, Re, ye, tt, X, Be, gt]), Pn = O(() => ({
     activatorEvent: k,
     activators: Xt,
-    active: K,
+    active: j,
     activeNodeRect: A,
     ariaDescribedById: {
       draggable: ae
     },
-    dispatch: w,
-    draggableNodes: x,
+    dispatch: x,
+    draggableNodes: w,
     over: xe,
     measureDroppableContainers: Re
-  }), [k, Xt, K, A, w, ae, x, xe, Re]);
+  }), [k, Xt, j, A, x, ae, w, xe, Re]);
   return q.createElement(hn.Provider, {
-    value: m
+    value: y
   }, q.createElement(ht.Provider, {
     value: Pn
   }, q.createElement(Cn.Provider, {
@@ -2540,7 +2540,7 @@ const So = /* @__PURE__ */ $n(function(t) {
     hiddenTextDescribedById: ae
   }));
   function Bn() {
-    const H = (J == null ? void 0 : J.autoScrollEnabled) === !1, _ = typeof l == "object" ? l.enabled === !1 : l === !1, Z = R && !H && !_;
+    const Y = (J == null ? void 0 : J.autoScrollEnabled) === !1, _ = typeof l == "object" ? l.enabled === !1 : l === !1, Z = E && !Y && !_;
     return typeof l == "object" ? {
       ...l,
       enabled: Z
@@ -2568,22 +2568,22 @@ function Ro(e) {
     role: f = nn,
     roleDescription: v = "draggable",
     tabIndex: g = 0
-  } = 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);
+  } = o ?? {}, b = (l == null ? void 0 : l.id) === t, x = Ee(b ? Rn : Do), [p, y] = at(), [R, S] = at(), E = ao(s, t), m = Ve(n);
   fe(
     () => (c.set(t, {
       id: t,
       key: i,
       node: p,
-      activatorNode: C,
-      data: y
+      activatorNode: R,
+      data: m
     }), () => {
-      const I = c.get(t);
-      I && I.key === i && c.delete(t);
+      const D = c.get(t);
+      D && D.key === i && c.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [c, t]
   );
-  const x = O(() => ({
+  const w = O(() => ({
     role: f,
     tabIndex: g,
     "aria-disabled": r,
@@ -2595,14 +2595,14 @@ function Ro(e) {
     active: l,
     activatorEvent: a,
     activeNodeRect: d,
-    attributes: x,
+    attributes: w,
     isDragging: b,
-    listeners: r ? void 0 : R,
+    listeners: r ? void 0 : E,
     node: p,
     over: h,
-    setNodeRef: m,
-    setActivatorNodeRef: D,
-    transform: w
+    setNodeRef: y,
+    setActivatorNodeRef: S,
+    transform: x
   };
 }
 function Eo() {
@@ -2632,39 +2632,39 @@ function To(e) {
   } = {
     ...ko,
     ...o
-  }, w = Ve(g ?? r), p = X(
+  }, x = Ve(g ?? r), p = K(
     () => {
       if (!c.current) {
         c.current = !0;
         return;
       }
       f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
-        d(Array.isArray(w.current) ? w.current : [w.current]), f.current = null;
+        d(Array.isArray(x.current) ? x.current : [x.current]), f.current = null;
       }, b);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [b]
-  ), m = ft({
+  ), y = ft({
     callback: p,
     disabled: v || !s
-  }), C = X((x, I) => {
-    m && (I && (m.unobserve(I), c.current = !1), x && m.observe(x));
-  }, [m]), [D, R] = at(C), y = Ve(t);
+  }), R = K((w, D) => {
+    y && (D && (y.unobserve(D), c.current = !1), w && y.observe(w));
+  }, [y]), [S, E] = at(R), m = Ve(t);
   return M(() => {
-    !m || !D.current || (m.disconnect(), c.current = !1, m.observe(D.current));
-  }, [D, m]), M(
+    !y || !S.current || (y.disconnect(), c.current = !1, y.observe(S.current));
+  }, [S, y]), M(
     () => (a({
-      type: P.RegisterDroppable,
+      type: F.RegisterDroppable,
       element: {
         id: r,
         key: i,
         disabled: n,
-        node: D,
+        node: S,
         rect: h,
-        data: y
+        data: m
       }
     }), () => a({
-      type: P.UnregisterDroppable,
+      type: F.UnregisterDroppable,
       key: i,
       id: r
     })),
@@ -2672,7 +2672,7 @@ function To(e) {
     [r]
   ), M(() => {
     n !== u.current.disabled && (a({
-      type: P.SetDroppableDisabled,
+      type: F.SetDroppableDisabled,
       id: r,
       key: i,
       disabled: n
@@ -2681,9 +2681,9 @@ function To(e) {
     active: s,
     rect: h,
     isOver: (l == null ? void 0 : l.id) === r,
-    node: D,
+    node: S,
     over: l,
-    setNodeRef: R
+    setNodeRef: E
   };
 }
 function zt(e, t, n) {
@@ -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, w = L(f), p = !No(f, w.current), m = b !== -1 && g === -1 || p, C = Oo(i);
+  } = Eo(), c = Qe(In, n), h = a.rect !== null, f = O(() => r.map((E) => typeof E == "object" && "id" in E ? E.id : E), [r]), v = s != null, g = s ? f.indexOf(s.id) : -1, b = d ? f.indexOf(d.id) : -1, x = L(f), p = !No(f, x.current), y = b !== -1 && g === -1 || p, R = Oo(i);
   fe(() => {
     p && v && u(f);
   }, [p, f, v, u]), M(() => {
-    w.current = f;
+    x.current = f;
   }, [f]);
-  const D = O(
+  const S = O(
     () => ({
       activeIndex: g,
       containerId: c,
-      disabled: C,
-      disableTransforms: m,
+      disabled: R,
+      disableTransforms: y,
       items: f,
       overIndex: b,
       useDragOverlay: h,
@@ -2818,10 +2818,10 @@ function zo(e) {
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g, c, C.draggable, C.droppable, m, f, b, l, h, o]
+    [g, c, R.draggable, R.droppable, y, f, b, l, h, o]
   );
   return q.createElement(kn.Provider, {
-    value: D
+    value: S
   }, t);
 }
 const jo = (e) => {
@@ -2883,7 +2883,7 @@ function $o(e) {
     i && s(null);
   }, [i]), i;
 }
-function Wo(e) {
+function Ho(e) {
   let {
     animateLayoutChanges: t = Tn,
     attributes: n,
@@ -2903,70 +2903,70 @@ function Wo(e) {
     disableTransforms: v,
     sortedRects: g,
     overIndex: b,
-    useDragOverlay: w,
+    useDragOverlay: x,
     strategy: p
-  } = Ee(kn), m = Ho(r, f), C = u.indexOf(s), D = O(() => ({
+  } = Ee(kn), y = Wo(r, f), R = u.indexOf(s), S = O(() => ({
     sortable: {
       containerId: c,
-      index: C,
+      index: R,
       items: u
     },
     ...o
-  }), [c, o, C, u]), R = O(() => u.slice(u.indexOf(s)), [u, s]), {
-    rect: y,
-    node: x,
-    isOver: I,
+  }), [c, o, R, u]), E = O(() => u.slice(u.indexOf(s)), [u, s]), {
+    rect: m,
+    node: w,
+    isOver: D,
     setNodeRef: N
   } = To({
     id: s,
-    data: D,
-    disabled: m.droppable,
+    data: S,
+    disabled: y.droppable,
     resizeObserverConfig: {
-      updateMeasurementsFor: R,
+      updateMeasurementsFor: E,
       ...l
     }
   }), {
-    active: S,
-    activatorEvent: Y,
-    activeNodeRect: K,
+    active: C,
+    activatorEvent: P,
+    activeNodeRect: j,
     attributes: T,
     setNodeRef: J,
     listeners: U,
     isDragging: k,
     over: se,
-    setActivatorNodeRef: j,
+    setActivatorNodeRef: B,
     transform: ae
   } = Ro({
     id: s,
-    data: D,
+    data: S,
     attributes: {
       ...Fo,
       ...n
     },
-    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)({
+    disabled: y.draggable
+  }), le = rr(N, J), X = !!C, he = X && !v && ot(h) && ot(b), Re = !x && k, Be = Re && he ? ae : null, et = he ? Be ?? (a ?? p)({
     rects: g,
-    activeNodeRect: K,
+    activeNodeRect: j,
     activeIndex: h,
     overIndex: b,
-    index: C
+    index: R
   }) : null, pe = ot(h) && ot(b) ? i({
     id: s,
     items: u,
     activeIndex: h,
     overIndex: b
-  }) : C, ge = S == null ? void 0 : S.id, A = L({
+  }) : R, ge = C == null ? void 0 : C.id, A = L({
     activeId: ge,
     items: u,
     newIndex: pe,
     containerId: c
   }), Fe = u !== A.current.items, ce = t({
-    active: S,
+    active: C,
     containerId: c,
     isDragging: k,
-    isSorting: W,
+    isSorting: X,
     id: s,
-    index: C,
+    index: R,
     items: u,
     newIndex: A.current.newIndex,
     previousItems: A.current.items,
@@ -2975,13 +2975,13 @@ function Wo(e) {
     wasDragging: A.current.activeId != null
   }), Ie = $o({
     disabled: !ce,
-    index: C,
-    node: x,
-    rect: y
+    index: R,
+    node: w,
+    rect: m
   });
   return M(() => {
-    W && A.current.newIndex !== pe && (A.current.newIndex = pe), c !== A.current.containerId && (A.current.containerId = c), u !== A.current.items && (A.current.items = u);
-  }, [W, pe, c, u]), M(() => {
+    X && A.current.newIndex !== pe && (A.current.newIndex = pe), c !== A.current.containerId && (A.current.containerId = c), u !== A.current.items && (A.current.items = u);
+  }, [X, pe, c, u]), M(() => {
     if (ge === A.current.activeId)
       return;
     if (ge != null && A.current.activeId == null) {
@@ -2993,23 +2993,23 @@ function Wo(e) {
     }, 50);
     return () => clearTimeout(ke);
   }, [ge]), {
-    active: S,
+    active: C,
     activeIndex: h,
     attributes: T,
-    data: D,
-    rect: y,
-    index: C,
+    data: S,
+    rect: m,
+    index: R,
     newIndex: pe,
     items: u,
-    isOver: I,
-    isSorting: W,
+    isOver: D,
+    isSorting: X,
     isDragging: k,
     listeners: U,
-    node: x,
+    node: w,
     overIndex: b,
     over: se,
     setNodeRef: le,
-    setActivatorNodeRef: j,
+    setActivatorNodeRef: B,
     setDroppableNodeRef: N,
     setDraggableNodeRef: J,
     transform: Ie ?? et,
@@ -3019,17 +3019,17 @@ 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
-      Fe && A.current.newIndex === C
+      Fe && A.current.newIndex === R
     )
       return Bo;
-    if (!(Re && !Tt(Y) || !d) && (W || ce))
+    if (!(Re && !Tt(P) || !d) && (X || ce))
       return qe.Transition.toString({
         ...d,
         property: An
       });
   }
 }
-function Ho(e, t) {
+function Wo(e, t) {
   var n, r;
   return typeof e == "boolean" ? {
     draggable: e,
@@ -3040,7 +3040,7 @@ function Ho(e, t) {
     droppable: (r = e == null ? void 0 : e.droppable) != null ? r : t.droppable
   };
 }
-E.Down, E.Right, E.Up, E.Left;
+I.Down, I.Right, I.Up, I.Left;
 const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
   "svg",
   {
@@ -3066,17 +3066,17 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
   dragHandleIcon: a,
   theme: l = "light"
 }) => {
-  const d = Ce.useRef(null), [u, c] = Ce.useState(null), h = (y) => {
-    const { isSorting: x, wasDragging: I } = y;
-    return x || I ? Tn(y) : !0;
+  const d = Ce.useRef(null), [u, c] = Ce.useState(null), h = (D) => {
+    const { isSorting: N, wasDragging: C } = D;
+    return N || C ? Tn(D) : !0;
   }, {
     attributes: f,
     listeners: v,
     setNodeRef: g,
     transform: b,
-    transition: w,
+    transition: x,
     isDragging: p
-  } = Wo({
+  } = Ho({
     id: e.key || `col-${t}`,
     disabled: !s || !!e.fixed,
     animateLayoutChanges: h,
@@ -3084,49 +3084,49 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       duration: 250,
       easing: "cubic-bezier(0.25, 1, 0.5, 1)"
     }
-  }), m = Ce.useCallback(
-    (y) => {
-      d.current = y, g(y);
+  }), y = Ce.useCallback(
+    (D) => {
+      d.current = D, g(D);
     },
     [g]
   );
   Ce.useEffect(() => {
     if (p && d.current) {
-      const y = d.current.getBoundingClientRect().width;
-      c(y);
+      const D = d.current.getBoundingClientRect().width;
+      c(D);
     } else
       p || c(null);
   }, [p]);
-  const C = () => {
-    const y = p && u ? `${u}px` : e.width || "auto";
-    let x = "auto";
-    e.fixed ? x = p ? 1001 : 1e3 : p && (x = 100);
-    const I = {
+  const R = () => {
+    const D = p && u ? `${u}px` : e.width || "auto";
+    let N = "auto";
+    e.fixed ? N = p ? 1001 : 1e3 : p && (N = 100);
+    const C = {
       transform: b ? qe.Translate.toString(b) : void 0,
-      transition: w || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
+      transition: x || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
       willChange: "transform",
-      width: y,
+      width: D,
       textAlign: oe.getTextAlign(e.align),
       opacity: p ? 0.5 : 1,
       // cursor 由 className 控制，不在 inline style 中设置
-      zIndex: x,
+      zIndex: N,
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
     };
-    if (p && u && (I.minWidth = `${u}px`, I.maxWidth = `${u}px`), e.fixed === "left") {
-      let N = 0;
-      for (let S = 0; S < t; S++)
-        n[S].fixed === "left" && (N += parseInt(n[S].width || "150"));
-      I.left = `${N}px`;
+    if (p && u && (C.minWidth = `${u}px`, C.maxWidth = `${u}px`), e.fixed === "left") {
+      let P = 0;
+      for (let j = 0; j < t; j++)
+        n[j].fixed === "left" && (P += parseInt(n[j].width || "150"));
+      C.left = `${P}px`;
     } else if (e.fixed === "right") {
-      let N = 0;
-      for (let S = t + 1; S < n.length; S++)
-        n[S].fixed === "right" && (N += parseInt(n[S].width || "150"));
-      I.right = `${N}px`;
+      let P = 0;
+      for (let j = t + 1; j < n.length; j++)
+        n[j].fixed === "right" && (P += parseInt(n[j].width || "150"));
+      C.right = `${P}px`;
     }
-    return I;
-  }, D = Me(
+    return C;
+  }, S = Me(
     "bu-group",
     oe.getThClasses({
       theme: l,
@@ -3135,15 +3135,18 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       isDragging: p,
       draggable: s
     })
-  ), R = s && !e.fixed;
+  ), E = s && !e.fixed, m = e.filter && e.key, w = (D) => {
+    m && (D.target.closest(".drag-handle-icon") || o(e));
+  };
   return /* @__PURE__ */ z.jsx(
     "th",
     {
-      ref: m,
-      className: D,
-      style: C(),
+      ref: y,
+      className: S,
+      style: R(),
       ...f,
       ...v,
+      onClick: w,
       children: /* @__PURE__ */ z.jsxs(
         "div",
         {
@@ -3152,18 +3155,19 @@ 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, o),
+              i(e),
               e.renderEndIcon ? e.renderEndIcon() : null
             ] }),
-            R && /* @__PURE__ */ z.jsx(
+            E && /* @__PURE__ */ z.jsx(
               "span",
               {
-                className: Me(
+                "data-drag-handle": !0,
+                className: `${Me(
                   oe.dragHandle({
                     theme: l
                   }),
                   "group-hover:bu-opacity-100"
-                ),
+                )} drag-handle-icon`,
                 style: {
                   display: "flex",
                   alignItems: "center",
@@ -3189,20 +3193,17 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     theme: l = "light"
   } = e, d = (c) => {
     c.filter && c.key && r(c.key, c.type);
-  }, u = (c, h) => {
+  }, u = (c) => {
     if (!c.filter || !c.key)
       return null;
-    const f = n[c.key] || V.default, v = l === "dark" ? "#EBECF5" : "#0A0A0A", g = "#F80", b = f !== V.default;
+    const h = n[c.key] || V.default, f = l === "dark" ? "#EBECF5" : "#0A0A0A", v = "#F80", g = h !== V.default;
     return /* @__PURE__ */ z.jsx(
       "span",
       {
         className: Me(
           "bu-inline-flex bu-align-middle bu-transition-opacity bu-duration-200",
-          "bu-ml-[4px] bu-cursor-pointer"
+          "bu-ml-[4px]"
         ),
-        onClick: (w) => {
-          w.stopPropagation(), h(c);
-        },
         children: /* @__PURE__ */ z.jsxs(
           "svg",
           {
@@ -3213,23 +3214,23 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
             fill: "none",
             className: Me(
               "bu-transition-opacity bu-duration-200",
-              b ? "bu-opacity-100" : "bu-opacity-0 group-hover:bu-opacity-100"
+              g ? "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: f === V.asc ? g : v,
-                  fillOpacity: f === V.asc ? "1" : "0.2"
+                  fill: h === V.asc ? v : f,
+                  fillOpacity: h === V.asc ? "1" : "0.2"
                 }
               ),
               /* @__PURE__ */ z.jsx(
                 "path",
                 {
                   d: "M5.4847 5.89067V6.95707L2.81803 9.62374L0.151367 6.95707V5.89067H5.4847Z",
-                  fill: f === V.desc ? g : v,
-                  fillOpacity: f === V.desc ? "1" : "0.2"
+                  fill: h === V.desc ? v : f,
+                  fillOpacity: h === V.desc ? "1" : "0.2"
                 }
               )
             ]
@@ -3325,7 +3326,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     dragHandleIcon: h,
     maxHeight: f,
     rowIdPrefix: v
-  } = e, { theme: g } = Hn(), [b, w] = Ce.useState(t), [p, m] = Ce.useState({}), [C, D] = Ce.useState(null), R = pr(
+  } = e, { theme: g } = Wn(), [b, x] = Ce.useState(t), [p, y] = Ce.useState({}), [R, S] = Ce.useState(null), E = pr(
     Kt(Lt, {
       activationConstraint: {
         distance: 8
@@ -3335,36 +3336,36 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
     Kt(Ot)
   );
   Ce.useEffect(() => {
-    w(t);
+    x(t);
   }, [t]);
-  const y = (T, J) => {
+  const m = (T, J) => {
     const U = p[T] || V.default;
     let k;
     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]), m(j), l)
+    let B;
+    if (se === "single" ? B = { [T]: k } : (B = { ...p, [T]: k }, k === V.default && delete B[T]), y(B), l)
       if (se === "single")
         l({ sortKey: T, sort: k });
       else {
-        const ae = Object.entries(j).map(([le, W]) => ({
+        const ae = Object.entries(B).map(([le, X]) => ({
           sortKey: le,
-          sort: W
+          sort: X
         }));
         l(ae);
       }
-  }, x = (T) => {
-    D(T.active.id);
-  }, I = (T) => {
+  }, w = (T) => {
+    S(T.active.id);
+  }, D = (T) => {
     const { active: J, over: U } = T;
-    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)
+    S(null), !(!U || J.id === U.id) && x((k) => {
+      const se = k.findIndex((le) => le.key === J.id), B = k.findIndex((le) => le.key === U.id);
+      if (se === -1 || B === -1 || k[B].fixed)
         return k;
-      const ae = zt(k, se, j);
+      const ae = zt(k, se, B);
       return c && c(ae), ae;
     });
-  }, N = b.filter((T) => !T.fixed && T.key).map((T) => T.key), Y = (() => {
+  }, N = b.filter((T) => !T.fixed && T.key).map((T) => T.key), P = (() => {
     const T = b.reduce((J, U) => {
       if (U.width) {
         const k = parseInt(U.width);
@@ -3373,7 +3374,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       return J + 150;
     }, 0);
     return T > 0 ? `${T}px` : void 0;
-  })(), K = () => /* @__PURE__ */ z.jsx(
+  })(), j = () => /* @__PURE__ */ z.jsx(
     "div",
     {
       className: oe.container({ theme: g }),
@@ -3384,8 +3385,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
           className: oe.table(),
           style: {
             tableLayout: d,
-            width: d === "fixed" ? Y : void 0,
-            minWidth: d === "fixed" ? Y : void 0
+            minWidth: d === "fixed" ? P : void 0
           },
           children: [
             /* @__PURE__ */ z.jsx(
@@ -3393,8 +3393,8 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
               {
                 columns: b,
                 sortStates: p,
-                onSort: y,
-                activeId: u ? C : null,
+                onSort: m,
+                activeId: u ? R : null,
                 theadClass: o,
                 draggable: u,
                 dragHandleIcon: h,
@@ -3421,21 +3421,21 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
   return u ? /* @__PURE__ */ z.jsx(
     So,
     {
-      sensors: R,
+      sensors: E,
       collisionDetection: Sr,
-      onDragStart: x,
-      onDragEnd: I,
+      onDragStart: w,
+      onDragEnd: D,
       modifiers: [Vo],
       children: /* @__PURE__ */ z.jsx(
         zo,
         {
           items: N,
           strategy: Mo,
-          children: K()
+          children: j()
         }
       )
     }
-  ) : K();
+  ) : j();
 };
 export {
   Zo as P,