@blofin/blofin-ui 0.7.46-beta.2 → 0.7.46-beta.3

package/dist/Badge.es.js

@@ -1,10 +1,9 @@
 import { j as s } from "./jsx-runtime-82a9ddf6.js";
-import { u as i } from "./useTheme-5c764556.js";
-import { c as d } from "./utils-0558c9ca.js";
-import { c as u } from "./index-f20f14ba.js";
+import { c as d, u as i } from "./index-6ffbeca8.js";
+import { c as u } from "./utils-19b44377.js";
 import "react";
 const c = (e) => {
-  const r = {
+  const a = {
     dark: {
       primary: "bu-bg-dark-badge-primary-bg bu-text-dark-primary",
       secondary: "bu-bg-dark-badge-secondary-bg bu-text-dark-secondary",
@@ -21,37 +20,37 @@ const c = (e) => {
       warning: "bu-bg-light-badge-warning-bg bu-text-light-warning",
       info: "bu-bg-light-badge-info-bg bu-text-light-label-60"
     }
-  }, { theme: a } = e;
-  return u("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
+  }, { theme: r } = e;
+  return d("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
     variants: {
       color: {
-        primary: r[a].primary,
-        secondary: r[a].secondary,
-        danger: r[a].danger,
-        success: r[a].success,
-        warning: r[a].warning,
-        info: r[a].info
+        primary: a[r].primary,
+        secondary: a[r].secondary,
+        danger: a[r].danger,
+        success: a[r].success,
+        warning: a[r].warning,
+        info: a[r].info
       }
     },
     defaultVariants: {
       color: "primary"
     }
   })(e);
-}, h = ({
+}, p = ({
   color: e = "primary",
-  decoration: r = !0,
-  label: a,
+  decoration: a = !0,
+  label: r,
   theme: g,
   startIcon: b,
   endIcon: t
 }) => {
   const { theme: n } = i();
-  return /* @__PURE__ */ s.jsxs("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
-    b || (r ? "• " : null),
-    a,
+  return /* @__PURE__ */ s.jsxs("span", { className: `${u(c({ theme: g || n, color: e }))}`, children: [
+    b || (a ? "• " : null),
+    r,
     t
   ] });
 };
 export {
-  h as Badge
+  p as Badge
 };

package/dist/Button.es.js

@@ -1,7 +1,6 @@
 import { j as r } from "./jsx-runtime-82a9ddf6.js";
-import { c as k } from "./utils-0558c9ca.js";
-import { c as e, a as g } from "./index-f20f14ba.js";
-import { u as x } from "./useTheme-5c764556.js";
+import { c as k } from "./utils-19b44377.js";
+import { c as e, u as x, a as g } from "./index-6ffbeca8.js";
 import * as d from "react";
 const N = e("bu-text-light-second", {
   variants: {

package/dist/Dialog.es.js

@@ -1,12 +1,11 @@
-import { D as g } from "./index-c865f42b.js";
+import { D as f } from "./index-0b47cbae.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
 import "react-dom";
 import "./close-c67ec245.js";
 import "./Button.es.js";
-import "./utils-0558c9ca.js";
-import "./index-f20f14ba.js";
-import "./useTheme-5c764556.js";
+import "./utils-19b44377.js";
+import "./index-6ffbeca8.js";
 export {
-  g as Dialog
+  f as Dialog
 };

package/dist/Divider.es.js

@@ -1,25 +1,24 @@
 import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import { u as s } from "./useTheme-5c764556.js";
-import { c as i } from "./utils-0558c9ca.js";
-import { c as a } from "./index-f20f14ba.js";
+import { c as i, u as b } from "./index-6ffbeca8.js";
+import { c as a } from "./utils-19b44377.js";
 import "react";
-const b = a("", {
+const m = i("", {
   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"
     }
   }
-}), o = a("bu-h-full bu-w-px", {
+}), l = i("bu-h-full bu-w-px", {
   variants: {
     theme: {
       light: "bu-bg-light-label-20",
       dark: "bu-bg-dark-label-20"
     }
   }
-}), 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 }))}` });
+}), c = ({ direction: s = "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 }))}` });
 };
 export {
   c as Divider

package/dist/Drawer.es.js

@@ -1,8 +1,7 @@
 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 "./useTheme-5c764556.js";
-import { c as l } from "./index-f20f14ba.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";
 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,
@@ -34,29 +33,29 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
       }
     }
   }
-), I = (i) => {
+), E = (i) => {
   const {
     title: d,
     content: m,
-    cancel: o,
-    theme: n,
+    cancel: n,
+    theme: o,
     hideIcon: u = !1,
     open: r,
     placement: _ = "right",
     drawerContentClass: h = "bu-w-[300px]"
-  } = i, { theme: b } = g(), s = () => n || b;
+  } = i, { theme: b } = g(), s = () => o || b;
   if (!r)
     return null;
   const c = () => {
-    o && o();
+    n && n();
   }, p = (a) => {
     a.target === a.currentTarget && (a.stopPropagation(), c());
-  }, f = {
+  }, 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
   };
-  return r ? w.createPortal(
+  return r ? x.createPortal(
     /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: p, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -65,12 +64,12 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
           theme: s()
         })}
         ${t[_]} ${h}`,
-        style: f,
+        style: w,
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
             /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
             !u && /* @__PURE__ */ e.jsx(
-              x,
+              f,
               {
                 className: `${S({
                   theme: s()
@@ -87,5 +86,5 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
   ) : null;
 };
 export {
-  I as Drawer
+  E as Drawer
 };