@blofin/blofin-ui 0.7.58 → 0.7.60

package/dist/Divider.es.js

@@ -1,28 +1,26 @@
-"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 { j as t } from "./jsx-runtime-82a9ddf6.js";
+import { u as s } from "./clsx.m-b14a941b.js";
+import { c as i } from "./utils-cacf528c.js";
+import { c as a } from "./index-7272669e.js";
 import "react";
-import "./clsx.m-e965ef18.js";
-const o = a("", {
+const b = 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 = a("bu-h-full bu-w-px", {
+}), o = a("bu-h-full bu-w-px", {
   variants: {
     theme: {
       light: "bu-bg-light-label-20",
       dark: "bu-bg-dark-label-20"
     }
   }
-}), d = ({ direction: m = "horizontal", theme: e }) => {
-  const { theme: r } = b();
-  return m === "horizontal" ? /* @__PURE__ */ t("hr", { className: `${i(o({ theme: r || e }))}` }) : /* @__PURE__ */ t("div", { className: `${i(l({ theme: r || e }))}` });
+}), c = ({ direction: m = "horizontal", theme: e }) => {
+  const { theme: r } = s();
+  return m === "horizontal" ? /* @__PURE__ */ t.jsx("hr", { className: `${i(b({ theme: r || e }))}` }) : /* @__PURE__ */ t.jsx("div", { className: `${i(o({ theme: r || e }))}` });
 };
 export {
-  d as Divider
+  c as Divider
 };

package/dist/Drawer.es.js

@@ -1,13 +1,20 @@
-"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 { j as e } from "./jsx-runtime-82a9ddf6.js";
+import w from "react-dom";
+import { S as x } from "./close-c67ec245.js";
+import { u as g } from "./clsx.m-b14a941b.js";
+import { c as l } from "./index-7272669e.js";
 import "react";
-import "./clsx.m-e965ef18.js";
-const w = c(
+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(
   "bu-absolute  bu-flex  bu-flex-col bu-pb-[32px] bu-pt-[24px]",
   {
     variants: {
@@ -17,7 +24,7 @@ const w = c(
       }
     }
   }
-), C = c(
+), S = l(
   "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
   {
     variants: {
@@ -27,52 +34,52 @@ const w = c(
       }
     }
   }
-), H = (m) => {
+), I = (i) => {
   const {
-    title: u,
-    content: d,
-    cancel: s,
-    theme: o,
-    hideIcon: p = !1,
-    open: t,
-    placement: b = "right",
+    title: d,
+    content: m,
+    cancel: o,
+    theme: n,
+    hideIcon: u = !1,
+    open: r,
+    placement: _ = "right",
     drawerContentClass: h = "bu-w-[300px]"
-  } = m, { theme: f } = y(), n = () => o || f;
-  if (!t)
+  } = i, { theme: b } = g(), s = () => n || b;
+  if (!r)
     return null;
-  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
+  const c = () => {
+    o && o();
+  }, p = (a) => {
+    a.target === a.currentTarget && (a.stopPropagation(), c());
+  }, f = {
+    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
   };
-  return t ? k(
-    /* @__PURE__ */ r("div", { className: e.mock, onClick: g, children: /* @__PURE__ */ i(
+  return r ? w.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: p, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `${e.drawerContent}
-        ${w({
-          theme: n()
+        className: `${t.drawerContent}
+        ${H({
+          theme: s()
         })}
-        ${e[b]} ${h}`,
-        style: x,
+        ${t[_]} ${h}`,
+        style: f,
         children: [
-          /* @__PURE__ */ i("div", { className: e.drawerHeader, children: [
-            /* @__PURE__ */ r("div", { className: e.title, children: u }),
-            !p && /* @__PURE__ */ r(
-              v,
+          /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
+            /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
+            !u && /* @__PURE__ */ e.jsx(
+              x,
               {
-                className: `${C({
-                  theme: n()
+                className: `${S({
+                  theme: s()
                 })}`,
-                onClick: l
+                onClick: c
               }
             )
           ] }),
-          /* @__PURE__ */ r("div", { className: e.content, children: d })
+          /* @__PURE__ */ e.jsx("div", { className: t.content, children: m })
         ]
       }
     ) }),
@@ -80,5 +87,5 @@ const w = c(
   ) : null;
 };
 export {
-  H as Drawer
+  I as Drawer
 };

package/dist/Form.d.ts

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