@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Badge.es.js

@@ -1,9 +1,12 @@
-import { j as s } from "./jsx-runtime-82a9ddf6.js";
-import { c as d, u as i } from "./index-6ffbeca8.js";
-import { c as u } from "./utils-19b44377.js";
+"use client";
+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";
+import "./clsx.m-e965ef18.js";
 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 +23,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 = ({
+}, y = ({
   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,
+  const { theme: n } = s();
+  return /* @__PURE__ */ i("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
+    b || (r ? "• " : null),
+    a,
     t
   ] });
 };
 export {
-  p as Badge
+  y as Badge
 };

package/dist/Button.es.js

@@ -1,15 +1,18 @@
-import { j as t } from "./jsx-runtime-82a9ddf6.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", {
+"use client";
+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-0688f238.js";
+import * as o from "react";
+import { c as g } from "./clsx.m-e965ef18.js";
+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: [
@@ -24,7 +27,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), B = e("", {
+}), M = e("", {
   variants: {
     theme: {
       light: [
@@ -35,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: [
@@ -50,7 +53,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), M = e("", {
+}), j = e("", {
   variants: {
     theme: {
       light: [
@@ -65,7 +68,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), Z = e("", {
+}), H = e("", {
   variants: {
     theme: {
       light: [
@@ -80,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"],
@@ -108,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: [
@@ -129,7 +132,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), T = e("", {
+}), q = e("", {
   variants: {
     theme: {
       light: [
@@ -150,7 +153,7 @@ const N = e("bu-text-light-second", {
       ]
     }
   }
-}), q = e("", {
+}), z = e("", {
   variants: {
     theme: {
       light: [
@@ -216,32 +219,32 @@ 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("", {
+}), G = e("bu-text-white", {
   variants: {
     theme: {
-      light: ["bu-bg-light-green-alpha", "hover:bu-bg-light-green-alpha", "bu-text-light-label-20"],
-      dark: ["bu-bg-dark-green-alpha", "hover:bu-bg-dark-green-alpha", "bu-text-dark-label-40"]
+      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("", {
+}), K = e("bu-text-white", {
   variants: {
     theme: {
-      light: ["bu-bg-light-red-alpha", "hover:bu-bg-light-red-alpha", "bu-text-light-label-20"],
-      dark: ["bu-bg-dark-red-alpha", "hover:bu-bg-dark-red-alpha", "bu-text-dark-label-40"]
+      light: ["bu-bg-light-label-20", "hover:bu-bg-light-label-20"],
+      dark: ["bu-bg-dark-label-20", "hover:bu-bg-dark-label-20"]
     }
   }
 }), y = e("bu-border bu-border-solid bu-font-medium", {
@@ -259,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 = (r) => {
-  const { theme: l, variant: b, disabled: o, shape: i, checked: s } = r, a = o ? "" : 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]`,
@@ -332,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 })
       }
     }
-  })(r);
-}, O = e("bu-animate-spin", {
+  })(t);
+}, Q = e("bu-animate-spin", {
   variants: {
     size: {
       small: "bu-h-[14px] bu-w-[14px]",
@@ -346,92 +349,92 @@ const N = e("bu-text-light-second", {
       max: "bu-h-[28px] bu-w-[28px]"
     }
   }
-}), u = {
-  "loader-medium": "_loader-medium_sa6ie_2",
-  "animloader-medium": "_animloader-medium_sa6ie_1",
-  "loader-light": "_loader-light_sa6ie_12",
-  "loader-dark": "_loader-dark_sa6ie_16",
-  "loader-large": "_loader-large_sa6ie_34",
-  "animloader-large": "_animloader-large_sa6ie_1",
-  "loader-small": "_loader-small_sa6ie_58",
-  "animloader-small": "_animloader-small_sa6ie_1",
-  "loader-m-small": "_loader-m-small_sa6ie_82",
-  "animloader-m-small": "_animloader-m-small_sa6ie_1"
-}, Q = ({ size: r, theme: l }) => {
+}), d = {
+  "loader-medium": "_loader-medium_amaox_2",
+  "animloader-medium": "_animloader-medium_amaox_1",
+  "loader-light": "_loader-light_amaox_12",
+  "loader-dark": "_loader-dark_amaox_16",
+  "loader-large": "_loader-large_amaox_34",
+  "animloader-large": "_animloader-large_amaox_1",
+  "loader-small": "_loader-small_amaox_58",
+  "animloader-small": "_animloader-small_amaox_1",
+  "loader-m-small": "_loader-m-small_amaox_82",
+  "animloader-m-small": "_animloader-m-small_amaox_1"
+}, U = ({ size: t, theme: a }) => {
   const b = {
-    small: u["loader-small"],
-    medium: u["loader-medium"],
-    large: u["loader-large"],
-    max: u["loader-large"],
-    "m-small": u["loader-m-small"]
-  }, o = {
-    light: u["loader-light"],
-    dark: u["loader-dark"]
+    small: d["loader-small"],
+    medium: d["loader-medium"],
+    large: d["loader-large"],
+    max: d["loader-large"],
+    "m-small": d["loader-m-small"]
+  }, u = {
+    light: d["loader-light"],
+    dark: d["loader-dark"]
   };
-  return /* @__PURE__ */ t.jsx("span", { className: `${b[r]} ${o[l]}` });
-}, U = (r) => /* @__PURE__ */ d.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ d.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 = (r) => /* @__PURE__ */ d.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ d.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ d.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 = (r) => /* @__PURE__ */ d.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ d.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ d.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: r = "large",
-  disabled: l = !1,
+  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: a = !1,
   variant: b = "primary",
-  children: o,
+  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: r,
-    theme: v || p,
-    shape: w,
-    disabled: h ? !0 : l,
-    checked: C
-  };
-  return /* @__PURE__ */ t.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__ */ t.jsx(U, { className: k(O({ size: r })) }) : /* @__PURE__ */ t.jsx(Q, { size: r, theme: p }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        i && /* @__PURE__ */ t.jsx("span", { className: "bu-mr-[9px]", children: i }),
-        o,
-        s && /* @__PURE__ */ t.jsx("span", { className: "bu-ml-[9px] bu-flex bu-items-center", children: s }),
-        a
+      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__ */ l("span", { className: "bu-ml-[9px] bu-flex bu-items-center", children: s }),
+        r
       ] })
     }
   );
-}, I = (r) => {
-  const { theme: l } = x(), { checked: b } = r;
-  return /* @__PURE__ */ t.jsxs("div", { className: "bu-relative", children: [
-    /* @__PURE__ */ t.jsx(n, { ...r, variant: "ghost3" }),
-    /* @__PURE__ */ t.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__ */ t.jsx(
-          X,
+        children: a === "light" ? /* @__PURE__ */ l(
+          Y,
           {
             className: g(b ? "" : "bu-text-light-line-secondary")
           }
-        ) : /* @__PURE__ */ t.jsx(
-          Y,
+        ) : /* @__PURE__ */ l(
+          I,
           {
             className: g(b ? "" : "bu-text-dark-line-secondary")
           }
@@ -439,19 +442,19 @@ const N = e("bu-text-light-second", {
       }
     )
   ] });
-}, ee = (r) => {
-  const { theme: l } = x();
-  return /* @__PURE__ */ t.jsx(
+}, te = (t) => {
+  const { theme: a } = x();
+  return /* @__PURE__ */ l(
     n,
     {
-      ...r,
+      ...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
 };

package/dist/Calendar.d.ts

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