@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/Pagination.es.js

@@ -1,219 +0,0 @@
-"use client";
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import * as p from "react";
-import { c as O } from "./clsx.m-e965ef18.js";
-import { u as A } from "./useTheme-0688f238.js";
-import { T as D, S as N } from "./index-9349bf2d.js";
-import { c as L } from "./index-c57db938.js";
-import "react-dom";
-import "./TextField.es.js";
-import "./utils-071abd68.js";
-import "./styles-85a9fe64.js";
-import "./useAlign-916ed3be.js";
-import "./arrow-down-011b02c7.js";
-import "./search-b79a3be5.js";
-const E = L(
-  "bu-min-w-[24px] bu-cursor-pointer bu-rounded-[4px] bu-px-[4px] bu-py-[2px] bu-text-center bu-text-md bu-leading-[20px] bu-transition-colors",
-  {
-    variants: {
-      theme: {
-        dark: "bu-text-dark-label data-[current='true']:bu-bg-dark-primary data-[current='true']:bu-text-light-second",
-        light: "bu-text-light-label data-[current='true']:bu-bg-light-primary data-[current='true']:bu-text-dark-second"
-      }
-    }
-  }
-), T = L(
-  "bu-h-[24px] bu-cursor-pointer data-[disabled='true']:bu-cursor-not-allowed",
-  {
-    variants: {
-      theme: {
-        dark: "bu-text-dark-label data-[disabled='true']:bu-text-dark-label-40",
-        light: "bu-text-light-label data-[disabled='true']:bu-text-light-label-40"
-      }
-    }
-  }
-), W = () => {
-}, q = [10, 20, 30, 40, 50];
-function B(t) {
-  const e = p.useRef(null), { theme: d } = A(), {
-    sizeCanChange: m = !1,
-    onPageSizeChange: n = W,
-    sizeOptions: l = q,
-    pageSize: i = 10,
-    disabled: h,
-    theme: u = d,
-    countPerPage: b
-  } = t;
-  return m ? /* @__PURE__ */ a("div", { className: "bu-h-[34px] bu-w-[97px]", children: /* @__PURE__ */ a(
-    D,
-    {
-      ref: e,
-      options: l.map((s) => ({
-        value: String(s),
-        label: String(s)
-      })),
-      defaultValue: l.indexOf(i) !== -1 ? String(i) : String(l[0]),
-      onChange: (s) => {
-        n(Number(s) || 10);
-      },
-      className: "bu-max-h-[150px] bu-overflow-y-scroll",
-      base: "div",
-      inputDisabled: h,
-      selectItemClassName: `!bu-px-[8px] !bu-leading-[18px] ${u === "light" ? "!bu-bg-light-background hover:!bu-bg-light-hover-fill-primary" : "!bu-bg-dark-background hover:!bu-bg-dark-hover-fill-primary"}`,
-      valueClassName: "!bu-h-[34px]",
-      inputClassName: "!bu-h-[34px]",
-      customSelectItems: (s) => {
-        const v = l.indexOf(i) !== -1 ? String(i) : String(l[0]);
-        return /* @__PURE__ */ g(
-          "div",
-          {
-            className: v === s.value ? u === "light" ? "!bu-text-light-primary" : "!bu-text-dark-primary" : "",
-            children: [
-              s.label,
-              " / ",
-              b
-            ]
-          }
-        );
-      },
-      customLabel: (s) => /* @__PURE__ */ g(
-        "div",
-        {
-          className: `${u === "light" ? "!bu-text-light-label" : "!bu-text-dark-label"}`,
-          children: [
-            s.label,
-            " / ",
-            b
-          ]
-        }
-      ),
-      auto: !1
-    }
-  ) }) : null;
-}
-const R = 10;
-function x(t = R, e) {
-  return Math.ceil(e / t);
-}
-function G(t) {
-  return t && t.length ? t[0] : R;
-}
-function te({
-  totalPages: t,
-  currentPage: e,
-  onChange: d,
-  className: m,
-  theme: n,
-  activeStyle: l,
-  total: i,
-  sizeOptions: h,
-  sizeCanChange: u,
-  onPageChange: b,
-  pageSizeChangeResetCurrent: s = !0,
-  countPerPage: v = "Page",
-  pageSize: y
-}) {
-  const [c, $] = p.useState(
-    y || G(h)
-  ), [_, V] = p.useState(
-    () => j(
-      e,
-      u ? x(c, i) : t
-    )
-  ), w = p.useRef(!0), { theme: S } = A(), F = e === 1, I = p.useMemo(() => {
-    const r = u ? x(c, i) : t;
-    return e === r;
-  }, [e, t, u, c, i]), k = (r) => () => {
-    const o = (f) => {
-      u ? b && b(f, c) : d && d(f);
-    };
-    if (r === "prev")
-      return e > 1 && o(e - 1);
-    if (r === "next") {
-      const f = u ? x(c, i) : t;
-      return e < f && o(e + 1);
-    }
-    r !== e && o(r);
-  }, M = (r) => {
-    const o = x(r, i);
-    $(r), b && b(
-      s ? 1 : e > o ? o : e,
-      r
-    );
-  };
-  return p.useEffect(() => {
-    w.current ? w.current = !1 : V(
-      j(
-        e,
-        u ? x(c, i) : t
-      )
-    );
-  }, [t, e, u, c, i]), !u && (!e || !t || t < e) ? null : (u && !b && console.error(
-    "Warning: you have provide current prop for pagination but without onPageSizeChange handler , this will cause no-change when you change page. "
-  ), /* @__PURE__ */ g("div", { className: `bu-flex bu-items-center bu-justify-center bu-gap-[16px] ${m}`, children: [
-    /* @__PURE__ */ g(
-      "ul",
-      {
-        className: O(
-          "bu-flex bu-items-center bu-justify-center bu-gap-[16px] bu-text-dark-label md:bu-gap-[24px]"
-        ),
-        children: [
-          /* @__PURE__ */ a(
-            "li",
-            {
-              className: T({ theme: n || S }),
-              "data-disabled": F,
-              onClick: k("prev"),
-              children: /* @__PURE__ */ a(N, { className: "bu-h-[24px] bu-w-[24px] bu-rotate-90" })
-            }
-          ),
-          _.map((r, o) => /* @__PURE__ */ a(
-            "li",
-            {
-              ...e === r ? { "data-current": !0, style: l } : { "data-current": !1 },
-              className: E({ theme: n || S }),
-              children: typeof r == "string" ? /* @__PURE__ */ a("span", { children: r }) : /* @__PURE__ */ a("button", { onClick: k(r), children: r })
-            },
-            `${r}-${o}`
-          )),
-          /* @__PURE__ */ a(
-            "li",
-            {
-              className: T({ theme: n || S }),
-              "data-disabled": I,
-              onClick: k("next"),
-              children: /* @__PURE__ */ a(N, { className: "bu-h-[24px] bu-w-[24px] -bu-rotate-90" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ a(
-      B,
-      {
-        theme: n,
-        sizeCanChange: u,
-        sizeOptions: h,
-        onPageSizeChange: M,
-        pageSize: c,
-        countPerPage: v
-      }
-    )
-  ] }));
-}
-function j(t, e) {
-  if (e <= 4)
-    return Array.from({ length: e }, (l, i) => i + 1);
-  if (t === 1)
-    return [1, 2, 3, "...", e];
-  if (t === e)
-    return [1, "...", e - 2, e - 1, e];
-  const d = Array.from({ length: 3 }, (l, i) => t + i - 1).filter(
-    (l) => l > 1 && l < e
-  ), m = t - 2 > 1 ? [1, "..."] : [1], n = t + 2 >= e ? [e] : ["...", e];
-  return [...m, ...d, ...n];
-}
-export {
-  B as PageOption,
-  te as Pagination
-};

package/dist/Picker.d.ts

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

package/dist/Picker.es.js

@@ -1,224 +0,0 @@
-"use client";
-import { jsx as p, jsxs as A } from "react/jsx-runtime";
-import * as $ from "react";
-import { useRef as y, useState as B, useCallback as F, useEffect as R } from "react";
-import { g as D } from "./_commonjsHelpers-1d52fb73.js";
-import { _ as P, a as Y, s as v } from "./index.module-fb41ba3b.js";
-import { u as H } from "./useTheme-0688f238.js";
-import { c as G } from "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-function U(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var S = U, X = P, q = function() {
-  return X.Date.now();
-}, z = q, J = /\s/;
-function K(e) {
-  for (var t = e.length; t-- && J.test(e.charAt(t)); )
-    ;
-  return t;
-}
-var Q = K, Z = Q, V = /^\s+/;
-function ee(e) {
-  return e && e.slice(0, Z(e) + 1).replace(V, "");
-}
-var te = ee;
-function ne(e) {
-  return e != null && typeof e == "object";
-}
-var re = ne, ie = Y, ce = re, ae = "[object Symbol]";
-function se(e) {
-  return typeof e == "symbol" || ce(e) && ie(e) == ae;
-}
-var oe = se, ue = te, O = S, le = oe, N = 0 / 0, fe = /^[-+]0x[0-9a-f]+$/i, me = /^0b[01]+$/i, de = /^0o[0-7]+$/i, he = parseInt;
-function be(e) {
-  if (typeof e == "number")
-    return e;
-  if (le(e))
-    return N;
-  if (O(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = O(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = ue(e);
-  var r = me.test(e);
-  return r || de.test(e) ? he(e.slice(2), r ? 2 : 8) : fe.test(e) ? N : +e;
-}
-var ge = be, ve = S, I = z, L = ge, pe = "Expected a function", xe = Math.max, ke = Math.min;
-function ye(e, t, r) {
-  var i, c, h, f, a, m, l = 0, u = !1, d = !1, s = !0;
-  if (typeof e != "function")
-    throw new TypeError(pe);
-  t = L(t) || 0, ve(r) && (u = !!r.leading, d = "maxWait" in r, h = d ? xe(L(r.maxWait) || 0, t) : h, s = "trailing" in r ? !!r.trailing : s);
-  function n(o) {
-    var b = i, x = c;
-    return i = c = void 0, l = o, f = e.apply(x, b), f;
-  }
-  function g(o) {
-    return l = o, a = setTimeout(k, t), u ? n(o) : f;
-  }
-  function E(o) {
-    var b = o - m, x = o - l, j = t - b;
-    return d ? ke(j, h - x) : j;
-  }
-  function _(o) {
-    var b = o - m, x = o - l;
-    return m === void 0 || b >= t || b < 0 || d && x >= h;
-  }
-  function k() {
-    var o = I();
-    if (_(o))
-      return C(o);
-    a = setTimeout(k, E(o));
-  }
-  function C(o) {
-    return a = void 0, s && i ? n(o) : (i = c = void 0, f);
-  }
-  function W() {
-    a !== void 0 && clearTimeout(a), l = 0, i = m = c = a = void 0;
-  }
-  function w() {
-    return a === void 0 ? f : C(I());
-  }
-  function T() {
-    var o = I(), b = _(o);
-    if (i = arguments, c = this, m = o, b) {
-      if (a === void 0)
-        return g(m);
-      if (d)
-        return clearTimeout(a), a = setTimeout(k, t), n(m);
-    }
-    return a === void 0 && (a = setTimeout(k, t)), f;
-  }
-  return T.cancel = W, T.flush = w, T;
-}
-var M = ye;
-const Ee = /* @__PURE__ */ D(M);
-var Te = M, $e = S, Ie = "Expected a function";
-function Se(e, t, r) {
-  var i = !0, c = !0;
-  if (typeof e != "function")
-    throw new TypeError(Ie);
-  return $e(r) && (i = "leading" in r ? !!r.leading : i, c = "trailing" in r ? !!r.trailing : c), Te(e, t, {
-    leading: i,
-    maxWait: t,
-    trailing: c
-  });
-}
-var _e = Se;
-const Ce = /* @__PURE__ */ D(_e), je = (e) => {
-  R(e, []);
-}, Oe = (e, t) => {
-  const r = y(null);
-  y(0);
-  const i = y(0), c = y(30), [h, f] = B(t), a = F(
-    (s) => {
-      let n = -(s / c.current);
-      const g = Math.floor(n);
-      n - g > 0.5 ? n = g + 1 : n = g, n < 0 && (n = 0);
-      const E = e[n].value;
-      return f(E), { currentIndex: n };
-    },
-    [e]
-  ), m = Ce((s) => {
-    s.preventDefault();
-    const n = r.current, g = s.deltaY;
-    i.current += -g * 4, i.current > 0 && (i.current = 0), i.current < -((e.length - 1) * c.current) && (i.current = -((e.length - 1) * c.current)), n && (n.style.transition = "transform 0.2s", n.style.transform = `translateY(${i.current}px)`), l();
-  }), l = Ee(() => {
-    const { currentIndex: s } = a(i.current);
-    i.current = -(c.current * s);
-    const n = r.current;
-    n && (n.style.transform = `translateY(${i.current}px)`);
-  }, 16.7);
-  R(() => {
-    const s = r.current;
-    if (s && s.firstElementChild) {
-      const n = s.firstElementChild.getBoundingClientRect().height;
-      c.current = n;
-    }
-    if (s !== null)
-      return s.addEventListener("wheel", m, !1), () => {
-        s.removeEventListener("wheel", m);
-      };
-  }, [e.length, a, r.current]);
-  const u = () => {
-    e.forEach((s, n) => {
-      s.value === t && d(n);
-    }), t || d(0);
-  }, d = (s) => {
-    const n = r.current;
-    i.current = -(c.current * s), n && (n.style.transform = `translate3D(0, ${i.current}px, 0)`);
-  };
-  return je(() => {
-    u();
-  }), { pickerColumnsEl: r, selected: h, setSelected: f, selectIndex: d };
-}, Ne = G("", {
-  variants: {
-    intent: {
-      select: "bu-text-md",
-      unSelect: "bu-text-base"
-    },
-    theme: {
-      light: "bu-text-light-label",
-      dark: "bu-text-dark-label"
-    }
-  },
-  compoundVariants: [
-    {
-      intent: "unSelect",
-      theme: "light",
-      class: "bu-text-light-label"
-    },
-    {
-      intent: "unSelect",
-      theme: "dark",
-      class: "bu-text-dark-label-40"
-    }
-  ]
-}), Be = ({ list: e, selectedValue: t, setValue: r }) => {
-  const { pickerColumnsEl: i, selected: c, setSelected: h, selectIndex: f } = Oe(
-    e,
-    t
-  ), { theme: a } = H(), m = $.useMemo(() => {
-    const l = [];
-    for (let u = 0; u < e.length; u++)
-      l.push(
-        /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(
-          "div",
-          {
-            className: v["picker-list"],
-            onClick: () => {
-              h(e[u].value), f(u);
-            },
-            children: /* @__PURE__ */ p(
-              "span",
-              {
-                className: `${Ne({
-                  intent: c === e[u].value ? "select" : "unSelect",
-                  theme: a
-                })}`,
-                children: e[u].label
-              }
-            )
-          }
-        ) }, t + "_" + u)
-      );
-    return l;
-  }, [e, c]);
-  return $.useEffect(() => {
-    r(c);
-  }, [c]), $.useEffect(() => {
-    const l = e.findIndex((d) => d.value === t), u = l > -1 ? l : e.length - 1;
-    f(u), h(e[u].value);
-  }, [e]), /* @__PURE__ */ A("div", { className: v["picker-column"], children: [
-    /* @__PURE__ */ p("div", { className: v.up + " " + v[`up-${a || "light"}`] }),
-    /* @__PURE__ */ p("div", { className: v.down + " " + v[`down-${a || "light"}`] }),
-    /* @__PURE__ */ p("div", { className: v["picker-column-wheel"], ref: i, children: m })
-  ] });
-};
-export {
-  Be as Picker
-};

package/dist/Popover.d.ts

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

package/dist/Popover.es.js

@@ -1,107 +0,0 @@
-"use client";
-import { jsxs as N, jsx as _ } from "react/jsx-runtime";
-import * as t from "react";
-import { useEffect as w } from "react";
-import { createPortal as $ } from "react-dom";
-import { u as j, a as O, b as S } from "./useDelayEvent-f577f6a3.js";
-import "./_commonjsHelpers-1d52fb73.js";
-const D = (l, p, c, n, e) => {
-  const r = (i) => {
-    n && n.contains(i.target) || e && e.contains(i.target) || p(!1);
-  };
-  w(() => {
-    if (!c)
-      return n && (document.removeEventListener("click", r), document.addEventListener("click", r)), () => {
-        document.removeEventListener("click", r);
-      };
-  }, [l, c]);
-}, v = {
-  "popover-content": "_popover-content_1iu3o_1",
-  "popover-content-visible": "_popover-content-visible_1iu3o_7",
-  "popover-content-hidden": "_popover-content-hidden_1iu3o_12"
-}, B = t.forwardRef((l, p) => {
-  t.useImperativeHandle(p, () => ({
-    close: x
-  }));
-  const {
-    label: c,
-    content: n,
-    trigger: e,
-    y: r,
-    x: i,
-    placement: P = "bottom-start",
-    flipPlacement: d,
-    afterClose: h,
-    contentClassName: y,
-    className: M,
-    onVisibleChange: a
-  } = l, k = t.useMemo(() => e !== "click", [e]), [o, s] = j(!1, 100, k), u = t.useRef(null), f = t.useRef(null);
-  D(
-    o,
-    s,
-    k,
-    u.current,
-    f.current
-  );
-  const { isClient: g } = O(), { styles: C, attributes: L, update: m } = S(u.current, f.current, {
-    placement: P,
-    strategy: "fixed",
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [i, r]
-        }
-      },
-      {
-        name: "flip",
-        options: {
-          fallbackPlacements: d || []
-        }
-      }
-    ]
-  }), x = () => {
-    s(!1);
-  };
-  t.useEffect(() => {
-    m && m();
-  }, [o, m]);
-  const R = () => {
-    e === "click" && s(!o);
-  }, b = () => {
-    e !== "click" && s(!0);
-  }, E = () => {
-    e !== "click" && s(!1);
-  };
-  return t.useEffect(() => {
-    o || h && h(), a == null || a(o);
-  }, [o]), /* @__PURE__ */ N("div", { ref: u, onClick: R, className: M, children: [
-    /* @__PURE__ */ _(
-      "label",
-      {
-        className: "bu-cursor-pointer",
-        onMouseEnter: b,
-        onMouseLeave: E,
-        children: c
-      }
-    ),
-    g && $(
-      /* @__PURE__ */ _(
-        "div",
-        {
-          onMouseEnter: b,
-          onMouseLeave: E,
-          ref: f,
-          style: C.popper,
-          ...L.popper,
-          className: `${v["popover-content"]} ${o ? v["popover-content-visible"] : v["popover-content-hidden"]} ${y}`,
-          children: n
-        }
-      ),
-      document.body
-    )
-  ] });
-});
-export {
-  B as Popover
-};

package/dist/Popup.d.ts

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

package/dist/Popup.es.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsxs as N, jsx as R } from "react/jsx-runtime";
-import * as e from "react";
-import { useRef as T } from "react";
-import { c as W } from "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-const f = {
-  "popup-container": "_popup-container_1lnwv_1",
-  "popup-title": "_popup-title_1lnwv_5",
-  "popup-content": "_popup-content_1lnwv_9"
-}, j = W("", {
-  variants: {
-    show: {
-      true: "bu-opacity-1 bu-z-[1]",
-      false: "bu-z-[1] bu-opacity-0"
-    }
-  }
-});
-function z(o) {
-  const r = T(o);
-  return r.current = o, r;
-}
-const q = e.forwardRef((o, r) => {
-  e.useImperativeHandle(r, () => ({
-    open: () => {
-      s(!0);
-    },
-    close: () => {
-      s(!1);
-    }
-  }));
-  const { title: w, content: v, cancel: _, distance: d = 10, disabled: b = !1, auto: m } = o, [t, s] = e.useState(!1), [E, l] = e.useState(!1), [H, g] = e.useState(!1), n = e.useRef(null), [h, S] = e.useState(0), i = e.useRef(null), a = e.useRef(null), u = z(_), p = (c) => {
-    i.current && document.contains(c.target) && c.target && !i.current.contains(c.target) && t && (s(!1), u.current && u.current());
-  }, k = () => {
-    b || (s(!t), t && u.current && u.current());
-  };
-  return e.useEffect(() => {
-    if (n.current && S(n.current.clientHeight), n.current && a.current && t) {
-      const c = window.innerHeight || document.documentElement.clientHeight, x = window.innerWidth || document.documentElement.clientWidth, { bottom: y, right: C } = n.current.getBoundingClientRect(), { height: L, width: I } = a.current.getBoundingClientRect();
-      C + I >= x ? g(!0) : g(!1), m && y + L > c ? l(!1) : l(!0);
-    }
-  }, [t, m]), e.useEffect(() => (i.current && (document.removeEventListener("click", p), document.addEventListener("click", p)), () => {
-    document.removeEventListener("click", p);
-  }), [t]), /* @__PURE__ */ N("div", { ref: i, className: f["popup-container"], children: [
-    /* @__PURE__ */ R("div", { ref: n, className: f["popup-title"], onClick: k, children: w }),
-    /* @__PURE__ */ R(
-      "div",
-      {
-        ref: a,
-        className: `${j({ show: t })} ${f["popup-content"]}`,
-        style: {
-          ...E ? { top: d + h + "px" } : { bottom: d + h + "px" },
-          ...H ? { right: 0 } : { left: 0 }
-        },
-        children: t && v
-      }
-    )
-  ] });
-});
-export {
-  q as Popup
-};