@blofin/blofin-ui 0.7.62 → 0.7.64

package/dist/ProTable.es.js

@@ -1,9 +1,9 @@
-import { P as r } from "./ProTable-63e2c020.js";
-import { S as s } from "./ProTable-63e2c020.js";
+import { P as r } from "./ProTable-087213e3.js";
+import { S as s } from "./ProTable-087213e3.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
-import "./index-7272669e.js";
-import "./clsx.m-b14a941b.js";
+import "./index-86cecf62.js";
+import "./clsx.m-9bb14413.js";
 import "react-dom";
 export {
   r as ProTable,

package/dist/Slider.es.js

@@ -1,36 +1,36 @@
-import { j as c } from "./jsx-runtime-82a9ddf6.js";
-import { forwardRef as J, useRef as E, useMemo as L, useState as K, useCallback as R } from "react";
-import { u as Q } from "./clsx.m-b14a941b.js";
-import { c as g } from "./utils-cacf528c.js";
-import { c as m } from "./index-7272669e.js";
-const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_tooltip_ku8lc_62", tt = "_thumb_ku8lc_59", et = "_disabled_ku8lc_93", d = {
-  "slider-container": "_slider-container_ku8lc_1",
-  "slider-content": "_slider-content_ku8lc_5",
-  rail: U,
-  track: W,
-  "mark-container": "_mark-container_ku8lc_24",
-  mark: Y,
-  "mark-label": "_mark-label_ku8lc_47",
-  "thumb-container": "_thumb-container_ku8lc_59",
-  tooltip: Z,
-  thumb: tt,
-  "tooltip-drag": "_tooltip-drag_ku8lc_89",
-  disabled: et
-}, rt = m("", {
+import { j as o } from "./jsx-runtime-82a9ddf6.js";
+import { forwardRef as Q, useRef as R, useMemo as E, useState as U, useCallback as F } from "react";
+import { u as W } from "./clsx.m-9bb14413.js";
+import { c as k } from "./utils-096a71c5.js";
+import { c as m } from "./index-86cecf62.js";
+const Y = "_rail_6aeuk_8", Z = "_track_6aeuk_16", ee = "_mark_6aeuk_24", te = "_tooltip_6aeuk_62", re = "_thumb_6aeuk_59", ae = "_disabled_6aeuk_93", d = {
+  "slider-container": "_slider-container_6aeuk_1",
+  "slider-content": "_slider-content_6aeuk_5",
+  rail: Y,
+  track: Z,
+  "mark-container": "_mark-container_6aeuk_24",
+  mark: ee,
+  "mark-label": "_mark-label_6aeuk_47",
+  "thumb-container": "_thumb-container_6aeuk_59",
+  tooltip: te,
+  thumb: re,
+  "tooltip-drag": "_tooltip-drag_6aeuk_89",
+  disabled: ae
+}, ne = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-line-secondary"],
       dark: ["bu-bg-dark-line-secondary"]
     }
   }
-}), at = m("", {
+}), le = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-primary"],
       dark: ["bu-bg-dark-primary"]
     }
   }
-}), nt = m("", {
+}), se = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-label-60"],
@@ -53,7 +53,7 @@ const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_to
       class: "bu-bg-dark-fill-secondary"
     }
   ]
-}), lt = m("", {
+}), ie = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-line-secondary bu-bg-light-background"],
@@ -76,28 +76,28 @@ const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_to
       class: ["!bu-border-transparent !bu-bg-transparent"]
     }
   ]
-}), st = m("bu-transition-colors", {
+}), oe = m("bu-transition-colors", {
   variants: {
     theme: {
       light: ["bu-border-light-primary"],
       dark: ["bu-border-dark-primary"]
     }
   }
-}), it = m("", {
+}), ue = m("", {
   variants: {
     theme: {
       light: ["bu-text-light-label-60"],
       dark: ["bu-text-dark-label-60"]
     }
   }
-}), ot = m("", {
+}), ce = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-primary bu-bg-light-background"],
       dark: ["bu-border-dark-primary bu-bg-dark-background"]
     }
   }
-}), B = m("", {
+}), O = m("", {
   variants: {
     theme: {
       light: ["!bu-border-light-label-60 bu-bg-light-background"],
@@ -120,7 +120,7 @@ const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_to
       class: "bu-bg-dark-fill-tertiary"
     }
   ]
-}), ct = m("after:border", {
+}), de = m("after:border", {
   variants: {
     theme: {
       light: [
@@ -132,193 +132,201 @@ const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_to
     }
   }
 });
-function F(a, t, r) {
-  return Math.max(t, Math.min(a, r));
+function A(a, e, r) {
+  return Math.max(e, Math.min(a, r));
 }
-function A(a, t, r, n) {
-  return r === t ? 0 : ((a - t) / (r - t) * 100).toFixed(n);
+function B(a, e, r, n) {
+  return r === e ? 0 : ((a - e) / (r - e) * 100).toFixed(n);
 }
-function ut(a) {
-  const t = a.toString();
-  return t.indexOf(".") === -1 ? 0 : t.split(".")[1].length;
+function be(a) {
+  const e = a.toString();
+  return e.indexOf(".") === -1 ? 0 : e.split(".")[1].length;
 }
-function X(a, t, r, n, s, h, b) {
-  if (s === n)
-    return t;
-  let u = (a - n) / (s - n);
-  u = F(u, 0, 1);
-  let i = t + u * (r - t);
-  return i = Math.round((i - t) / h) * h + t, i = Number(i.toFixed(b)), F(i, t, r);
+function X(a, e, r, n, l, g, b, h = !1) {
+  if (l === n)
+    return e;
+  let u = h ? (l - a) / (l - n) : (a - n) / (l - n);
+  u = A(u, 0, 1);
+  let c = e + u * (r - e);
+  return c = Math.round((c - e) / g) * g + e, c = Number(c.toFixed(b)), A(c, e, r);
 }
-const dt = (a, t, r) => a ? g(ot({ theme: r || t }), "thumb-drag") : B({ theme: r || t }), bt = (a, t, r, n) => a ? g(at({ theme: n || t }), "track-drag") : nt({ theme: n || t, disabled: r }), ht = (a, t, r, n, s) => g(
-  lt({ theme: s || t, current: n === a }),
-  n > a ? r ? g(st({ theme: s || t }), "mark-drag") : B({ theme: s || t }) : ""
-), vt = J((a, t) => {
+const he = (a, e, r) => a ? k(ce({ theme: r || e }), "thumb-drag") : O({ theme: r || e }), ge = (a, e, r, n) => a ? k(le({ theme: n || e }), "track-drag") : se({ theme: n || e, disabled: r }), me = (a, e, r, n, l) => k(
+  ie({ theme: l || e, current: n === a }),
+  n > a ? r ? k(oe({ theme: l || e }), "mark-drag") : O({ theme: l || e }) : ""
+), ye = Q((a, e) => {
   const {
     value: r,
     onSliderChange: n,
-    onDragEnd: s,
-    theme: h,
+    onDragEnd: l,
+    theme: g,
     id: b,
-    min: u = 0,
-    max: i = 100,
-    step: k = 1,
-    marks: x = [0, 25, 50, 75, 100],
-    labels: M = [],
-    className: O,
-    renderLabel: V = (e) => `${e}%`,
-    disabled: p = !1,
-    showTooltip: q = !0
-  } = a, { theme: f } = Q(), w = E(null), z = L(() => {
-    const e = Array.from(new Set(x.concat(M))).sort((l, _) => l - _), o = [];
-    return e.forEach((l) => {
-      l >= u && l <= i && o.push({
-        value: l,
-        showLabel: M.includes(l),
-        showMark: x.includes(l) || l === u || l === i
+    min: h = 0,
+    max: u = 100,
+    step: c = 1,
+    marks: M = [0, 25, 50, 75, 100],
+    labels: j = [],
+    className: q,
+    renderLabel: N = (t) => `${t}%`,
+    disabled: v = !1,
+    showTooltip: z = !0
+  } = a, { theme: p, direction: G } = W(), f = G === "rtl", S = R(null), H = E(() => {
+    const t = Array.from(new Set(M.concat(j))).sort((i, y) => i - y), s = [];
+    return t.forEach((i) => {
+      i >= h && i <= u && s.push({
+        value: i,
+        showLabel: j.includes(i),
+        showMark: M.includes(i) || i === h || i === u
       });
-    }), o;
-  }, [x, u, i, k, M]), j = E(!1), [$, D] = K(!1), v = L(() => ut(k), [k]), N = R(
-    (e) => {
-      var y;
-      e.stopPropagation(), e.preventDefault();
-      const o = (y = w.current) == null ? void 0 : y.getBoundingClientRect();
-      if (!o)
+    }), s;
+  }, [M, h, u, c, j]), V = R(!1), [x, T] = U(!1), _ = E(() => be(c), [c]), C = F(
+    (t) => {
+      var $;
+      t.stopPropagation(), t.preventDefault();
+      const s = ($ = S.current) == null ? void 0 : $.getBoundingClientRect();
+      if (!s)
         return;
-      const { left: l, right: _ } = o, S = X(
-        e.clientX,
+      const { left: i, right: y } = s, D = X(
+        t.clientX,
+        h,
         u,
         i,
-        l,
+        y,
+        c,
         _,
-        k,
-        v
+        f
       );
-      n(S);
+      n(D);
     },
-    [u, i, k, n, v]
-  ), C = R(
-    (e) => {
-      j.current && N(e);
+    [h, u, c, n, _, f]
+  ), L = F(
+    (t) => {
+      V.current && C(t);
     },
-    [N]
-  ), G = (e) => {
-    e.stopPropagation(), e.preventDefault(), document.activeElement.blur(), j.current = !0, D(!0), document.addEventListener(
+    [C]
+  ), I = (t) => {
+    t.stopPropagation(), t.preventDefault(), document.activeElement.blur(), V.current = !0, T(!0), document.addEventListener(
       "mouseup",
       () => {
-        j.current = !1, D(!1), document.removeEventListener("mousemove", C), s && s(r);
+        V.current = !1, T(!1), document.removeEventListener("mousemove", L), l && l(r);
       },
       { once: !0 }
-    ), document.addEventListener("mousemove", C);
-  }, H = (e, o) => {
-    e.stopPropagation(), n(o), s && s(o);
-  }, I = (e) => {
+    ), document.addEventListener("mousemove", L);
+  }, J = (t, s) => {
+    t.stopPropagation(), n(s), l && l(s);
+  }, K = (t) => {
     var P;
-    const o = (P = w.current) == null ? void 0 : P.getBoundingClientRect();
-    if (!o)
+    const s = (P = S.current) == null ? void 0 : P.getBoundingClientRect();
+    if (!s)
       return;
-    const { left: l, right: _ } = o, S = e.clientX, y = X(S, u, i, l, _, k, v);
-    n(y), s && s(y);
-  }, T = A(r, u, i, v);
-  return /* @__PURE__ */ c.jsxs(
+    const { left: i, right: y } = s, D = t.clientX, $ = X(
+      D,
+      h,
+      u,
+      i,
+      y,
+      c,
+      _,
+      f
+    );
+    n($), l && l($);
+  }, w = B(r, h, u, _);
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       id: b ? `${b}-slider-container` : "",
-      className: g(d["slider-container"], p && d.disabled, O),
+      className: k(d["slider-container"], v && d.disabled, q),
       children: [
-        /* @__PURE__ */ c.jsxs("div", { className: d["slider-content"], children: [
-          /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ o.jsxs("div", { className: d["slider-content"], children: [
+          /* @__PURE__ */ o.jsx(
             "div",
             {
-              ref: w,
-              className: `${d.rail} ${g(rt({ theme: h || f }))} rail`
+              ref: S,
+              className: `${d.rail} ${k(ne({ theme: g || p }))} rail`
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ o.jsx(
             "div",
             {
-              className: `${d.track} ${bt(
-                $,
-                f,
+              className: `${d.track} ${ge(
+                x,
                 p,
-                h
+                v,
+                g
               )} track`,
-              style: { width: `${T}%` }
+              style: f ? { width: `${w}%`, right: 0, left: "auto" } : { width: `${w}%`, left: 0 }
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ o.jsx(
             "div",
             {
               id: b ? `${b}-mark-container` : "",
               className: `${d["mark-container"]} mark-container`,
-              onClick: p ? void 0 : I,
-              children: z.map((e) => {
-                const o = A(e.value, u, i, v);
-                return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-                  e.showMark && /* @__PURE__ */ c.jsx(
+              onClick: v ? void 0 : K,
+              children: H.map((t) => {
+                const s = B(t.value, h, u, _);
+                return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                  t.showMark && /* @__PURE__ */ o.jsx(
                     "div",
                     {
-                      className: `${d.mark} ${ht(
-                        e.value,
-                        f,
-                        $,
+                      className: `${d.mark} ${me(
+                        t.value,
+                        p,
+                        x,
                         r,
-                        h
-                      )} mark ${e.value < r ? "mark-active" : ""}`,
-                      style: { left: `${o}%` },
-                      onClick: (l) => p ? void 0 : H(l, e.value)
+                        g
+                      )} mark ${t.value < r ? "mark-active" : ""}`,
+                      style: f ? { right: `${s}%` } : { left: `${s}%` },
+                      onClick: (i) => v ? void 0 : J(i, t.value)
                     },
-                    e.value
+                    t.value
                   ),
-                  e.showLabel && /* @__PURE__ */ c.jsx(
+                  t.showLabel && /* @__PURE__ */ o.jsx(
                     "span",
                     {
-                      className: `${d["mark-label"]} ${g(
-                        it({ theme: h || f })
-                      )} mark-label ${e.value <= r ? "mark-label-active" : ""}`,
-                      style: { left: `${o}%` },
-                      children: V(e.value)
+                      className: `${d["mark-label"]} ${k(
+                        ue({ theme: g || p })
+                      )} mark-label ${t.value <= r ? "mark-label-active" : ""}`,
+                      style: f ? { right: `${s}%` } : { left: `${s}%` },
+                      children: N(t.value)
                     }
                   )
                 ] });
               })
             }
           ),
-          /* @__PURE__ */ c.jsxs(
+          /* @__PURE__ */ o.jsxs(
             "div",
             {
               id: b ? `${b}-thumb-container` : "",
               className: `${d["thumb-container"]} thumb-container`,
-              style: {
-                left: `${T}%`
-              },
+              style: f ? { right: `${w}%` } : { left: `${w}%` },
               children: [
-                q && /* @__PURE__ */ c.jsx(
+                z && /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    className: `${d.tooltip} ${$ ? d["tooltip-drag"] : ""} ${g(
-                      ct({ theme: h || f })
+                    className: `${d.tooltip} ${x ? d["tooltip-drag"] : ""} ${k(
+                      de({ theme: g || p })
                     )}`,
-                    children: V(r)
+                    children: N(r)
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     id: b ? `${b}-thumb` : "",
-                    className: `${d.thumb} ${dt($, f, h)} thumb`,
-                    onMouseDown: p ? void 0 : G
+                    className: `${d.thumb} ${he(x, p, g)} thumb`,
+                    onMouseDown: v ? void 0 : I
                   }
                 )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ c.jsx("input", { type: "hidden", value: r, ref: t })
+        /* @__PURE__ */ o.jsx("input", { type: "hidden", value: r, ref: e })
       ]
     }
   );
 });
 export {
-  vt as Slider
+  ye as Slider
 };

package/dist/Sort.es.js

@@ -1,7 +1,7 @@
-import { b as e, C as m, d as p, a as S, c as u, r as i } from "./index-95c68eda.js";
+import { b as e, C as m, d as p, a as S, c as u, r as i } from "./index-ea7f539d.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
-import "./clsx.m-b14a941b.js";
+import "./clsx.m-9bb14413.js";
 export {
   e as SortButton,
   m as SortContext,