@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Slider.es.js

@@ -1,35 +1,38 @@
-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 { c as m, u as Q } from "./index-6ffbeca8.js";
-import { c as g } from "./utils-19b44377.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 = {
+"use client";
+import { jsxs as w, jsx as g } from "react/jsx-runtime";
+import * as h from "react";
+import { u as I } from "./useTheme-0688f238.js";
+import { c as k } from "./utils-071abd68.js";
+import { c as m } from "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_tooltip_ku8lc_62", W = "_thumb_ku8lc_59", Y = "_disabled_ku8lc_93", u = {
   "slider-container": "_slider-container_ku8lc_1",
   "slider-content": "_slider-content_ku8lc_5",
-  rail: U,
-  track: W,
+  rail: J,
+  track: K,
   "mark-container": "_mark-container_ku8lc_24",
-  mark: Y,
+  mark: Q,
   "mark-label": "_mark-label_ku8lc_47",
   "thumb-container": "_thumb-container_ku8lc_59",
-  tooltip: Z,
-  thumb: tt,
+  tooltip: U,
+  thumb: W,
   "tooltip-drag": "_tooltip-drag_ku8lc_89",
-  disabled: et
-}, rt = m("", {
+  disabled: Y
+}, Z = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-line-secondary"],
       dark: ["bu-bg-dark-line-secondary"]
     }
   }
-}), at = m("", {
+}), ee = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-primary"],
       dark: ["bu-bg-dark-primary"]
     }
   }
-}), nt = m("", {
+}), te = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-label-60"],
@@ -52,7 +55,7 @@ const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_to
       class: "bu-bg-dark-fill-secondary"
     }
   ]
-}), lt = m("", {
+}), re = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-line-secondary bu-bg-light-background"],
@@ -75,28 +78,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", {
+}), ae = m("bu-transition-colors", {
   variants: {
     theme: {
       light: ["bu-border-light-primary"],
       dark: ["bu-border-dark-primary"]
     }
   }
-}), it = m("", {
+}), ne = m("", {
   variants: {
     theme: {
       light: ["bu-text-light-label-60"],
       dark: ["bu-text-dark-label-60"]
     }
   }
-}), ot = m("", {
+}), le = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-primary bu-bg-light-background"],
       dark: ["bu-border-dark-primary bu-bg-dark-background"]
     }
   }
-}), B = m("", {
+}), j = m("", {
   variants: {
     theme: {
       light: ["!bu-border-light-label-60 bu-bg-light-background"],
@@ -119,7 +122,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", {
+}), ie = m("after:border", {
   variants: {
     theme: {
       light: [
@@ -131,193 +134,192 @@ 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 F(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 A(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 se(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, i, b, d) {
+  if (i === n)
+    return e;
+  let c = (a - n) / (i - n);
+  c = F(c, 0, 1);
+  let s = e + c * (r - e);
+  return s = Math.round((s - e) / b) * b + e, s = Number(s.toFixed(d)), F(s, 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 }) : ""
-), pt = J((a, t) => {
+const oe = (a, e, r) => a ? k(le({ theme: r || e }), "thumb-drag") : j({ theme: r || e }), ce = (a, e, r, n) => a ? k(ee({ theme: n || e }), "track-drag") : te({ theme: n || e, disabled: r }), ue = (a, e, r, n, i) => k(
+  re({ theme: i || e, current: n === a }),
+  n > a ? r ? k(ae({ theme: i || e }), "mark-drag") : j({ theme: i || e }) : ""
+), ke = h.forwardRef((a, e) => {
   const {
     value: r,
     onSliderChange: n,
-    onDragEnd: s,
-    theme: h,
-    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({
+    onDragEnd: i,
+    theme: b,
+    id: d,
+    min: c = 0,
+    max: s = 100,
+    step: p = 1,
+    marks: S = [0, 25, 50, 75, 100],
+    labels: V = [],
+    className: B,
+    renderLabel: C = (t) => `${t}%`,
+    disabled: _ = !1,
+    showTooltip: O = !0
+  } = a, { theme: v } = I(), D = h.useRef(null), q = h.useMemo(() => {
+    const t = Array.from(new Set(S.concat(V))).sort((l, f) => l - f), o = [];
+    return t.forEach((l) => {
+      l >= c && l <= s && o.push({
         value: l,
-        showLabel: M.includes(l),
-        showMark: x.includes(l) || l === u || l === i
+        showLabel: V.includes(l),
+        showMark: S.includes(l) || l === c || l === s
       });
     }), 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();
+  }, [S, c, s, p, V]), N = h.useRef(!1), [M, T] = h.useState(!1), y = h.useMemo(() => se(p), [p]), P = h.useCallback(
+    (t) => {
+      var $;
+      t.stopPropagation(), t.preventDefault();
+      const o = ($ = D.current) == null ? void 0 : $.getBoundingClientRect();
       if (!o)
         return;
-      const { left: l, right: _ } = o, S = X(
-        e.clientX,
-        u,
-        i,
+      const { left: l, right: f } = o, x = X(
+        t.clientX,
+        c,
+        s,
         l,
-        _,
-        k,
-        v
+        f,
+        p,
+        y
       );
-      n(S);
+      n(x);
     },
-    [u, i, k, n, v]
-  ), C = R(
-    (e) => {
-      j.current && N(e);
+    [c, s, p, n, y]
+  ), R = h.useCallback(
+    (t) => {
+      N.current && P(t);
     },
-    [N]
-  ), G = (e) => {
-    e.stopPropagation(), e.preventDefault(), document.activeElement.blur(), j.current = !0, D(!0), document.addEventListener(
+    [P]
+  ), z = (t) => {
+    t.stopPropagation(), t.preventDefault(), document.activeElement.blur(), N.current = !0, T(!0), document.addEventListener(
       "mouseup",
       () => {
-        j.current = !1, D(!1), document.removeEventListener("mousemove", C), s && s(r);
+        N.current = !1, T(!1), document.removeEventListener("mousemove", R), i && i(r);
       },
       { once: !0 }
-    ), document.addEventListener("mousemove", C);
-  }, H = (e, o) => {
-    e.stopPropagation(), n(o), s && s(o);
-  }, I = (e) => {
-    var P;
-    const o = (P = w.current) == null ? void 0 : P.getBoundingClientRect();
+    ), document.addEventListener("mousemove", R);
+  }, G = (t, o) => {
+    t.stopPropagation(), n(o), i && i(o);
+  }, H = (t) => {
+    var E;
+    const o = (E = D.current) == null ? void 0 : E.getBoundingClientRect();
     if (!o)
       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: l, right: f } = o, x = t.clientX, $ = X(x, c, s, l, f, p, y);
+    n($), i && i($);
+  }, L = A(r, c, s, y);
+  return /* @__PURE__ */ w(
     "div",
     {
-      id: b ? `${b}-slider-container` : "",
-      className: g(d["slider-container"], p && d.disabled, O),
+      id: d ? `${d}-slider-container` : "",
+      className: k(u["slider-container"], _ && u.disabled, B),
       children: [
-        /* @__PURE__ */ c.jsxs("div", { className: d["slider-content"], children: [
-          /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ w("div", { className: u["slider-content"], children: [
+          /* @__PURE__ */ g(
             "div",
             {
-              ref: w,
-              className: `${d.rail} ${g(rt({ theme: h || f }))} rail`
+              ref: D,
+              className: `${u.rail} ${k(Z({ theme: b || v }))} rail`
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ g(
             "div",
             {
-              className: `${d.track} ${bt(
-                $,
-                f,
-                p,
-                h
+              className: `${u.track} ${ce(
+                M,
+                v,
+                _,
+                b
               )} track`,
-              style: { width: `${T}%` }
+              style: { width: `${L}%` }
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ g(
             "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(
+              id: d ? `${d}-mark-container` : "",
+              className: `${u["mark-container"]} mark-container`,
+              onClick: _ ? void 0 : H,
+              children: q.map((t, o) => {
+                const l = A(t.value, c, s, y);
+                return /* @__PURE__ */ w(h.Fragment, { children: [
+                  t.showMark && /* @__PURE__ */ g(
                     "div",
                     {
-                      className: `${d.mark} ${ht(
-                        e.value,
-                        f,
-                        $,
+                      className: `${u.mark} ${ue(
+                        t.value,
+                        v,
+                        M,
                         r,
-                        h
-                      )} mark ${e.value < r ? "mark-active" : ""}`,
-                      style: { left: `${o}%` },
-                      onClick: (l) => p ? void 0 : H(l, e.value)
-                    },
-                    e.value
+                        b
+                      )} mark ${t.value < r ? "mark-active" : ""}`,
+                      style: { left: `${l}%` },
+                      onClick: (f) => _ ? void 0 : G(f, t.value)
+                    }
                   ),
-                  e.showLabel && /* @__PURE__ */ c.jsx(
+                  t.showLabel && /* @__PURE__ */ g(
                     "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: `${u["mark-label"]} ${k(
+                        ne({ theme: b || v })
+                      )} mark-label ${t.value <= r ? "mark-label-active" : ""}`,
+                      style: { left: `${l}%` },
+                      children: C(t.value)
                     }
                   )
-                ] });
+                ] }, t.value ?? o);
               })
             }
           ),
-          /* @__PURE__ */ c.jsxs(
+          /* @__PURE__ */ w(
             "div",
             {
-              id: b ? `${b}-thumb-container` : "",
-              className: `${d["thumb-container"]} thumb-container`,
+              id: d ? `${d}-thumb-container` : "",
+              className: `${u["thumb-container"]} thumb-container`,
               style: {
-                left: `${T}%`
+                left: `${L}%`
               },
               children: [
-                q && /* @__PURE__ */ c.jsx(
+                O && /* @__PURE__ */ g(
                   "div",
                   {
-                    className: `${d.tooltip} ${$ ? d["tooltip-drag"] : ""} ${g(
-                      ct({ theme: h || f })
+                    className: `${u.tooltip} ${M ? u["tooltip-drag"] : ""} ${k(
+                      ie({ theme: b || v })
                     )}`,
-                    children: V(r)
+                    children: C(r)
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
+                /* @__PURE__ */ g(
                   "div",
                   {
-                    id: b ? `${b}-thumb` : "",
-                    className: `${d.thumb} ${dt($, f, h)} thumb`,
-                    onMouseDown: p ? void 0 : G
+                    id: d ? `${d}-thumb` : "",
+                    className: `${u.thumb} ${oe(M, v, b)} thumb`,
+                    onMouseDown: _ ? void 0 : z
                   }
                 )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ c.jsx("input", { type: "hidden", value: r, ref: t })
+        /* @__PURE__ */ g("input", { type: "hidden", value: r, ref: e })
       ]
     }
   );
 });
 export {
-  pt as Slider
+  ke as Slider
 };

package/dist/Sort.d.ts

@@ -0,0 +1 @@
+export * from './components/Sort/index'

package/dist/Sort.es.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { S as B } from "./arrow-down-011b02c7.js";
+import * as a from "react";
+import { createContext as I } from "react";
+import { k as M } from "./helper-221987f8.js";
+import { u as N } from "./useTheme-0688f238.js";
+import { c as R } from "./clsx.m-e965ef18.js";
+const H = (s) => /* @__PURE__ */ a.createElement("svg", { width: 11, height: 6, viewBox: "0 0 11 6", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ a.createElement("path", { d: "M9.5 4.19995V5.79995H1.5V4.19995L5.5 0.199951L9.5 4.19995Z", fill: "currentColor", fillOpacity: 1 }));
+var t = /* @__PURE__ */ ((s) => (s.default = "default", s.desc = "desc", s.asc = "asc", s))(t || {});
+const k = {
+  type: "single",
+  sorts: []
+}, S = I({
+  state: k,
+  dispatch: () => {
+  }
+}), L = (s, e) => {
+  switch (e.type) {
+    case "changeSort":
+      if (s.sorts.findIndex((r) => r.sort === e.payload.sort) === -1) {
+        const r = s.type === "single" ? [e.payload] : [...s.sorts, e.payload];
+        return e.success && e.success(r), {
+          type: s.type,
+          sorts: r
+        };
+      } else {
+        const r = s.sorts.map((c) => c.sort === e.payload.sort ? {
+          ...c,
+          sortType: e.payload.sortType
+        } : c);
+        return e.success && e.success(r), {
+          type: s.type,
+          sorts: r
+        };
+      }
+    case "restSort":
+      return e.reset && e.reset(), {
+        ...s,
+        sorts: []
+      };
+    default:
+      return s;
+  }
+}, V = "_icon_ok1zd_8", p = {
+  "sort-wrap": "_sort-wrap_ok1zd_1",
+  icon: V,
+  "sort-wrap-light": "_sort-wrap-light_ok1zd_15",
+  "sort-active": "_sort-active_ok1zd_18",
+  "sort-wrap-dark": "_sort-wrap-dark_ok1zd_21"
+}, b = ({
+  children: s,
+  onSortChange: e,
+  sortKey: o,
+  hideSort: r = !1,
+  textAlign: c = "center",
+  width: f = "100%",
+  iconStyle: y,
+  theme: z
+}) => {
+  var T, _;
+  const { theme: C } = N(), $ = z || C, { state: j, dispatch: h } = a.useContext(S), { sorts: d, type: v } = j, w = a.useMemo(() => d.length > 0 ? d.map((u) => u.sort) : [], [d]), m = a.useMemo(() => M(d, "sort"), [d]);
+  return /* @__PURE__ */ i("div", { style: { justifyContent: c, width: f }, children: /* @__PURE__ */ x(
+    "div",
+    {
+      onClick: () => {
+        if (r)
+          return;
+        const u = m[o];
+        if (u) {
+          let l = t.default;
+          u.sortType === t.desc ? l = t.asc : u.sortType === t.asc ? l = t.default : l = t.desc, h({
+            type: "changeSort",
+            payload: { sort: o, sortType: l },
+            success: (n) => {
+              e(v === "single" ? {
+                sortKey: n[0].sort,
+                sort: n[0].sortType
+              } : n.map((g) => ({
+                sortKey: g.sort,
+                sort: g.sortType
+              })));
+            }
+          });
+        } else
+          h({
+            type: "changeSort",
+            payload: { sort: o, sortType: t.desc },
+            success: (l) => {
+              e(v === "single" ? {
+                sortKey: l[0].sort,
+                sort: l[0].sortType
+              } : l.map((n) => ({
+                sortKey: n.sort,
+                sort: n.sortType
+              })));
+            }
+          });
+      },
+      style: {
+        cursor: r ? "default" : "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: c
+      },
+      children: [
+        s,
+        !r && /* @__PURE__ */ x("div", { className: R(p["sort-wrap"], p[`sort-wrap-${$}`]), children: [
+          /* @__PURE__ */ i(
+            H,
+            {
+              style: y,
+              className: `${p.icon} ${((T = m[o]) == null ? void 0 : T.sortType) === t.asc && w.includes(o) && p["sort-active"]}`
+            }
+          ),
+          /* @__PURE__ */ i(
+            B,
+            {
+              style: y,
+              className: `${p.icon} ${((_ = m[o]) == null ? void 0 : _.sortType) === t.desc && w.includes(o) && p["sort-active"]}`
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}, q = a.forwardRef(
+  ({ children: s, type: e = "single" }, o) => {
+    const [r, c] = a.useReducer(L, { ...k, type: e }), f = (y) => {
+      c({
+        type: "restSort",
+        payload: { sort: "", sortType: t.default },
+        reset: () => {
+          y();
+        }
+      });
+    };
+    return a.useImperativeHandle(o, () => ({
+      restSort: f
+    })), /* @__PURE__ */ i(S.Provider, { value: { state: r, dispatch: c }, children: s });
+  }
+);
+export {
+  b as SortButton,
+  q as SortGroup
+};

package/dist/Sortable.d.ts

@@ -0,0 +1 @@
+export * from './components/Sortable/index'

package/dist/Sortable.es.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as n, useEffect as s } from "react";
+import { S as b } from "./sortable.esm-8d31c120.js";
+const S = ({
+  children: r,
+  direction: f,
+  moveEnd: a,
+  ghostClass: c,
+  dragClass: i,
+  customHandle: e
+}) => {
+  const o = n(null), l = n(null);
+  return s(() => {
+    o.current && !l.current && (l.current = b.create(o.current, {
+      animation: 200,
+      ghostClass: c,
+      dragClass: i,
+      handle: e || ".drag-item",
+      forceFallback: !0,
+      onStart: () => {
+      },
+      onEnd: (t) => {
+        console.log(t), a(t.oldIndex, t.newIndex);
+      }
+    }));
+  }, []), /* @__PURE__ */ u(
+    "div",
+    {
+      ref: o,
+      className: `${e ? "" : "drag-item"} bu-flex bu-h-full bu-w-full ${f === "horizontal" ? "bu-flex-row" : "bu-flex-col"}`,
+      children: r
+    }
+  );
+}, p = ({ children: r }) => /* @__PURE__ */ u("div", { children: r });
+export {
+  p as SortItem,
+  S as Sortable
+};

package/dist/Switch.d.ts

@@ -0,0 +1 @@
+export * from './components/Switch/index'