@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/LabelTextField.es.js

@@ -1,100 +0,0 @@
-"use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import * as z from "react";
-import { u as I } from "./useTheme-0688f238.js";
-import { c as n } from "./utils-071abd68.js";
-import { Typography as p } from "./Typography.es.js";
-import { L as T, I as A, A as b, a as j, b as w, c as h, d as L, H as V } from "./styles-85a9fe64.js";
-import "./clsx.m-e965ef18.js";
-import "./index-c57db938.js";
-const k = z.forwardRef((f, y) => {
-  const {
-    id: o,
-    label: s,
-    startAdornment: r,
-    endAdornment: l,
-    type: v,
-    className: m,
-    inputClassName: N,
-    variant: g,
-    theme: e,
-    error: x,
-    helperText: u,
-    disabled: d,
-    inputSize: i = "md",
-    ...S
-  } = f, { theme: a } = I();
-  return /* @__PURE__ */ c("div", { children: [
-    s && typeof s == "string" && /* @__PURE__ */ t("label", { children: /* @__PURE__ */ t(
-      p,
-      {
-        variant: "body4",
-        className: n(T({ theme: e || a, size: i })),
-        children: s
-      }
-    ) }),
-    s && typeof s != "string" && /* @__PURE__ */ t("div", { className: "bu-mb-1", children: s }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: n(
-          A({
-            variant: g,
-            theme: e || a,
-            error: x,
-            disabled: d,
-            noClassName: !m,
-            size: i
-          }),
-          m
-        ),
-        children: /* @__PURE__ */ c("div", { className: "bu-flex bu-h-full bu-w-full bu-items-center bu-justify-center", children: [
-          r && /* @__PURE__ */ t(
-            "div",
-            {
-              className: typeof r == "string" ? b({ size: i, position: "start" }) : "",
-              children: r
-            }
-          ),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              id: o || (typeof s == "string" ? `bui-${s}` : void 0),
-              disabled: d,
-              type: v,
-              ...S,
-              ref: y,
-              className: n(
-                "bu-h-full bu-w-full bu-flex-1 bu-bg-transparent bu-outline-none focus:bu-outline-0 focus-visible:bu-outline-0",
-                L({ inputSize: i }),
-                N,
-                !r && h({ inputSize: i }),
-                !l && h({ inputSize: i }),
-                w({ theme: e || a }),
-                j({ theme: e || a })
-              )
-            }
-          ),
-          l && /* @__PURE__ */ t(
-            "div",
-            {
-              className: typeof l == "string" ? b({ size: i, position: "end" }) : "",
-              children: l
-            }
-          )
-        ] })
-      }
-    ),
-    u && /* @__PURE__ */ t("div", { className: "bu-mt-1", children: /* @__PURE__ */ t(
-      p,
-      {
-        variant: "body4",
-        className: n(V({ theme: e || a })),
-        children: u
-      }
-    ) })
-  ] });
-});
-export {
-  k as LabelTextField
-};

package/dist/MonthPicker.d.ts

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

package/dist/MonthPicker.es.js

@@ -1,16 +0,0 @@
-"use client";
-import { M as h } from "./index-eea69add.js";
-import "react/jsx-runtime";
-import "react";
-import "./Button.es.js";
-import "./utils-071abd68.js";
-import "./clsx.m-e965ef18.js";
-import "./index-c57db938.js";
-import "./useTheme-0688f238.js";
-import "./index-b7027a1d.js";
-import "./Picker.es.js";
-import "./_commonjsHelpers-1d52fb73.js";
-import "./index.module-fb41ba3b.js";
-export {
-  h as MonthPicker
-};

package/dist/MultiSelect.d.ts

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

package/dist/MultiSelect.es.js

@@ -1,425 +0,0 @@
-"use client";
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import * as r from "react";
-import { createPortal as Q } from "react-dom";
-import { u as X } from "./useTheme-0688f238.js";
-import { c as V } from "./utils-071abd68.js";
-import { c as a } from "./index-c57db938.js";
-import { S as Z } from "./arrow-down-l-line-97e4fe24.js";
-import { S as Y } from "./close-bg-6d2211ef.js";
-import { S as ee } from "./close-0df24351.js";
-import { u as te } from "./useAlign-916ed3be.js";
-import { TextField as re } from "./TextField.es.js";
-import { S as se } from "./search-b79a3be5.js";
-import "./clsx.m-e965ef18.js";
-import "./styles-85a9fe64.js";
-const ae = "_menus_1u4o4_1", K = {
-  menus: ae,
-  "options-wrapper": "_options-wrapper_1u4o4_5"
-}, oe = a("", {
-  variants: {
-    theme: {
-      light: "bu-border-transparent bu-bg-light-fill-secondary focus-within:!bu-border-light-primary hover:bu-border-[1px] hover:bu-border-light-primary",
-      dark: "bu-border-transparent bu-bg-dark-fill-secondary focus-within:!bu-border-dark-primary hover:bu-border-[1px] hover:bu-border-dark-primary"
-    }
-  }
-}), le = a("", {
-  variants: {
-    theme: {
-      light: [
-        "bu-border-light-line-secondary focus-within:bu-border-light-primary focus-within:!bu-bg-transparent hover:bu-border-light-primary"
-      ],
-      dark: [
-        "bu-border-dark-line-secondary focus-within:bu-border-light-primary focus-within:!bu-bg-transparent hover:bu-border-dark-primary"
-      ]
-    }
-  }
-}), ne = a("", {
-  variants: {
-    theme: {
-      light: "bu-border-light-primary",
-      dark: "bu-border-dark-primary"
-    }
-  }
-}), ie = ({
-  theme: l,
-  size: h,
-  variant: i
-}) => a("bu-flex bu-items-center bu-justify-between bu-rounded-[8px] bu-border-[1px]", {
-  variants: {
-    variant: {
-      filled: oe({ theme: l }),
-      outlined: le({ theme: l })
-    },
-    theme: {
-      light: [],
-      dark: []
-    },
-    size: {
-      sm: ["bu-min-h-[32px]", "bu-px-[8px]"],
-      md: ["bu-min-h-[40px]", "bu-px-[8px]"],
-      lg: ["bu-min-h-[48px]", "bu-px-[12px]"]
-    }
-  },
-  defaultVariants: {
-    theme: "light",
-    size: "md"
-  }
-})({ theme: l, size: h, variant: i }), ue = a(
-  "bu-flex bu-flex-[1] bu-flex-wrap bu-items-center bu-justify-start bu-gap-[4px]",
-  {
-    variants: {
-      size: {
-        sm: "bu-py-[3px]",
-        md: "bu-py-[7px]",
-        lg: "bu-py-[9px]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), ce = a("bu-flex bu-items-center bu-justify-center", {
-  variants: {
-    size: {
-      sm: "bu-h-[16px] bu-w-[16px]",
-      md: "bu-h-[20px] bu-w-[20px]",
-      lg: "bu-h-[20px] bu-w-[20px]"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), be = a("bu-border-[1px] bu-border-solid", {
-  variants: {
-    theme: {
-      light: "bu-border-light-line-secondary bu-bg-light-background",
-      dark: "bu-border-dark-line-primary bu-bg-dark-background"
-    }
-  }
-}), de = a("bu-select-none", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    },
-    size: {
-      sm: "bu-text-[12px] bu-leading-[18px]",
-      md: "bu-text-[14px] bu-leading-[20px]",
-      lg: "bu-text-[16px] bu-leading-[24px]"
-    }
-  }
-}), pe = a("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"
-    }
-  }
-}), he = a("bu-mx-[8px]", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), me = a("bu-mx-[8px] bu-cursor-pointer", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), fe = a("!bu-cursor-not-allowed", {
-  variants: {
-    theme: {
-      light: "bu-text-light-label-40",
-      dark: "bu-text-dark-label-40"
-    }
-  }
-}), ge = a("", {
-  variants: {
-    theme: {
-      light: "bu-text-light-primary",
-      dark: "bu-text-dark-primary"
-    }
-  }
-}), U = ({
-  theme: l,
-  disabled: h,
-  isSelected: i
-}) => a(
-  "bu-flex bu-cursor-pointer bu-items-center bu-justify-start bu-p-[8px] bu-text-[12px] bu-leading-[18px]",
-  {
-    variants: {
-      theme: {
-        light: "bu-text-light-label hover:bu-bg-light-fill-secondary",
-        dark: "bu-text-dark-label hover:bu-bg-dark-fill-secondary"
-      },
-      disabled: {
-        true: fe({ theme: l }),
-        false: ""
-      },
-      isSelected: {
-        true: ge({ theme: l }),
-        false: ""
-      }
-    },
-    defaultVariants: {
-      theme: "light"
-    }
-  }
-)({ theme: l, disabled: h, isSelected: i }), xe = r.forwardRef((l, h) => {
-  const {
-    parent: i,
-    theme: m,
-    size: _,
-    scrollContainer: b,
-    auto: M,
-    offsetPixels: R = -2,
-    menusClassName: H,
-    search: x = !0,
-    searchClassName: S,
-    searchChange: v,
-    options: C,
-    optionsFormat: N,
-    currentSelected: s,
-    setCurrentSelected: d,
-    setIsShowOptions: y,
-    setIsHover: u,
-    multiLimit: E
-  } = l, { theme: n } = X(), c = m || n, [p, O] = r.useState(C), L = r.useRef(null), [T, z] = r.useState(0), { offset: o, resize: f } = te(i), { offsetX: k, offsetY: P } = o, [A, B] = r.useState(!1), { height: q, width: G } = i ? i.getBoundingClientRect() : { width: 0, height: 0 }, [W, J] = r.useState(""), F = (e) => {
-    if (J(e), v && typeof v == "function")
-      v(e);
-    else {
-      if (!e) {
-        O(C);
-        return;
-      }
-      const g = C.filter((I) => I.label.toLowerCase().includes(e.toLowerCase())).sort((I, j) => I.label.toLowerCase() === e.toLowerCase() ? -1 : j.label.toLowerCase() === e.toLowerCase() ? 1 : I.label.toLowerCase().startsWith(e.toLowerCase()) ? -1 : j.label.toLowerCase().startsWith(e.toLowerCase()) ? 1 : I.label.localeCompare(j.label));
-      O(g);
-    }
-  }, D = (e) => {
-    if (!e.disabled && d && s) {
-      if (E && s.length >= E)
-        return;
-      !!s.includes(e.value) || d([...s, e.value]), u && u(!1), y(!1);
-    }
-  };
-  return r.useEffect(() => (b && b.addEventListener("scroll", f), () => {
-    b && b.removeEventListener("scroll", f);
-  }), [b]), r.useEffect(() => {
-    M && setTimeout(() => {
-      if (L.current) {
-        const e = window.innerHeight || document.documentElement.clientHeight, { bottom: w, height: g } = L.current.getBoundingClientRect();
-        z(g), w > e ? B(!0) : B(!1);
-      }
-    }, 0);
-  }, [M]), k !== 0 && P !== 0 ? Q(
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: `${K.menus} ${H} ${be({ theme: n })}`,
-        style: {
-          top: A ? P - T - 4 : P + q + 4 + "px",
-          left: k + "px"
-        },
-        onClick: (e) => e.stopPropagation(),
-        onMouseDown: (e) => e.stopPropagation(),
-        onMouseUp: (e) => e.stopPropagation(),
-        onMouseMove: (e) => e.stopPropagation(),
-        onMouseLeave: (e) => e.stopPropagation(),
-        onMouseEnter: (e) => e.stopPropagation(),
-        onTouchStart: (e) => e.stopPropagation(),
-        onTouchEnd: (e) => e.stopPropagation(),
-        onTouchMove: (e) => e.stopPropagation(),
-        onTouchCancel: (e) => e.stopPropagation(),
-        onContextMenu: (e) => e.stopPropagation(),
-        ref: L,
-        children: /* @__PURE__ */ $(
-          "div",
-          {
-            ref: h,
-            style: { width: G + R + "px" },
-            className: "bu-flex bu-h-full bu-flex-col bu-gap-[8px]",
-            children: [
-              x && /* @__PURE__ */ t("div", { className: `${pe({ theme: n })} ${S}`, children: /* @__PURE__ */ t(
-                re,
-                {
-                  value: W,
-                  variant: "outlined",
-                  startAdornment: /* @__PURE__ */ t(se, { className: he({ theme: n }) }),
-                  endAdornment: W ? /* @__PURE__ */ t(
-                    Y,
-                    {
-                      className: me({ theme: n }),
-                      onClick: () => F("")
-                    }
-                  ) : null,
-                  onChange: (e) => F(e.target.value)
-                }
-              ) }),
-              /* @__PURE__ */ t("ul", { className: K["options-wrapper"], children: p.map((e, w) => {
-                const g = s == null ? void 0 : s.includes(e.value);
-                return N ? /* @__PURE__ */ t(
-                  "li",
-                  {
-                    className: V(
-                      U({
-                        theme: c,
-                        disabled: !!e.disabled,
-                        isSelected: !!g
-                      })
-                    ),
-                    onClick: () => {
-                      D(e);
-                    },
-                    children: N({ ...e, isSelected: g })
-                  },
-                  `${w}-${e.value}`
-                ) : /* @__PURE__ */ $(
-                  "li",
-                  {
-                    className: V(
-                      U({
-                        theme: c,
-                        disabled: !!e.disabled,
-                        isSelected: !!g
-                      })
-                    ),
-                    onClick: () => {
-                      D(e);
-                    },
-                    children: [
-                      e.icon && /* @__PURE__ */ t(
-                        "img",
-                        {
-                          src: e.icon,
-                          alt: e.label,
-                          className: "bu-mr-[4px] bu-h-[20px] bu-w-[20px]"
-                        }
-                      ),
-                      /* @__PURE__ */ t("div", { children: e.label })
-                    ]
-                  },
-                  `${w}-${e.value}`
-                );
-              }) })
-            ]
-          }
-        )
-      }
-    ),
-    document.body
-  ) : null;
-}), $e = r.forwardRef((l, h) => {
-  r.useImperativeHandle(h, () => ({
-    close: O,
-    clear: L
-  }));
-  const {
-    id: i,
-    size: m = "md",
-    className: _,
-    theme: b,
-    variant: M = "outlined",
-    clearIcon: R = !0,
-    placeholder: H = "placeholder",
-    values: x,
-    onChange: S,
-    labelShowKey: v,
-    options: C
-  } = l, { theme: N } = X(), s = r.useRef(null), d = b || N, [y, u] = r.useState(!1), [E, n] = r.useState(!1), [c, p] = r.useState([]), O = () => {
-    u(!1), n(!1), p([]), s.current && s.current.blur();
-  }, L = () => {
-    p([]), u(!1);
-  }, T = () => {
-    u(!y);
-  }, z = (o) => {
-    o.stopPropagation(), p([]), u(!1);
-  };
-  return r.useEffect(() => {
-    const o = (f) => {
-      s.current && !s.current.contains(f.target) && u(!1);
-    };
-    return document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("mousedown", o);
-    };
-  }, []), r.useEffect(() => {
-    x && Array.isArray(x) && p(x);
-  }, [x]), r.useEffect(() => {
-    S && typeof S == "function" && S(c);
-  }, [c]), /* @__PURE__ */ $(
-    "div",
-    {
-      ref: s,
-      className: V(
-        ie({ theme: d, size: m, variant: M }),
-        y ? ne({ theme: N }) : null,
-        _
-      ),
-      id: i,
-      onMouseEnter: () => n(!0),
-      onMouseLeave: () => n(!1),
-      onClick: T,
-      children: [
-        /* @__PURE__ */ t("div", { className: ue({ size: m }), children: c.length > 0 ? c.map((o) => {
-          const f = C.find((k) => k.value === o);
-          return /* @__PURE__ */ $(
-            "div",
-            {
-              className: `bu-flex bu-items-center bu-gap-[2px] bu-rounded-[4px] bu-px-[4px] bu-py-[2px] ${d === "dark" ? "bu-bg-dark-hover-fill-primary" : "bu-bg-light-hover-fill-primary"}`,
-              children: [
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    className: `bu-text-[16px] bu-leading-[24px] ${d === "dark" ? "bu-text-dark-label" : "bu-text-light-label"}`,
-                    children: f && v ? f[v] : o
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  ee,
-                  {
-                    onClick: (k) => {
-                      k.stopPropagation(), p((P) => P.filter((A) => A !== o));
-                    },
-                    className: `bu-h-[20px] bu-w-[20px] bu-cursor-pointer ${d === "dark" ? "bu-text-dark-label-40" : "bu-text-light-label-40"}`
-                  }
-                )
-              ]
-            },
-            o
-          );
-        }) : /* @__PURE__ */ t("div", { className: de({ theme: d, size: m }), children: H }) }),
-        /* @__PURE__ */ t("div", { className: ce({ size: m }), children: R && E && c.length > 0 ? /* @__PURE__ */ t(
-          Y,
-          {
-            className: "bu-h-full bu-w-full bu-cursor-pointer",
-            onClick: (o) => {
-              z(o);
-            }
-          }
-        ) : /* @__PURE__ */ t(
-          Z,
-          {
-            className: `bu-h-full bu-w-full bu-transition-all ${y ? "bu-rotate-180" : ""}`
-          }
-        ) }),
-        y && /* @__PURE__ */ t(
-          xe,
-          {
-            ...l,
-            parent: s.current,
-            currentSelected: c,
-            setCurrentSelected: p,
-            setIsShowOptions: u,
-            setIsHover: n
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  $e as MultiSelect
-};

package/dist/Notification.d.ts

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

package/dist/Notification.es.js

@@ -1,12 +0,0 @@
-"use client";
-import { b as f } from "./index-40023d52.js";
-import "react/jsx-runtime";
-import "react";
-import "react-dom";
-import "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-import "./useTheme-0688f238.js";
-import "./close-0df24351.js";
-export {
-  f as Notification
-};

package/dist/Pagination.d.ts

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