@blofin/blofin-ui 0.7.45 → 0.7.46-beta.0

package/dist/Badge.es.js

@@ -1,9 +1,10 @@
-import { j as s } from "./jsx-runtime-944c88e2.js";
-import { a as d, u as i } from "./index-96a8d125.js";
-import { c as u } from "./utils-7e50508b.js";
+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 "react";
 const c = (e) => {
-  const a = {
+  const r = {
     dark: {
       primary: "bu-bg-dark-badge-primary-bg bu-text-dark-primary",
       secondary: "bu-bg-dark-badge-secondary-bg bu-text-dark-secondary",
@@ -20,37 +21,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: r } = e;
-  return d("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
+  }, { theme: a } = e;
+  return u("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
     variants: {
       color: {
-        primary: a[r].primary,
-        secondary: a[r].secondary,
-        danger: a[r].danger,
-        success: a[r].success,
-        warning: a[r].warning,
-        info: a[r].info
+        primary: r[a].primary,
+        secondary: r[a].secondary,
+        danger: r[a].danger,
+        success: r[a].success,
+        warning: r[a].warning,
+        info: r[a].info
       }
     },
     defaultVariants: {
       color: "primary"
     }
   })(e);
-}, p = ({
+}, h = ({
   color: e = "primary",
-  decoration: a = !0,
-  label: r,
+  decoration: r = !0,
+  label: a,
   theme: g,
   startIcon: b,
   endIcon: t
 }) => {
   const { theme: n } = i();
-  return /* @__PURE__ */ s.jsxs("span", { className: `${u(c({ theme: g || n, color: e }))}`, children: [
-    b || (a ? "• " : null),
-    r,
+  return /* @__PURE__ */ s.jsxs("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
+    b || (r ? "• " : null),
+    a,
     t
   ] });
 };
 export {
-  p as Badge
+  h as Badge
 };

package/dist/Button.es.js

@@ -1,6 +1,7 @@
-import { j as r } from "./jsx-runtime-944c88e2.js";
-import { c as k } from "./utils-7e50508b.js";
-import { a as e, u as x, c as g } from "./index-96a8d125.js";
+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 * as d from "react";
 const N = e("bu-text-light-second", {
   variants: {

package/dist/Dialog.es.js

@@ -1,11 +1,12 @@
-import { D as f } from "./index-2acd8290.js";
-import "./jsx-runtime-944c88e2.js";
+import { D as g } from "./index-c865f42b.js";
+import "./jsx-runtime-82a9ddf6.js";
 import "react";
 import "react-dom";
 import "./close-c67ec245.js";
 import "./Button.es.js";
-import "./utils-7e50508b.js";
-import "./index-96a8d125.js";
+import "./utils-0558c9ca.js";
+import "./index-f20f14ba.js";
+import "./useTheme-5c764556.js";
 export {
-  f as Dialog
+  g as Dialog
 };

package/dist/Divider.es.js

@@ -1,25 +1,26 @@
-import { j as t } from "./jsx-runtime-944c88e2.js";
-import { a as i, u as b } from "./index-96a8d125.js";
-import { c as a } from "./utils-7e50508b.js";
+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 "react";
-const m = i("", {
+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 = i("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"
     }
   }
-}), p = ({ 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 }))}` });
+}), 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 {
-  p as Divider
+  c as Divider
 };

package/dist/Drawer.es.js

@@ -1,19 +1,20 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import x from "react-dom";
-import { S as f } from "./close-c67ec245.js";
-import { a as c, u as g } from "./index-96a8d125.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 "./useTheme-5c764556.js";
+import { c as l } from "./index-f20f14ba.js";
 import "react";
-const k = "_drawerOverlay_w8q99_2", v = "_drawerContent_w8q99_14", y = "_left_w8q99_19", C = "_right_w8q99_23", q = "_drawerHeader_w8q99_27", j = "_title_w8q99_42", N = "_mock_w8q99_47", O = "_content_w8q99_51", t = {
+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: q,
-  "drawer-close-button": "_drawer-close-button_w8q99_34",
-  title: j,
-  mock: N,
-  content: O
-}, $ = 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: {
@@ -23,7 +24,7 @@ const k = "_drawerOverlay_w8q99_2", v = "_drawerContent_w8q99_14", y = "_left_w8
       }
     }
   }
-), H = c(
+), S = l(
   "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
   {
     variants: {
@@ -33,48 +34,48 @@ const k = "_drawerOverlay_w8q99_2", v = "_drawerContent_w8q99_14", y = "_left_w8
       }
     }
   }
-), X = (i) => {
+), I = (i) => {
   const {
     title: d,
     content: m,
-    cancel: n,
-    theme: o,
+    cancel: o,
+    theme: n,
     hideIcon: u = !1,
     open: r,
     placement: _ = "right",
-    drawerContentClass: w = "bu-w-[300px]"
-  } = i, { theme: h } = g(), s = () => o || h;
+    drawerContentClass: h = "bu-w-[300px]"
+  } = i, { theme: b } = g(), s = () => n || b;
   if (!r)
     return null;
-  const l = () => {
-    n && n();
-  }, b = (a) => {
-    a.target === a.currentTarget && (a.stopPropagation(), l());
-  }, p = {
+  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 r ? x.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: b, children: /* @__PURE__ */ e.jsxs(
+  return r ? w.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: p, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: `${t.drawerContent}
-        ${$({
+        ${H({
           theme: s()
         })}
-        ${t[_]} ${w}`,
-        style: p,
+        ${t[_]} ${h}`,
+        style: f,
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
             /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
             !u && /* @__PURE__ */ e.jsx(
-              f,
+              x,
               {
-                className: `${H({
+                className: `${S({
                   theme: s()
                 })}`,
-                onClick: l
+                onClick: c
               }
             )
           ] }),
@@ -86,5 +87,5 @@ const k = "_drawerOverlay_w8q99_2", v = "_drawerContent_w8q99_14", y = "_left_w8
   ) : null;
 };
 export {
-  X as Drawer
+  I as Drawer
 };

package/dist/Form.es.js

@@ -1,7 +1,7 @@
 var Ze = Object.defineProperty;
 var Qe = (e, t, r) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var v = (e, t, r) => (Qe(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { j as $ } from "./jsx-runtime-944c88e2.js";
+import { j as $ } from "./jsx-runtime-82a9ddf6.js";
 import et, { createContext as W, useRef as Oe, forwardRef as tt, useImperativeHandle as rt, cloneElement as at } from "react";
 import { _ as E, i as O, a as g, b as S, g as Se, c as nt, d as st, e as ot } from "./isObjectLike-1b8bbac2.js";
 const xe = W({