@blofin/blofin-ui 1.0.0-beta.14 → 1.0.0-beta.16

package/dist/Badge.es.js

@@ -1,6 +1,6 @@
 "use client";
-import { j as s } from "./jsx-runtime-ba6e4aac.js";
-import { u as i } from "./useTheme-81e2a73e.js";
+import { jsxs as i } from "react/jsx-runtime";
+import { u as s } from "./useTheme-0688f238.js";
 import { c as d } from "./utils-071abd68.js";
 import { c as u } from "./index-c57db938.js";
 import "react";
@@ -47,8 +47,8 @@ const c = (e) => {
   startIcon: b,
   endIcon: t
 }) => {
-  const { theme: n } = i();
-  return /* @__PURE__ */ s.jsxs("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
+  const { theme: n } = s();
+  return /* @__PURE__ */ i("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
     b || (r ? "• " : null),
     a,
     t

package/dist/Button.es.js

@@ -1,18 +1,18 @@
 "use client";
-import { j as r } from "./jsx-runtime-ba6e4aac.js";
+import { jsx as l, jsxs as w, Fragment as E } from "react/jsx-runtime";
 import { c as k } from "./utils-071abd68.js";
 import { c as e } from "./index-c57db938.js";
-import { u as x } from "./useTheme-81e2a73e.js";
+import { u as x } from "./useTheme-0688f238.js";
 import * as o from "react";
 import { c as g } from "./clsx.m-e965ef18.js";
-const N = e("bu-text-light-second", {
+const B = e("bu-text-light-second", {
   variants: {
     theme: {
       light: ["bu-bg-light-primary", "hover:bu-bg-light-hover-primary"],
       dark: ["bu-bg-dark-primary", "hover:bu-bg-dark-hover-primary"]
     }
   }
-}), $ = e("", {
+}), V = e("", {
   variants: {
     theme: {
       light: [
@@ -27,7 +27,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), B = e("", {
+}), M = e("", {
   variants: {
     theme: {
       light: [
@@ -38,7 +38,7 @@ const N = e("bu-text-light-second", {
       dark: ["bu-bg-dark-primary-14", "hover:bu-bg-dark-hover-primary-10", "bu-text-dark-primary"]
     }
   }
-}), V = e("", {
+}), Z = e("", {
   variants: {
     theme: {
       light: [
@@ -53,7 +53,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), M = e("", {
+}), j = e("", {
   variants: {
     theme: {
       light: [
@@ -68,7 +68,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), Z = e("", {
+}), H = e("", {
   variants: {
     theme: {
       light: [
@@ -83,21 +83,21 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), H = e("", {
+}), F = e("", {
   variants: {
     theme: {
       light: ["bu-text-light-label", "hover:bu-text-light-primary"],
       dark: ["bu-text-dark-label", "hover:bu-text-dark-primary"]
     }
   }
-}), R = e("", {
+}), P = e("", {
   variants: {
     theme: {
       light: ["bu-text-light-label-40", "hover:bu-text-light-label-40"],
       dark: ["bu-text-dark-label-40", "hover:bu-text-dark-label-40"]
     }
   }
-}), F = e("", {
+}), R = e("", {
   variants: {
     theme: {
       light: ["bu-text-light-label-40", "hover:bu-text-light-primary"],
@@ -111,7 +111,7 @@ const N = e("bu-text-light-second", {
       dark: ["bu-text-dark-label-40", "hover:bu-text-dark-label-40"]
     }
   }
-}), P = e("", {
+}), T = e("", {
   variants: {
     theme: {
       light: [
@@ -132,7 +132,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), T = e("", {
+}), q = e("", {
   variants: {
     theme: {
       light: [
@@ -153,7 +153,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), q = e("", {
+}), z = e("", {
   variants: {
     theme: {
       light: [
@@ -219,28 +219,28 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), z = e("bu-text-white", {
+}), A = e("bu-text-white", {
   variants: {
     theme: {
       light: ["bu-bg-light-green", "hover:bu-bg-light-hover-green"],
       dark: ["bu-bg-dark-green", "hover:bu-bg-dark-hover-green"]
     }
   }
-}), A = e("bu-text-white", {
+}), G = e("bu-text-white", {
   variants: {
     theme: {
       light: ["bu-bg-light-label-20", "hover:bu-bg-light-label-20"],
       dark: ["bu-bg-dark-label-20", "hover:bu-bg-dark-label-20"]
     }
   }
-}), G = e("bu-text-white", {
+}), J = e("bu-text-white", {
   variants: {
     theme: {
       light: ["bu-bg-light-red", "hover:bu-bg-light-hover-red"],
       dark: ["bu-bg-dark-red", "hover:bu-bg-dark-hover-red"]
     }
   }
-}), J = e("bu-text-white", {
+}), K = e("bu-text-white", {
   variants: {
     theme: {
       light: ["bu-bg-light-label-20", "hover:bu-bg-light-label-20"],
@@ -262,66 +262,66 @@ const N = e("bu-text-light-second", {
   }
 }), f = {
   primary: {
-    variant: N,
-    disabled: $
-  },
-  secondary: {
     variant: B,
     disabled: V
   },
-  tertiary: {
+  secondary: {
     variant: M,
     disabled: Z
   },
+  tertiary: {
+    variant: j,
+    disabled: H
+  },
   text: {
-    variant: H,
-    disabled: R
+    variant: F,
+    disabled: P
   },
   ghost: {
-    variant: P,
+    variant: T,
     disabled: m
   },
   ghost2: {
-    variant: T,
+    variant: q,
     disabled: m
   },
   ghost3: {
-    variant: q,
+    variant: z,
     disabled: m
   },
   info: {
-    variant: F,
+    variant: R,
     disabled: W
   },
   buy: {
-    variant: z,
-    disabled: A
+    variant: A,
+    disabled: G
   },
   sell: {
-    variant: G,
-    disabled: J
+    variant: J,
+    disabled: K
   },
   function: {
     variant: y,
     disabled: y
     //this not have disabled
   }
-}, K = (t) => {
-  const { theme: l, variant: b, disabled: u, shape: i, checked: s } = t, a = u ? "" : f[b].variant({ theme: l, checked: s });
+}, O = (t) => {
+  const { theme: a, variant: b, disabled: u, shape: i, checked: s } = t, r = u ? "" : f[b].variant({ theme: a, checked: s });
   return e("bu-box-border bu-inline-flex bu-items-center bu-justify-center bu-font-medium", {
     variants: {
       variant: {
-        primary: a,
-        secondary: a,
-        tertiary: a,
-        text: a,
-        ghost: a,
-        ghost2: a,
-        ghost3: a,
-        info: a,
-        buy: a,
-        sell: a,
-        function: a
+        primary: r,
+        secondary: r,
+        tertiary: r,
+        text: r,
+        ghost: r,
+        ghost2: r,
+        ghost3: r,
+        info: r,
+        buy: r,
+        sell: r,
+        function: r
       },
       size: {
         small: `${i === "circle" ? "bu-h-[28px] bu-min-w-[30px]" : "bu-h-[28px] bu-min-w-[80px] bu-rounded-[var(--btn-rounded-small)]"} bu-px-[12px] bu-text-[12px] bu-leading-[18px]`,
@@ -335,11 +335,11 @@ const N = e("bu-text-light-second", {
         circle: "bu-rounded-[50%] bu-px-[0px] bu-py-[0px]"
       },
       disabled: {
-        true: f[b].disabled({ theme: l })
+        true: f[b].disabled({ theme: a })
       }
     }
   })(t);
-}, O = e("bu-animate-spin", {
+}, Q = e("bu-animate-spin", {
   variants: {
     size: {
       small: "bu-h-[14px] bu-w-[14px]",
@@ -360,7 +360,7 @@ const N = e("bu-text-light-second", {
   "animloader-small": "_animloader-small_amaox_1",
   "loader-m-small": "_loader-m-small_amaox_82",
   "animloader-m-small": "_animloader-m-small_amaox_1"
-}, Q = ({ size: t, theme: l }) => {
+}, U = ({ size: t, theme: a }) => {
   const b = {
     small: d["loader-small"],
     medium: d["loader-medium"],
@@ -371,70 +371,70 @@ const N = e("bu-text-light-second", {
     light: d["loader-light"],
     dark: d["loader-dark"]
   };
-  return /* @__PURE__ */ r.jsx("span", { className: `${b[t]} ${u[l]}` });
-}, U = (t) => /* @__PURE__ */ o.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.9519 2 19.3684 4.29238 20.9922 7.61993L19.2011 8.51103C17.905 5.84083 15.1675 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z", fill: "#DEDFE0" })), X = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "white" })), Y = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "black" })), n = ({
+  return /* @__PURE__ */ l("span", { className: `${b[t]} ${u[a]}` });
+}, X = (t) => /* @__PURE__ */ o.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.9519 2 19.3684 4.29238 20.9922 7.61993L19.2011 8.51103C17.905 5.84083 15.1675 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z", fill: "#DEDFE0" })), Y = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "white" })), I = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "black" })), n = ({
   size: t = "large",
-  disabled: l = !1,
+  disabled: a = !1,
   variant: b = "primary",
   children: u,
   startIcon: i,
   endIcon: s,
-  icon: a,
+  icon: r,
   onClick: c,
-  shape: w = "normal",
-  className: _ = "",
+  shape: _ = "normal",
+  className: S = "",
   theme: v,
   loading: h,
-  loadingType: S = "default",
-  checked: C = !0,
-  ...L
+  loadingType: C = "default",
+  checked: L = !0,
+  ...D
 }) => {
-  const j = (E) => {
-    h || c && c(E);
-  }, { theme: p } = x(), D = {
-    variant: h ? "tertiary" : b,
-    size: t,
-    theme: v || p,
-    shape: w,
-    disabled: h ? !0 : l,
-    checked: C
-  };
-  return /* @__PURE__ */ r.jsx(
+  const N = ($) => {
+    h || c && c($);
+  }, { theme: p } = x();
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
-      onClick: j,
-      className: `${k(K(D))} ${_}`,
-      disabled: l,
-      ...L,
-      children: h ? S === "refresh" ? /* @__PURE__ */ r.jsx(U, { className: k(O({ size: t })) }) : /* @__PURE__ */ r.jsx(Q, { size: t, theme: p }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        i && /* @__PURE__ */ r.jsx("span", { className: "bu-mr-[9px]", children: i }),
+      onClick: N,
+      className: `${k(O({
+        variant: h ? "tertiary" : b,
+        size: t,
+        theme: v || p,
+        shape: _,
+        disabled: h ? !0 : a,
+        checked: L
+      }))} ${S}`,
+      disabled: a,
+      ...D,
+      children: h ? C === "refresh" ? /* @__PURE__ */ l(X, { className: k(Q({ size: t })) }) : /* @__PURE__ */ l(U, { size: t, theme: p }) : /* @__PURE__ */ w(E, { children: [
+        i && /* @__PURE__ */ l("span", { className: "bu-mr-[9px]", children: i }),
         u,
-        s && /* @__PURE__ */ r.jsx("span", { className: "bu-ml-[9px] bu-flex bu-items-center", children: s }),
-        a
+        s && /* @__PURE__ */ l("span", { className: "bu-ml-[9px] bu-flex bu-items-center", children: s }),
+        r
       ] })
     }
   );
-}, I = (t) => {
-  const { theme: l } = x(), { checked: b } = t;
-  return /* @__PURE__ */ r.jsxs("div", { className: "bu-relative", children: [
-    /* @__PURE__ */ r.jsx(n, { ...t, variant: "ghost3" }),
-    /* @__PURE__ */ r.jsx(
+}, ee = (t) => {
+  const { theme: a } = x(), { checked: b } = t;
+  return /* @__PURE__ */ w("div", { className: "bu-relative", children: [
+    /* @__PURE__ */ l(n, { ...t, variant: "ghost3" }),
+    /* @__PURE__ */ l(
       "div",
       {
         className: g(
           "bu-absolute bu-right-0 bu-top-0",
-          l === "light" ? "bu-text-light-label" : "bu-text-dark-label",
+          a === "light" ? "bu-text-light-label" : "bu-text-dark-label",
           "bu-rounded-bl-[8px] bu-rounded-br-none bu-rounded-tl-none bu-rounded-tr-[8px]",
           "bu-flex bu-items-center bu-justify-center"
         ),
-        children: l === "light" ? /* @__PURE__ */ r.jsx(
-          X,
+        children: a === "light" ? /* @__PURE__ */ l(
+          Y,
           {
             className: g(b ? "" : "bu-text-light-line-secondary")
           }
-        ) : /* @__PURE__ */ r.jsx(
-          Y,
+        ) : /* @__PURE__ */ l(
+          I,
           {
             className: g(b ? "" : "bu-text-dark-line-secondary")
           }
@@ -442,19 +442,19 @@ const N = e("bu-text-light-second", {
       }
     )
   ] });
-}, ee = (t) => {
-  const { theme: l } = x();
-  return /* @__PURE__ */ r.jsx(
+}, te = (t) => {
+  const { theme: a } = x();
+  return /* @__PURE__ */ l(
     n,
     {
       ...t,
       variant: "ghost",
-      className: `bu-border-light-background bu-text-light-background ${l === "light" ? "hover:!bu-text-light-primary" : "hover:!bu-text-dark-primary"}  bu-font-medium hover:!bu-bg-light-background`
+      className: `bu-border-light-background bu-text-light-background ${a === "light" ? "hover:!bu-text-light-primary" : "hover:!bu-text-dark-primary"}  bu-font-medium hover:!bu-bg-light-background`
     }
   );
 };
-n.WhiteButton = ee;
-n.CheckButton = I;
+n.WhiteButton = te;
+n.CheckButton = ee;
 export {
   n as Button
 };