@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/Select.d.ts

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

package/dist/Select.es.js

@@ -1,316 +0,0 @@
-"use client";
-import { jsx as t, jsxs as j } from "react/jsx-runtime";
-import * as r from "react";
-import { createPortal as ae } from "react-dom";
-import { u as se } from "./useTheme-0688f238.js";
-import { TextField as le } from "./TextField.es.js";
-import { Typography as q } from "./Typography.es.js";
-import { S as ne } from "./arrow-fill-70becd96.js";
-import { k as oe } from "./helper-221987f8.js";
-import { c as G } from "./utils-071abd68.js";
-import { S as ce } from "./search-b79a3be5.js";
-import { S as ie } from "./close-bg-6d2211ef.js";
-import { c as i } from "./index-c57db938.js";
-import { b as ue, a as me, u as be } from "./useDelayEvent-f577f6a3.js";
-import "./styles-85a9fe64.js";
-import "./clsx.m-e965ef18.js";
-import "./_commonjsHelpers-1d52fb73.js";
-const de = (n) => /* @__PURE__ */ r.createElement("svg", { width: 8, height: 4, viewBox: "0 0 8 4", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ r.createElement("path", { d: "M1 0.5L4 3.5L7 0.5", stroke: "currentColor", strokeOpacity: 1, strokeLinecap: "round", strokeLinejoin: "round" })), pe = i("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-60",
-      dark: "bu-text-dark-label-60"
-    }
-  }
-}), he = i("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label",
-      dark: "bu-text-white"
-    }
-  }
-}), fe = i("bu-border-[1px]", {
-  variants: {
-    theme: {
-      light: "bu-border-light-line-secondary bu-bg-light-background",
-      dark: "bu-border-dark-line-primary bu-bg-dark-background"
-    }
-  }
-}), ge = i("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-primary",
-      dark: "bu-text-dark-primary"
-    }
-  }
-}), ve = ({ theme: n, active: b }) => i(
-  "bu-tracking-[-0.2px bu-w-full bu-cursor-pointer bu-p-[8px] bu-text-[12px] bu-leading-[18px]",
-  {
-    variants: {
-      theme: {
-        light: "bu-bg-light-background hover:bu-bg-light-fill-secondary",
-        dark: "bu-bg-dark-background bu-text-dark-label hover:bu-bg-dark-fill-secondary"
-      },
-      active: {
-        true: ge({ theme: n }),
-        false: ""
-      }
-    }
-  }
-)({ theme: n, active: b }), ye = i("bu-sticky bu-top-0 bu-mb-[8px] bu-px-[8px] bu-pt-[8px]", {
-  variants: {
-    theme: {
-      light: "bu-bg-light-background",
-      dark: "bu-bg-dark-background"
-    }
-  }
-}), H = i("bu-mx-[8px]", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), ke = i("", {
-  variants: {
-    show: {
-      true: "bu-opacity-1 bu-visible bu-z-[10000]",
-      false: "bu-invisible bu-z-[-100] bu-opacity-0"
-    }
-  }
-}), xe = {
-  "select-container": "_select-container_d7gu0_1"
-}, Se = r.forwardRef((n, b) => {
-  const {
-    value: d,
-    items: a,
-    enter: u,
-    align: m,
-    parent: E,
-    handleSelect: R,
-    activeColor: p,
-    theme: o,
-    menuWrapperClassName: A,
-    customSelectItems: h,
-    search: f,
-    searchClear: k,
-    searchEmpty: x,
-    searchChange: s,
-    rowKey: I,
-    styles: F,
-    x: L = 0,
-    y: M = 0,
-    container: S
-  } = n, C = r.useRef(null), l = r.useRef(null), { styles: g, attributes: B, update: v, state: _ } = ue(E, C.current, {
-    placement: m === "left" ? "bottom-start" : "bottom-end",
-    strategy: "fixed",
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [L, M]
-        }
-      },
-      {
-        name: "flip",
-        options: {
-          fallbackPlacements: [m === "left" ? "top-start" : "top-end"]
-        }
-      }
-    ]
-  }), P = (e) => {
-    s && s(e);
-  };
-  return r.useEffect(() => {
-    v && v(), !u && l.current && (l.current.value = "");
-  }, [u]), ae(
-    /* @__PURE__ */ t("div", { ref: b, children: /* @__PURE__ */ j(
-      "div",
-      {
-        ref: C,
-        className: `${xe["select-container"]} ${ke({ show: u })} ${f ? "bu-pb-[8px]" : "bu-py-[8px]"} ${fe({
-          theme: o
-        })} ${A || ""}`,
-        style: { ...g.popper, ...F },
-        ...B.popper,
-        children: [
-          f && /* @__PURE__ */ t("div", { className: ye({ theme: o }), children: /* @__PURE__ */ t(
-            le,
-            {
-              ref: l,
-              variant: "outlined",
-              className: "bu-h-[38px]",
-              startAdornment: /* @__PURE__ */ t(ce, { className: H({ theme: o }) }),
-              endAdornment: k && l.current && l.current.value ? /* @__PURE__ */ t(
-                ie,
-                {
-                  className: `${H({ theme: o })} bu-cursor-pointer`,
-                  onClick: () => {
-                    l.current && (l.current.value = ""), setTimeout(() => {
-                      P("");
-                    }, 0);
-                  }
-                }
-              ) : null,
-              onChange: (e) => P(e.target.value)
-            }
-          ) }),
-          f && x && !a.length && x,
-          /* @__PURE__ */ t("ul", { children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ t(
-            "li",
-            {
-              className: ve({
-                theme: o,
-                active: p && d === e.value
-              }),
-              onClick: () => R(e.value, e),
-              children: h ? h(e) : e.label
-            },
-            e[I || d]
-          )) })
-        ]
-      }
-    ) }),
-    S || document.body
-  );
-}), _e = r.forwardRef((n, b) => {
-  var O, W;
-  const {
-    name: d,
-    value: a,
-    selectItems: u,
-    theme: m,
-    align: E = "left",
-    selectType: R = "filled",
-    handleChange: p,
-    labelClassName: o,
-    scrollable: A = !1,
-    wrapper: h,
-    activeColor: f = !0,
-    arrowClassName: k = "",
-    offsetParent: x,
-    trigger: s = "click",
-    menuWrapperClassName: I,
-    adsorb: F = !1,
-    labelId: L,
-    customSelectItems: M,
-    search: S,
-    searchClear: C,
-    searchEmpty: l,
-    searchChange: g,
-    rowKey: B,
-    labelField: v = "label",
-    styles: _,
-    inputDisabled: P = !1,
-    hoverClassName: e,
-    x: J,
-    y: Q,
-    container: U,
-    ...V
-  } = n, { theme: T } = se(), { isClient: X } = me(), w = r.useRef(null), z = r.useRef(null), [c, y] = be(!1, 100), Y = oe(u, "value"), D = r.useMemo(() => Y, [a, u]), Z = ($, N) => {
-    p && p($, N), y(!1);
-  }, ee = () => {
-    s === "hover" && y(!0);
-  }, te = () => {
-    s === "hover" && y(!1);
-  }, re = () => {
-    s === "click" && c === !1 && y(!0);
-  }, K = ($) => {
-    var N;
-    (N = z.current) != null && N.contains($.target) || (w.current && !w.current.contains($.target) && y(!1), g && g(""));
-  };
-  return r.useEffect(() => (s === "click" && document.addEventListener("click", K), () => {
-    s === "click" && document.removeEventListener("click", K);
-  }), [s]), /* @__PURE__ */ j("div", { className: "bu-flex", children: [
-    /* @__PURE__ */ j(
-      "div",
-      {
-        id: L,
-        ref: w,
-        className: "bu-flex bu-cursor-pointer bu-select-none bu-items-center bu-justify-center",
-        onMouseEnter: ee,
-        onMouseLeave: te,
-        onClick: re,
-        children: [
-          h ? h(
-            /* @__PURE__ */ t(
-              q,
-              {
-                variant: "body4",
-                className: `${o} ${c ? e : ""}`,
-                children: (O = D[String(a)]) == null ? void 0 : O[v]
-              }
-            )
-          ) : /* @__PURE__ */ t(
-            q,
-            {
-              variant: "body4",
-              className: `${o} ${c ? e : ""}`,
-              children: (W = D[String(a)]) == null ? void 0 : W[v]
-            }
-          ),
-          R === "filled" ? /* @__PURE__ */ t(
-            ne,
-            {
-              className: `bu-h-[16px] bu-w-[16px] ${c ? "" : "bu-rotate-180"} ${G(
-                pe({
-                  theme: m || T
-                })
-              )} ${k} ${c ? e : ""}`
-            }
-          ) : /* @__PURE__ */ t(
-            de,
-            {
-              className: `bu-ml-[4px] bu-h-[10px] bu-w-[10px] ${c ? "bu-rotate-180" : ""} ${G(
-                he({
-                  theme: m || T
-                })
-              )} ${k} ${c ? e : ""}`
-            }
-          ),
-          X && /* @__PURE__ */ t(
-            Se,
-            {
-              ref: z,
-              enter: c,
-              parent: w.current,
-              search: S,
-              searchClear: C,
-              searchEmpty: l,
-              searchChange: g,
-              value: String(a),
-              items: u,
-              customSelectItems: M,
-              align: E,
-              handleSelect: Z,
-              activeColor: f,
-              theme: m || T,
-              offsetParent: x,
-              menuWrapperClassName: I,
-              rowKey: B,
-              styles: _,
-              x: J,
-              y: Q,
-              container: U
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      "input",
-      {
-        className: "bu-hidden",
-        name: d,
-        id: `bu-select-${d}`,
-        type: "hidden",
-        ref: b,
-        value: a,
-        ...V
-      }
-    )
-  ] });
-});
-export {
-  _e as Select
-};

package/dist/Sortable.d.ts

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

package/dist/Sortable.es.js

@@ -1,39 +0,0 @@
-"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

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

package/dist/Switch.es.js

@@ -1,64 +0,0 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { s } from "./index.module-b4239ff5.js";
-import { c as t } from "./index-c57db938.js";
-import { u as l } from "./useTheme-0688f238.js";
-import "./clsx.m-e965ef18.js";
-import "react";
-const n = t(
-  "bu-flex bu-cursor-pointer bu-items-center bu-p-[2px]",
-  {
-    variants: {
-      size: {
-        tiny: "bu-h-[16px] bu-w-[28px]",
-        small: "bu-h-[18px] bu-w-[32px]",
-        medium: "bu-h-[24px] bu-w-[40px]"
-      }
-    }
-  }
-), p = t("bu-rounded-full bu-bg-light-background", {
-  variants: {
-    size: {
-      tiny: "bu-h-[12px] bu-w-[12px]",
-      small: "bu-h-[14px] bu-w-[14px]",
-      medium: "bu-h-[20px] bu-w-[20px]"
-    }
-  }
-}), o = t("", {
-  variants: {
-    size: {
-      tiny: "bu-translate-x-[12px]",
-      small: "bu-translate-x-[14px]",
-      medium: "bu-translate-x-[16px]"
-    }
-  }
-}), x = t("", {
-  variants: {
-    theme: {
-      light: "bu-bg-light-fill-secondary",
-      dark: "bu-bg-dark-fill-tertiary"
-    }
-  }
-}), v = ({ check: u, onChange: r, size: i = "medium", className: a = "" }) => {
-  const { theme: b } = l(), m = () => {
-    r();
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: `${s.switch} ${x({ theme: b })} ${n({ size: i })} ${u ? "bu-bg-light-primary" : ""} ${a}`,
-      onClick: m,
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: `${s.thumb} ${u ? o({ size: i }) : ""} ${p({
-            size: i
-          })}`
-        }
-      )
-    }
-  );
-};
-export {
-  v as Switch
-};

package/dist/Tab.d.ts

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

package/dist/Tab.es.js

@@ -1,101 +0,0 @@
-"use client";
-import { jsxs as d, jsx as u } from "react/jsx-runtime";
-import * as l from "react";
-import { u as $ } from "./useTheme-0688f238.js";
-import { c as N } from "./utils-071abd68.js";
-import { c as r } from "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-const w = "_tab_z7uci_1", j = {
-  tab: w
-}, z = r("bu-min-w-[32px] bu-cursor-pointer", {
-  variants: {
-    size: {
-      small: "bu-text-[14px] bu-mr-[16px]",
-      medium: "bu-text-[14px] bu-mr-[16px]",
-      large: "bu-text-[16px] bu-mr-[16px]",
-      max: "bu-text-[20px] bu-mr-[24px]"
-    }
-  }
-}), T = r("after:bu-mt-[8px] after:bu-block after:bu-h-[2px] after:bu-w-[32px]"), _ = r("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-primary",
-      dark: "bu-text-dark-primary"
-    }
-  }
-}), C = r("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label after:bu-bg-light-primary",
-      dark: "bu-text-dark-label  after:bu-bg-dark-primary"
-    }
-  }
-}), I = r("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), M = r("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), R = r("bu-border-b-[1px] bu-px-[16px]", {
-  variants: {
-    theme: {
-      light: "bu-border-light-line-primary",
-      dark: "bu-border-dark-line-primary"
-    }
-  }
-}), q = l.forwardRef((x, p) => {
-  var o;
-  const {
-    defaultIndex: h,
-    items: s,
-    size: a,
-    change: b,
-    className: f,
-    children: y,
-    tabWrapperClass: k,
-    hideBorder: g = !1,
-    hideUnderline: n = !1
-  } = x;
-  l.useImperativeHandle(p, () => ({
-    setTab: (e) => {
-      var i;
-      m((i = s[e]) == null ? void 0 : i.key);
-    }
-  }));
-  const [c, m] = l.useState(((o = s[h || 0]) == null ? void 0 : o.key) || s[0].key), { theme: t } = $(), v = (e) => {
-    m(e), b == null || b(e);
-  }, S = l.useMemo(() => a === "small" ? _({ theme: t }) : `${n ? "" : T()} ${C({ theme: t })}`, [a, t, n]), A = l.useMemo(() => a === "small" ? M({ theme: t }) : I({ theme: t }), [a, t]);
-  return /* @__PURE__ */ d("div", { className: "bu-flex bu-flex-col", children: [
-    /* @__PURE__ */ d(
-      "div",
-      {
-        className: `bu-flex bu-justify-between ${a !== "small" && !g ? R({ theme: t }) : ""} ${k || ""}`,
-        children: [
-          /* @__PURE__ */ u("ul", { className: `${j.tab}`, children: s.map((e) => /* @__PURE__ */ u(
-            "li",
-            {
-              id: e.key,
-              className: `${z({ size: a })} ${c === e.key ? S : A}`,
-              onClick: () => v(e.key),
-              children: e.label
-            },
-            e.key
-          )) }),
-          y
-        ]
-      }
-    ),
-    /* @__PURE__ */ u("div", { className: N("bu-h-full bu-w-full", f), children: s.map((e, i) => /* @__PURE__ */ u(l.Fragment, { children: c === e.key ? e.children : null }, i)) })
-  ] });
-});
-export {
-  q as Tab
-};

package/dist/Table.d.ts

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