@blofin/blofin-ui 0.7.60 → 0.7.62-beta.1

package/dist/Badge.es.js

@@ -1,7 +1,7 @@
 import { j as s } from "./jsx-runtime-82a9ddf6.js";
-import { u as i } from "./clsx.m-b14a941b.js";
-import { c as d } from "./utils-cacf528c.js";
-import { c as u } from "./index-7272669e.js";
+import { u as i } from "./clsx.m-9bb14413.js";
+import { c as d } from "./utils-096a71c5.js";
+import { c as u } from "./index-86cecf62.js";
 import "react";
 const c = (e) => {
   const r = {

package/dist/Button.es.js

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import { c as k } from "./utils-cacf528c.js";
-import { c as e } from "./index-7272669e.js";
-import { u as x, c as g } from "./clsx.m-b14a941b.js";
+import { c as k } from "./utils-096a71c5.js";
+import { c as e } from "./index-86cecf62.js";
+import { u as x, c as g } from "./clsx.m-9bb14413.js";
 import * as d from "react";
 const N = e("bu-text-light-second", {
   variants: {
@@ -305,21 +305,21 @@ const N = e("bu-text-light-second", {
     //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 });
+  const { theme: a, variant: b, disabled: o, shape: i, checked: s } = r, l = o ? "" : 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: l,
+        secondary: l,
+        tertiary: l,
+        text: l,
+        ghost: l,
+        ghost2: l,
+        ghost3: l,
+        info: l,
+        buy: l,
+        sell: l,
+        function: l
       },
       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]`,
@@ -333,7 +333,7 @@ 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);
@@ -348,17 +348,17 @@ const N = e("bu-text-light-second", {
     }
   }
 }), 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 }) => {
+  "loader-medium": "_loader-medium_16dgj_2",
+  "animloader-medium": "_animloader-medium_16dgj_1",
+  "loader-light": "_loader-light_16dgj_12",
+  "loader-dark": "_loader-dark_16dgj_16",
+  "loader-large": "_loader-large_16dgj_34",
+  "animloader-large": "_animloader-large_16dgj_1",
+  "loader-small": "_loader-small_16dgj_58",
+  "animloader-small": "_animloader-small_16dgj_1",
+  "loader-m-small": "_loader-m-small_16dgj_82",
+  "animloader-m-small": "_animloader-m-small_16dgj_1"
+}, Q = ({ size: r, theme: a }) => {
   const b = {
     small: u["loader-small"],
     medium: u["loader-medium"],
@@ -369,64 +369,64 @@ const N = e("bu-text-light-second", {
     light: u["loader-light"],
     dark: u["loader-dark"]
   };
-  return /* @__PURE__ */ t.jsx("span", { className: `${b[r]} ${o[l]}` });
+  return /* @__PURE__ */ t.jsx("span", { className: `${b[r]} ${o[a]}` });
 }, 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,
+  disabled: a = !1,
   variant: b = "primary",
   children: o,
   startIcon: i,
   endIcon: s,
-  icon: a,
+  icon: l,
   onClick: c,
   shape: w = "normal",
   className: _ = "",
   theme: p,
   loading: h,
-  loadingType: S = "default",
-  checked: C = !0,
-  ...L
+  loadingType: j = "default",
+  checked: S = !0,
+  ...C
 }) => {
-  const j = (E) => {
+  const L = (E) => {
     h || c && c(E);
-  }, { theme: v } = x(), D = {
+  }, { theme: D } = x(), v = {
     variant: h ? "tertiary" : b,
     size: r,
-    theme: p || v,
+    theme: p || D,
     shape: w,
-    disabled: h ? !0 : l,
-    checked: C
+    disabled: h ? !0 : a,
+    checked: S
   };
   return /* @__PURE__ */ t.jsx(
     "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: v }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        i && /* @__PURE__ */ t.jsx("span", { className: "bu-mr-[9px]", children: i }),
+      onClick: L,
+      className: `${k(K(v))} ${_}`,
+      disabled: a,
+      ...C,
+      children: h ? j === "refresh" ? /* @__PURE__ */ t.jsx(U, { className: k(O({ size: r })) }) : /* @__PURE__ */ t.jsx(Q, { size: r, theme: v.theme }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        i && /* @__PURE__ */ t.jsx("span", { className: "ltr:bu-mr-[9px] rtl:bu-ml-[9px]", children: i }),
         o,
-        s && /* @__PURE__ */ t.jsx("span", { className: "bu-ml-[9px] bu-flex bu-items-center", children: s }),
-        a
+        s && /* @__PURE__ */ t.jsx("span", { className: "ltr:bu-ml-[9px] rtl:bu-mr-[9px] bu-flex bu-items-center", children: s }),
+        l
       ] })
     }
   );
 }, I = (r) => {
-  const { theme: l } = x(), { checked: b } = r;
+  const { theme: a } = x(), { checked: b } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: "bu-relative", children: [
     /* @__PURE__ */ t.jsx(n, { ...r, variant: "ghost3" }),
     /* @__PURE__ */ t.jsx(
       "div",
       {
         className: g(
-          "bu-absolute bu-right-0 bu-top-0",
-          l === "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-absolute bu-top-0 ltr:bu-right-0 rtl:bu-left-0",
+          a === "light" ? "bu-text-light-label" : "bu-text-dark-label",
+          "ltr:bu-rounded-tr-[8px] ltr:bu-rounded-bl-[8px] ltr:bu-rounded-tl-none ltr:bu-rounded-br-none rtl:bu-rounded-tl-[8px] rtl:bu-rounded-br-[8px] rtl:bu-rounded-tr-none rtl:bu-rounded-bl-none",
           "bu-flex bu-items-center bu-justify-center"
         ),
-        children: l === "light" ? /* @__PURE__ */ t.jsx(
+        children: a === "light" ? /* @__PURE__ */ t.jsx(
           X,
           {
             className: g(b ? "" : "bu-text-light-line-secondary")
@@ -441,13 +441,13 @@ const N = e("bu-text-light-second", {
     )
   ] });
 }, ee = (r) => {
-  const { theme: l } = x();
+  const { theme: a } = x();
   return /* @__PURE__ */ t.jsx(
     n,
     {
       ...r,
       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`
     }
   );
 };

package/dist/Dialog.es.js

@@ -1,12 +1,12 @@
-import { D as g } from "./index-40626e62.js";
+import { D as g } from "./index-4c13b930.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
 import "react-dom";
 import "./close-c67ec245.js";
 import "./Button.es.js";
-import "./utils-cacf528c.js";
-import "./clsx.m-b14a941b.js";
-import "./index-7272669e.js";
+import "./utils-096a71c5.js";
+import "./clsx.m-9bb14413.js";
+import "./index-86cecf62.js";
 export {
   g as Dialog
 };

package/dist/Divider.es.js

@@ -1,7 +1,7 @@
 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 { u as s } from "./clsx.m-9bb14413.js";
+import { c as i } from "./utils-096a71c5.js";
+import { c as a } from "./index-86cecf62.js";
 import "react";
 const b = a("", {
   variants: {

package/dist/Drawer.es.js

@@ -1,20 +1,20 @@
 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 { S as g } from "./close-c67ec245.js";
+import { u as k } from "./clsx.m-9bb14413.js";
+import { c as i } from "./index-86cecf62.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,
-  drawerContent: v,
-  left: y,
-  right: C,
-  drawerHeader: j,
+const v = "_drawerOverlay_1e2c8_2", y = "_drawerContent_1e2c8_14", C = "_left_1e2c8_19", j = "_right_1e2c8_23", N = "_drawerHeader_1e2c8_27", $ = "_title_1e2c8_42", O = "_mock_1e2c8_47", T = "_content_1e2c8_51", t = {
+  drawerOverlay: v,
+  drawerContent: y,
+  left: C,
+  right: j,
+  drawerHeader: N,
   "drawer-close-button": "_drawer-close-button_1e2c8_34",
-  title: N,
+  title: $,
   mock: O,
-  content: $
-}, H = l(
+  content: T
+}, H = i(
   "bu-absolute  bu-flex  bu-flex-col bu-pb-[32px] bu-pt-[24px]",
   {
     variants: {
@@ -24,62 +24,67 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
       }
     }
   }
-), S = l(
-  "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
+), S = i(
+  "bu-absolute bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
   {
     variants: {
+      direction: {
+        ltr: "bu-right-[20px]",
+        rtl: "bu-left-[20px]"
+      },
       theme: {
         dark: "bu-text-dark-label",
         light: "bu-text-light-label-40"
       }
     }
   }
-), I = (i) => {
+), V = (d) => {
   const {
-    title: d,
-    content: m,
-    cancel: o,
-    theme: n,
-    hideIcon: u = !1,
+    title: m,
+    content: u,
+    cancel: n,
+    theme: o,
+    hideIcon: h = !1,
     open: r,
-    placement: _ = "right",
-    drawerContentClass: h = "bu-w-[300px]"
-  } = i, { theme: b } = g(), s = () => n || b;
+    placement: s = "right",
+    drawerContentClass: _ = "bu-w-[300px]"
+  } = d, { theme: b, direction: p } = k(), c = () => o || b;
   if (!r)
     return null;
-  const c = () => {
-    o && o();
-  }, p = (a) => {
-    a.target === a.currentTarget && (a.stopPropagation(), c());
-  }, f = {
+  const l = () => {
+    n && n();
+  }, f = (a) => {
+    a.target === a.currentTarget && (a.stopPropagation(), l());
+  }, x = {
     transition: r ? "transform .3s ease-in-out" : "transform .3s ease-in-out, opacity 0.3s ease",
-    transform: r ? "translateX(0)" : "translateX(100%)",
+    transform: r ? "translateX(0)" : `translateX(${s === "left" ? "-100%" : "100%"})`,
     opacity: r ? 1 : 0
   };
   return r ? w.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: p, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: f, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: `${t.drawerContent}
         ${H({
-          theme: s()
+          theme: c()
         })}
-        ${t[_]} ${h}`,
-        style: f,
+        ${t[s]} ${_}`,
+        style: x,
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
-            /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
-            !u && /* @__PURE__ */ e.jsx(
-              x,
+            /* @__PURE__ */ e.jsx("div", { className: t.title, children: m }),
+            !h && /* @__PURE__ */ e.jsx(
+              g,
               {
                 className: `${S({
-                  theme: s()
+                  theme: c(),
+                  direction: p
                 })}`,
-                onClick: c
+                onClick: l
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: t.content, children: m })
+          /* @__PURE__ */ e.jsx("div", { className: t.content, children: u })
         ]
       }
     ) }),
@@ -87,5 +92,5 @@ const k = "_drawerOverlay_1e2c8_2", v = "_drawerContent_1e2c8_14", y = "_left_1e
   ) : null;
 };
 export {
-  I as Drawer
+  V as Drawer
 };

package/dist/{ProTable-63e2c020.js → ProTable-d028ad0b.js}

@@ -1,8 +1,8 @@
 import { j as z } from "./jsx-runtime-82a9ddf6.js";
 import * as Ce from "react";
 import V, { useLayoutEffect as $n, useEffect as M, useRef as L, useMemo as O, useCallback as K, useState as Q, createContext as Je, memo as Fn, useReducer as Hn, useContext as Ie } from "react";
-import { c as W } from "./index-7272669e.js";
-import { c as Me, u as Wn } from "./clsx.m-b14a941b.js";
+import { c as W } from "./index-86cecf62.js";
+import { c as Me, u as Wn } from "./clsx.m-9bb14413.js";
 import { unstable_batchedUpdates as rt, createPortal as Xn } from "react-dom";
 var ne = /* @__PURE__ */ ((e) => (e.default = "default", e.desc = "desc", e.asc = "asc", e))(ne || {});
 const Yn = W("bu-w-full bu-rounded-lg", {
@@ -20,7 +20,7 @@ const Yn = W("bu-w-full bu-rounded-lg", {
     }
   }
 }), rn = W(
-  "bu-relative bu-z-[999] bu-h-[25px] bu-select-none bu-border-b bu-px-[4px] bu-text-left bu-text-[12px] bu-font-medium bu-transition-all bu-duration-300",
+  "bu-relative bu-z-[999] bu-h-[25px] bu-select-none bu-border-b bu-px-[4px] bu-text-[12px] bu-font-medium bu-transition-all bu-duration-300",
   {
     variants: {
       theme: {
@@ -71,7 +71,7 @@ const Yn = W("bu-w-full bu-rounded-lg", {
       dark: "bu-bg-dark-background"
     }
   }
-}), Gn = W("bu-ml-2 bu-inline-flex bu-flex-col bu-align-middle"), Jn = W(
+}), Gn = W("ltr:bu-ml-2 rtl:bu-mr-2 bu-inline-flex bu-flex-col bu-align-middle"), Jn = W(
   "bu-h-0 bu-w-0 bu-border-l-4 bu-border-r-4 bu-border-transparent",
   {
     variants: {
@@ -3167,12 +3167,11 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
                   oe.dragHandle({
                     theme: l
                   }),
-                  "group-hover:bu-opacity-100"
+                  "group-hover:bu-opacity-100 ltr:bu-ml-[4px] rtl:bu-mr-[4px]"
                 )} drag-handle-icon`,
                 style: {
                   display: "flex",
-                  alignItems: "center",
-                  marginLeft: "4px"
+                  alignItems: "center"
                 },
                 children: a !== null && (a || /* @__PURE__ */ z.jsx(Xo, {}))
               }
@@ -3204,7 +3203,7 @@ const Xo = ({ className: e }) => /* @__PURE__ */ z.jsxs(
       {
         className: Me(
           "bu-inline-flex bu-align-middle bu-transition-opacity bu-duration-200",
-          "bu-ml-[4px]"
+          "ltr:bu-ml-[4px] rtl:bu-mr-[4px]"
         ),
         children: /* @__PURE__ */ z.jsxs(
           "svg",

package/dist/ProTable.es.js

@@ -1,9 +1,9 @@
-import { P as r } from "./ProTable-63e2c020.js";
-import { S as s } from "./ProTable-63e2c020.js";
+import { P as r } from "./ProTable-d028ad0b.js";
+import { S as s } from "./ProTable-d028ad0b.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
-import "./index-7272669e.js";
-import "./clsx.m-b14a941b.js";
+import "./index-86cecf62.js";
+import "./clsx.m-9bb14413.js";
 import "react-dom";
 export {
   r as ProTable,