@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Divider.es.js

@@ -1,25 +1,28 @@
-import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import { c as i, u as b } from "./index-6ffbeca8.js";
-import { c as a } from "./utils-19b44377.js";
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { u as b } from "./useTheme-0688f238.js";
+import { c as i } from "./utils-071abd68.js";
+import { c as a } from "./index-c57db938.js";
 import "react";
-const m = i("", {
+import "./clsx.m-e965ef18.js";
+const o = a("", {
   variants: {
     theme: {
       light: "bu-my-1 bu-h-px bu-border-0 bu-bg-light-line-primary",
       dark: "bu-my-1 bu-h-px bu-border-0 bu-bg-dark-line-primary"
     }
   }
-}), l = i("bu-h-full bu-w-px", {
+}), l = a("bu-h-full bu-w-px", {
   variants: {
     theme: {
       light: "bu-bg-light-label-20",
       dark: "bu-bg-dark-label-20"
     }
   }
-}), c = ({ direction: s = "horizontal", theme: e }) => {
+}), d = ({ direction: m = "horizontal", theme: e }) => {
   const { theme: r } = b();
-  return s === "horizontal" ? /* @__PURE__ */ t.jsx("hr", { className: `${a(m({ theme: r || e }))}` }) : /* @__PURE__ */ t.jsx("div", { className: `${a(l({ theme: r || e }))}` });
+  return m === "horizontal" ? /* @__PURE__ */ t("hr", { className: `${i(o({ theme: r || e }))}` }) : /* @__PURE__ */ t("div", { className: `${i(l({ theme: r || e }))}` });
 };
 export {
-  c as Divider
+  d as Divider
 };

package/dist/Drawer.es.js

@@ -1,19 +1,13 @@
-import { j as e } from "./jsx-runtime-82a9ddf6.js";
-import x from "react-dom";
-import { S as f } from "./close-c67ec245.js";
-import { c as l, u as g } from "./index-6ffbeca8.js";
+"use client";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createPortal as k } from "react-dom";
+import { S as v } from "./close-0df24351.js";
+import { u as y } from "./useTheme-0688f238.js";
+import { s as e } from "./index.module-86edc823.js";
+import { c } from "./index-c57db938.js";
 import "react";
-const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e2c8_19", C = "_right_1e2c8_23", j = "_drawerHeader_1e2c8_27", N = "_title_1e2c8_42", O = "_mock_1e2c8_47", $ = "_content_1e2c8_51", t = {
-  drawerOverlay: k,
-  drawerContent: v,
-  left: y,
-  right: C,
-  drawerHeader: j,
-  "drawer-close-button": "_drawer-close-button_1e2c8_34",
-  title: N,
-  mock: O,
-  content: $
-}, H = l(
+import "./clsx.m-e965ef18.js";
+const w = c(
   "bu-absolute  bu-flex  bu-flex-col bu-pb-[32px] bu-pt-[24px]",
   {
     variants: {
@@ -23,7 +17,7 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
       }
     }
   }
-), S = l(
+), C = c(
   "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
   {
     variants: {
@@ -33,52 +27,52 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
       }
     }
   }
-), E = (i) => {
+), H = (m) => {
   const {
-    title: d,
-    content: m,
-    cancel: n,
+    title: u,
+    content: d,
+    cancel: s,
     theme: o,
-    hideIcon: u = !1,
-    open: r,
-    placement: _ = "right",
+    hideIcon: p = !1,
+    open: t,
+    placement: b = "right",
     drawerContentClass: h = "bu-w-[300px]"
-  } = i, { theme: b } = g(), s = () => o || b;
-  if (!r)
+  } = m, { theme: f } = y(), n = () => o || f;
+  if (!t)
     return null;
-  const c = () => {
-    n && n();
-  }, p = (a) => {
-    a.target === a.currentTarget && (a.stopPropagation(), c());
-  }, w = {
-    transition: r ? "transform .3s ease-in-out" : "transform .3s ease-in-out, opacity 0.3s ease",
-    transform: r ? "translateX(0)" : "translateX(100%)",
-    opacity: r ? 1 : 0
+  const l = () => {
+    s && s();
+  }, g = (a) => {
+    a.target === a.currentTarget && (a.stopPropagation(), l());
+  }, x = {
+    transition: t ? "transform .3s ease-in-out" : "transform .3s ease-in-out, opacity 0.3s ease",
+    transform: t ? "translateX(0)" : "translateX(100%)",
+    opacity: t ? 1 : 0
   };
-  return r ? x.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: p, children: /* @__PURE__ */ e.jsxs(
+  return t ? k(
+    /* @__PURE__ */ r("div", { className: e.mock, onClick: g, children: /* @__PURE__ */ i(
       "div",
       {
-        className: `${t.drawerContent}
-        ${H({
-          theme: s()
+        className: `${e.drawerContent}
+        ${w({
+          theme: n()
         })}
-        ${t[_]} ${h}`,
-        style: w,
+        ${e[b]} ${h}`,
+        style: x,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
-            /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
-            !u && /* @__PURE__ */ e.jsx(
-              f,
+          /* @__PURE__ */ i("div", { className: e.drawerHeader, children: [
+            /* @__PURE__ */ r("div", { className: e.title, children: u }),
+            !p && /* @__PURE__ */ r(
+              v,
               {
-                className: `${S({
-                  theme: s()
+                className: `${C({
+                  theme: n()
                 })}`,
-                onClick: c
+                onClick: l
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: t.content, children: m })
+          /* @__PURE__ */ r("div", { className: e.content, children: d })
         ]
       }
     ) }),
@@ -86,5 +80,5 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
   ) : null;
 };
 export {
-  E as Drawer
+  H as Drawer
 };

package/dist/Dropdown.d.ts

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

package/dist/Dropdown.es.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import * as o from "react";
+import { S as y } from "./arrow-fill-70becd96.js";
+import { u as S } from "./useAlign-916ed3be.js";
+import { createPortal as L } from "react-dom";
+import { c as h } from "./index-c57db938.js";
+import { u as m } from "./useTheme-0688f238.js";
+import "./clsx.m-e965ef18.js";
+const N = (n) => /* @__PURE__ */ o.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("path", { d: "M8.99978 8.1213L5.28747 11.8337L4.22681 10.773L8.99978 6L13.7728 10.773L12.7121 11.8337L8.99978 8.1213Z", fill: "currentColor" })), $ = h("bu-tracking-[-0.2px] bu-w-full bu-cursor-pointer bu-p-[8px]", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background hover:bu-bg-light-fill-secondary hover:bu-text-light-label",
+      dark: "bu-bg-dark-background bu-text-dark-label hover:bu-bg-dark-fill-secondary"
+    },
+    intent: {
+      fill: "bu-text-[12px] bu-leading-[18px]",
+      line: "bu-text-[14px] bu-leading-[20px]"
+    }
+  }
+}), c = h("", {
+  variants: {
+    intent: {
+      fill: ["bu-text-[12px]", "bu-leading-[18px]"],
+      line: ["bu-text-[14px]", "bu-leading-[20px]"]
+    },
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  },
+  compoundVariants: [
+    {
+      intent: "fill",
+      theme: "light",
+      class: "bu-text-light-label-60"
+    },
+    {
+      intent: "fill",
+      theme: "dark",
+      class: "bu-text-dark-label-60"
+    }
+  ]
+}), D = ({ menus: n, offsetX: s, offsetY: a, close: u, variant: t }) => {
+  const { theme: i } = m();
+  return L(
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "bu-absolute bu-bottom-0 bu-left-0 bu-right-0 bu-top-0 bu-z-[99999]",
+        onClick: u,
+        children: /* @__PURE__ */ l(
+          "div",
+          {
+            className: `bu-absolute bu-min-w-[80px] bu-overflow-hidden bu-rounded-[4px] bu-py-[8px] ${i === "light" ? " bu-shadow-card" : ""}`,
+            style: { left: s + "px", top: a + 18 + "px" },
+            children: /* @__PURE__ */ l("ul", { children: n == null ? void 0 : n.map((e) => /* @__PURE__ */ l("li", { className: $({ theme: i, intent: t }), children: e.label }, e.key)) })
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}, I = (n) => {
+  const { menus: s, children: a, hideIcon: u = !1, variant: t = "fill", bodyScrollDisabled: i } = n, [e, x] = o.useState(!1), r = o.useRef(null), { getOffset: g } = S(r.current), [f, w] = o.useState({
+    offsetX: 0,
+    offsetY: 0
+  }), { theme: b } = m(), d = () => {
+    x(!e);
+  };
+  return o.useEffect(() => {
+    i || (document.body.style.overflow = e ? "hidden" : "");
+  }, [e]), o.useEffect(() => {
+    if (r.current) {
+      const { offsetY: v, offsetX: k } = g(r.current);
+      w({
+        offsetY: v,
+        offsetX: k
+      });
+    }
+  }, [r, e]), /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ p(
+      "div",
+      {
+        id: "dropDown",
+        ref: r,
+        className: `bu-inline-flex bu-cursor-pointer bu-select-none bu-items-center${t === "line" ? " bu-gap-[4px]" : ""}`,
+        onClick: d,
+        children: [
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: `dropdown bu-select-none bu-tracking-[-0.2px] ${c({
+                intent: t,
+                theme: b
+              })}`,
+              children: a
+            }
+          ),
+          u ? null : t === "fill" ? /* @__PURE__ */ l(
+            y,
+            {
+              className: `bu-h-[16px] bu-w-[16px] ${e ? "" : "bu-rotate-180"} ${c({
+                intent: t,
+                theme: b
+              })}`
+            }
+          ) : /* @__PURE__ */ l(
+            N,
+            {
+              className: `bu-h-[18px] bu-w-[18px] ${e ? "" : "bu-rotate-180"} ${c({
+                intent: t,
+                theme: b
+              })}`
+            }
+          )
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ l(
+      D,
+      {
+        menus: s,
+        offsetX: f.offsetX,
+        offsetY: f.offsetY + 10,
+        close: d,
+        variant: t
+      }
+    )
+  ] });
+};
+export {
+  I as Dropdown
+};

package/dist/Empty.d.ts

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

package/dist/Empty.es.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+const p = {
+  "empty-wrapper": "_empty-wrapper_j04qd_1"
+}, a = (r) => {
+  const { children: e } = r;
+  return /* @__PURE__ */ t("div", { className: p["empty-wrapper"], children: e || "No Data" });
+};
+export {
+  a as Empty
+};

package/dist/LabelTextField.d.ts

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

package/dist/LabelTextField.es.js

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

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

package/dist/MonthPicker.es.js

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

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