@blofin/blofin-ui 1.0.0-beta.8 → 1.0.0-beta.9

package/dist/Slider.es.js

@@ -99,7 +99,7 @@ const I = "_rail_ku8lc_8", J = "_track_ku8lc_16", K = "_mark_ku8lc_24", Q = "_to
       dark: ["bu-border-dark-primary bu-bg-dark-background"]
     }
   }
-}), X = m("", {
+}), A = m("", {
   variants: {
     theme: {
       light: ["!bu-border-light-label-60 bu-bg-light-background"],
@@ -134,27 +134,27 @@ const I = "_rail_ku8lc_8", J = "_track_ku8lc_16", K = "_mark_ku8lc_24", Q = "_to
     }
   }
 });
-function L(a, e, r) {
+function E(a, e, r) {
   return Math.max(e, Math.min(a, r));
 }
-function F(a, e, r, n) {
+function L(a, e, r, n) {
   return r === e ? 0 : ((a - e) / (r - e) * 100).toFixed(n);
 }
 function se(a) {
   const e = a.toString();
   return e.indexOf(".") === -1 ? 0 : e.split(".")[1].length;
 }
-function A(a, e, r, n, s, h, b) {
+function F(a, e, r, n, s, h, b) {
   if (s === n)
     return e;
   let u = (a - n) / (s - n);
-  u = L(u, 0, 1);
+  u = E(u, 0, 1);
   let i = e + u * (r - e);
-  return i = Math.round((i - e) / h) * h + e, i = Number(i.toFixed(b)), L(i, e, r);
+  return i = Math.round((i - e) / h) * h + e, i = Number(i.toFixed(b)), E(i, e, r);
 }
-const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme: r || e }), oe = (a, e, r, n) => a ? k(Z({ theme: n || e }), "track-drag") : ee({ theme: n || e, disabled: r }), ce = (a, e, r, n, s) => k(
+const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : A({ theme: r || e }), oe = (a, e, r, n) => a ? k(Z({ theme: n || e }), "track-drag") : ee({ theme: n || e, disabled: r }), ce = (a, e, r, n, s) => k(
   te({ theme: s || e, current: n === a }),
-  n > a ? r ? k(re({ theme: s || e }), "mark-drag") : X({ theme: s || e }) : ""
+  n > a ? r ? k(re({ theme: s || e }), "mark-drag") : A({ theme: s || e }) : ""
 ), ge = g.forwardRef((a, e) => {
   const {
     value: r,
@@ -167,11 +167,11 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
     step: p = 1,
     marks: M = [0, 25, 50, 75, 100],
     labels: w = [],
-    className: B,
+    className: X,
     renderLabel: D = (t) => `${t}%`,
     disabled: _ = !1,
-    showTooltip: O = !0
-  } = a, { theme: v } = H(), j = g.useRef(null), N = g.useMemo(() => {
+    showTooltip: B = !0
+  } = a, { theme: v } = H(), j = g.useRef(null), O = g.useMemo(() => {
     const t = Array.from(new Set(M.concat(w))).sort((l, f) => l - f), o = [];
     return t.forEach((l) => {
       l >= u && l <= i && o.push({
@@ -180,16 +180,14 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
         showMark: M.includes(l) || l === u || l === i
       });
     }), o;
-  }, [M, u, i, p, w]);
-  console.log(N);
-  const S = g.useRef(!1), [x, C] = g.useState(!1), y = g.useMemo(() => se(p), [p]), R = g.useCallback(
+  }, [M, u, i, p, w]), S = g.useRef(!1), [x, N] = g.useState(!1), y = g.useMemo(() => se(p), [p]), C = g.useCallback(
     (t) => {
       var $;
       t.stopPropagation(), t.preventDefault();
       const o = ($ = j.current) == null ? void 0 : $.getBoundingClientRect();
       if (!o)
         return;
-      const { left: l, right: f } = o, V = A(
+      const { left: l, right: f } = o, V = F(
         t.clientX,
         u,
         i,
@@ -201,34 +199,34 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
       n(V);
     },
     [u, i, p, n, y]
-  ), T = g.useCallback(
+  ), R = g.useCallback(
     (t) => {
-      S.current && R(t);
+      S.current && C(t);
     },
-    [R]
+    [C]
   ), q = (t) => {
-    t.stopPropagation(), t.preventDefault(), document.activeElement.blur(), S.current = !0, C(!0), document.addEventListener(
+    t.stopPropagation(), t.preventDefault(), document.activeElement.blur(), S.current = !0, N(!0), document.addEventListener(
       "mouseup",
       () => {
-        S.current = !1, C(!1), document.removeEventListener("mousemove", T), s && s(r);
+        S.current = !1, N(!1), document.removeEventListener("mousemove", R), s && s(r);
       },
       { once: !0 }
-    ), document.addEventListener("mousemove", T);
+    ), document.addEventListener("mousemove", R);
   }, z = (t, o) => {
     t.stopPropagation(), n(o), s && s(o);
   }, G = (t) => {
-    var E;
-    const o = (E = j.current) == null ? void 0 : E.getBoundingClientRect();
+    var P;
+    const o = (P = j.current) == null ? void 0 : P.getBoundingClientRect();
     if (!o)
       return;
-    const { left: l, right: f } = o, V = t.clientX, $ = A(V, u, i, l, f, p, y);
+    const { left: l, right: f } = o, V = t.clientX, $ = F(V, u, i, l, f, p, y);
     n($), s && s($);
-  }, P = F(r, u, i, y);
+  }, T = L(r, u, i, y);
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
       id: b ? `${b}-slider-container` : "",
-      className: k(d["slider-container"], _ && d.disabled, B),
+      className: k(d["slider-container"], _ && d.disabled, X),
       children: [
         /* @__PURE__ */ c.jsxs("div", { className: d["slider-content"], children: [
           /* @__PURE__ */ c.jsx(
@@ -247,7 +245,7 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
                 _,
                 h
               )} track`,
-              style: { width: `${P}%` }
+              style: { width: `${T}%` }
             }
           ),
           /* @__PURE__ */ c.jsx(
@@ -256,8 +254,8 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
               id: b ? `${b}-mark-container` : "",
               className: `${d["mark-container"]} mark-container`,
               onClick: _ ? void 0 : G,
-              children: N.map((t, o) => {
-                const l = F(t.value, u, i, y);
+              children: O.map((t, o) => {
+                const l = L(t.value, u, i, y);
                 return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
                   t.showMark && /* @__PURE__ */ c.jsx(
                     "div",
@@ -294,10 +292,10 @@ const ie = (a, e, r) => a ? k(ne({ theme: r || e }), "thumb-drag") : X({ theme:
               id: b ? `${b}-thumb-container` : "",
               className: `${d["thumb-container"]} thumb-container`,
               style: {
-                left: `${P}%`
+                left: `${T}%`
               },
               children: [
-                O && /* @__PURE__ */ c.jsx(
+                B && /* @__PURE__ */ c.jsx(
                   "div",
                   {
                     className: `${d.tooltip} ${x ? d["tooltip-drag"] : ""} ${k(

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/blofinex/blofin-ui.git"
   },
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "module": "./dist/index.es.js",
   "type": "module",
   "types": "./dist/index.d.ts",