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

package/dist/Checkbox.es.js

@@ -12,7 +12,7 @@ import "./Dialog.es.js";
 import "react-dom";
 import "./enum-0398044b.js";
 import "./Popover.es.js";
-import "./index.module-86edc823.js";
+import "./index.module-4db476ff.js";
 import "./LabelTextField.es.js";
 import "./index-9349bf2d.js";
 import "./RadioButton.es.js";
@@ -26,7 +26,7 @@ import "./TextField.es.js";
 import "./Textarea.es.js";
 import "./sortable.esm-8d31c120.js";
 import "./MultiSelect.es.js";
-import "./index-40023d52.js";
+import "./index-54c64fd8.js";
 import "./sortable.esm-1c13d908.js";
 import { c as s } from "./index-c57db938.js";
 import "./clsx.m-e965ef18.js";
@@ -44,6 +44,7 @@ import "./helper-221987f8.js";
 import "./close-bg-6d2211ef.js";
 import "./Empty.es.js";
 import "./arrow-down-l-line-97e4fe24.js";
+import "./proxy-50241ce1.js";
 const H = "_container_g0kof_1", R = "_checkmark_g0kof_22", M = "_unchecked_g0kof_28", m = {
   container: H,
   checkmark: R,
@@ -76,7 +77,7 @@ const H = "_container_g0kof_1", R = "_checkmark_g0kof_22", M = "_unchecked_g0kof
       medium: ["bu-h-[18px] bu-w-[18px]"]
     }
   }
-}), k1 = k((g, w) => {
+}), L1 = k((g, w) => {
   const {
     label: p,
     theme: h,
@@ -134,5 +135,5 @@ const H = "_container_g0kof_1", R = "_checkmark_g0kof_22", M = "_unchecked_g0kof
   ] });
 });
 export {
-  k1 as Checkbox
+  L1 as Checkbox
 };

package/dist/Drawer.es.js

@@ -1,13 +1,15 @@
 "use client";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { createPortal as k } from "react-dom";
-import { S as v } from "./close-0df24351.js";
-import { u as y } from "./useTheme-0688f238.js";
-import { s as e } from "./index.module-86edc823.js";
-import { c } from "./index-c57db938.js";
-import "react";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useCallback as m, useMemo as u, useEffect as N } from "react";
+import { createPortal as D } from "react-dom";
+import { S as E } from "./close-0df24351.js";
+import { u as O } from "./useTheme-0688f238.js";
+import { c as P } from "./utils-071abd68.js";
+import { s as i } from "./index.module-4db476ff.js";
+import { c as f } from "./index-c57db938.js";
+import { A as S, m as x } from "./proxy-50241ce1.js";
 import "./clsx.m-e965ef18.js";
-const w = c(
+const T = f(
   "bu-absolute  bu-flex  bu-flex-col bu-pb-[32px] bu-pt-[24px]",
   {
     variants: {
@@ -17,7 +19,7 @@ const w = c(
       }
     }
   }
-), C = c(
+), V = f(
   "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
   {
     variants: {
@@ -27,58 +29,111 @@ const w = c(
       }
     }
   }
-), H = (m) => {
+), j = {
+  hidden: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1
+  },
+  exit: {
+    opacity: 0
+  }
+}, A = {
+  right: {
+    hidden: { x: "100%" },
+    visible: { x: 0 },
+    exit: { x: "100%" }
+  },
+  left: {
+    hidden: { x: "-100%" },
+    visible: { x: 0 },
+    exit: { x: "-100%" }
+  }
+}, v = {
+  type: "tween",
+  duration: 0.3,
+  ease: "easeInOut"
+}, I = (a) => {
+  const t = m(() => {
+    a == null || a();
+  }, [a]), s = m((e) => {
+    e.target === e.currentTarget && (e.stopPropagation(), t());
+  }, [t]), o = m((e) => {
+    e.key === "Escape" && t();
+  }, [t]);
+  return {
+    handleCancel: t,
+    handleOverlayClick: s,
+    handleKeyDown: o
+  };
+}, J = (a) => {
   const {
-    title: u,
-    content: d,
-    cancel: s,
-    theme: o,
-    hideIcon: p = !1,
-    open: t,
-    placement: b = "right",
+    title: t,
+    content: s,
+    cancel: o,
+    theme: e,
+    hideIcon: w = !1,
+    open: l,
+    placement: c = "right",
     drawerContentClass: h = "bu-w-[300px]"
-  } = m, { theme: f } = y(), n = () => o || f;
-  if (!t)
-    return null;
-  const l = () => {
-    s && s();
-  }, g = (a) => {
-    a.target === a.currentTarget && (a.stopPropagation(), l());
-  }, x = {
-    transition: t ? "transform .3s ease-in-out" : "transform .3s ease-in-out, opacity 0.3s ease",
-    transform: t ? "translateX(0)" : "translateX(100%)",
-    opacity: t ? 1 : 0
-  };
-  return t ? k(
-    /* @__PURE__ */ r("div", { className: e.mock, onClick: g, children: /* @__PURE__ */ i(
-      "div",
+  } = a, { theme: b } = O(), { handleCancel: y, handleOverlayClick: k, handleKeyDown: d } = I(o), n = u(() => e ?? b, [e, b]), g = u(
+    () => P(
+      i.drawerContent,
+      T({ theme: n }),
+      i[c],
+      h
+    ),
+    [n, c, h]
+  ), C = u(
+    () => V({ theme: n }),
+    [n]
+  );
+  return N(() => {
+    if (l)
+      return document.addEventListener("keydown", d), () => {
+        document.removeEventListener("keydown", d);
+      };
+  }, [l, d]), D(
+    /* @__PURE__ */ r(S, { mode: "wait", children: l && /* @__PURE__ */ r(
+      x.div,
       {
-        className: `${e.drawerContent}
-        ${w({
-          theme: n()
-        })}
-        ${e[b]} ${h}`,
-        style: x,
-        children: [
-          /* @__PURE__ */ i("div", { className: e.drawerHeader, children: [
-            /* @__PURE__ */ r("div", { className: e.title, children: u }),
-            !p && /* @__PURE__ */ r(
-              v,
-              {
-                className: `${C({
-                  theme: n()
-                })}`,
-                onClick: l
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r("div", { className: e.content, children: d })
-        ]
+        className: i.mock,
+        variants: j,
+        initial: "hidden",
+        animate: "visible",
+        exit: "exit",
+        transition: v,
+        onClick: k,
+        children: /* @__PURE__ */ p(
+          x.div,
+          {
+            className: g,
+            variants: A[c],
+            initial: "hidden",
+            animate: "visible",
+            exit: "exit",
+            transition: v,
+            children: [
+              /* @__PURE__ */ p("div", { className: i.drawerHeader, children: [
+                /* @__PURE__ */ r("div", { className: i.title, children: t }),
+                !w && /* @__PURE__ */ r(
+                  E,
+                  {
+                    className: C,
+                    onClick: y
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r("div", { className: i.content, children: s })
+            ]
+          }
+        )
       }
     ) }),
     document.body
-  ) : null;
+  );
 };
 export {
-  H as Drawer
+  J as Drawer
 };

package/dist/Notification.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { b as f } from "./index-40023d52.js";
+import { b as n } from "./index-54c64fd8.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -7,6 +7,7 @@ import "./index-c57db938.js";
 import "./clsx.m-e965ef18.js";
 import "./useTheme-0688f238.js";
 import "./close-0df24351.js";
+import "./proxy-50241ce1.js";
 export {
-  f as Notification
+  n as Notification
 };

package/dist/Sort.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import { S as B } from "./arrow-down-011b02c7.js";
-import * as a from "react";
+import * as l from "react";
 import { createContext as I } from "react";
 import { k as M } from "./helper-221987f8.js";
 import { u as N } from "./useTheme-0688f238.js";
 import { c as R } from "./clsx.m-e965ef18.js";
-const H = (s) => /* @__PURE__ */ a.createElement("svg", { width: 11, height: 6, viewBox: "0 0 11 6", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ a.createElement("path", { d: "M9.5 4.19995V5.79995H1.5V4.19995L5.5 0.199951L9.5 4.19995Z", fill: "currentColor", fillOpacity: 1 }));
+const H = (s) => /* @__PURE__ */ l.createElement("svg", { width: 11, height: 6, viewBox: "0 0 11 6", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ l.createElement("path", { d: "M9.5 4.19995V5.79995H1.5V4.19995L5.5 0.199951L9.5 4.19995Z", fill: "currentColor", fillOpacity: 1 }));
 var t = /* @__PURE__ */ ((s) => (s.default = "default", s.desc = "desc", s.asc = "asc", s))(t || {});
 const k = {
   type: "single",
@@ -56,10 +56,10 @@ const k = {
   textAlign: c = "center",
   width: f = "100%",
   iconStyle: y,
-  theme: z
+  theme: C
 }) => {
   var T, _;
-  const { theme: C } = N(), $ = z || C, { state: j, dispatch: h } = a.useContext(S), { sorts: d, type: v } = j, w = a.useMemo(() => d.length > 0 ? d.map((u) => u.sort) : [], [d]), m = a.useMemo(() => M(d, "sort"), [d]);
+  const { theme: z } = N(), $ = C || z, { state: j, dispatch: h } = l.useContext(S), { sorts: d, type: v } = j, w = l.useMemo(() => d.length > 0 ? d.map((u) => u.sort) : [], [d]), m = l.useMemo(() => M(d, "sort"), [d]);
   return /* @__PURE__ */ i("div", { style: { justifyContent: c, width: f }, children: /* @__PURE__ */ x(
     "div",
     {
@@ -68,10 +68,10 @@ const k = {
           return;
         const u = m[o];
         if (u) {
-          let l = t.default;
-          u.sortType === t.desc ? l = t.asc : u.sortType === t.asc ? l = t.default : l = t.desc, h({
+          let a = t.default;
+          u.sortType === t.desc ? a = t.asc : u.sortType === t.asc ? a = t.default : a = t.desc, h({
             type: "changeSort",
-            payload: { sort: o, sortType: l },
+            payload: { sort: o, sortType: a },
             success: (n) => {
               e(v === "single" ? {
                 sortKey: n[0].sort,
@@ -86,11 +86,11 @@ const k = {
           h({
             type: "changeSort",
             payload: { sort: o, sortType: t.desc },
-            success: (l) => {
+            success: (a) => {
               e(v === "single" ? {
-                sortKey: l[0].sort,
-                sort: l[0].sortType
-              } : l.map((n) => ({
+                sortKey: a[0].sort,
+                sort: a[0].sortType
+              } : a.map((n) => ({
                 sortKey: n.sort,
                 sort: n.sortType
               })));
@@ -124,9 +124,9 @@ const k = {
       ]
     }
   ) });
-}, q = a.forwardRef(
+}, q = l.forwardRef(
   ({ children: s, type: e = "single" }, o) => {
-    const [r, c] = a.useReducer(L, { ...k, type: e }), f = (y) => {
+    const [r, c] = l.useReducer(L, { ...k, type: e }), f = (y) => {
       c({
         type: "restSort",
         payload: { sort: "", sortType: t.default },
@@ -135,12 +135,13 @@ const k = {
         }
       });
     };
-    return a.useImperativeHandle(o, () => ({
+    return l.useImperativeHandle(o, () => ({
       restSort: f
     })), /* @__PURE__ */ i(S.Provider, { value: { state: r, dispatch: c }, children: s });
   }
 );
 export {
   b as SortButton,
+  S as SortContext,
   q as SortGroup
 };

package/dist/Toast.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { T } from "./index-40023d52.js";
+import { T as c } from "./index-54c64fd8.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -7,6 +7,7 @@ import "./index-c57db938.js";
 import "./clsx.m-e965ef18.js";
 import "./useTheme-0688f238.js";
 import "./close-0df24351.js";
+import "./proxy-50241ce1.js";
 export {
-  T as Toast
+  c as Toast
 };