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

package/README.md

@@ -6,9 +6,9 @@
 
 ![cover](./src/assets/cover.png)
 
-![NPM](https://img.shields.io/npm/l/blofin-ui)
-![npm](https://img.shields.io/npm/v/blofin-ui)
-![npm](https://img.shields.io/npm/dt/blofin-ui)
+![NPM](https://img.shields.io/npm/l/@blofin/blofin-ui)
+![npm](https://img.shields.io/npm/v/@blofin/blofin-ui)
+![npm](https://img.shields.io/npm/dt/@blofin/blofin-ui)
 
 **UI library for crypto exchanges.**
 
@@ -25,21 +25,21 @@ With our UI library, you can confidently offer your users a truly elevated and r
 **NPM**
 
 ```bash
-npm install blofin-ui
+npm install @blofin/blofin-ui
 ```
 
 **Yarn**
 
 ```bash
-yarn add blofin-ui
+yarn add @blofin/blofin-ui
 ```
 
 ## Usage
 
 ```jsx
 import "src/styles/globals.css";
-import { BlofinUiProvider } from "blofin-ui";
-import { Button } from "blofin-ui";
+import { BlofinUiProvider } from "@blofin/blofin-ui";
+import { Button } from "@blofin/blofin-ui";
 
 <BlofinUiProvider value={{ theme: "light" }}>
   <Component {...pageProps}></Component>
@@ -48,7 +48,7 @@ import { Button } from "blofin-ui";
 
 ```css
 /** global.css */
-@import "blofin-ui/blofin.css";
+@import "@blofin/blofin-ui/blofin.css";
 @import "./tailwind.css";
 
 /** tailwind.css */
@@ -59,29 +59,46 @@ import { Button } from "blofin-ui";
 
 ## Components
 
+- [x] Alert
+- [x] Badge
 - [x] Button
+- [x] Calendar
 - [x] Checkbox
+- [x] CssDropdown
+- [x] DatePickerRange
+- [x] DateTimePicker
+- [x] Dialog
+- [x] Divider
+- [x] Drawer
+- [x] Dropdown
+- [x] Empty
+- [x] Form
+- [x] Icon
 - [x] Input
+- [x] LabelTextField
+- [x] MonthPicker
+- [x] MultiSelect
+- [x] Notification
+- [x] Pagination
+- [x] Picker
+- [x] Popover
+- [x] Popup
+- [x] ProTable
+- [x] RadioButton
+- [x] SVG
 - [x] Select
+- [x] Slider
+- [x] Sort
+- [x] Sortable
+- [x] Switch
+- [x] Tab
+- [x] Table
+- [x] TextField
+- [x] TextSelect
 - [x] Textarea
+- [x] Toast
 - [x] Tooltip
-- [x] Modal
-- [x] Dropdown
-- [x] Tabs
-- [x] Table
-- [x] Pagination
-- [x] Loader
-- [x] Alert
-- [x] Badge
-- [x] Card
-- [x] Divider
-- [x] Silder
-- [x] List
-- [x] Tag
 - [x] Typography
-- [x] Avatar
-- [x] Icon
-- [x] Menu
 
 ## Stack we use
 

package/dist/Dialog.es.js

@@ -1,4 +1,4 @@
-import { D as g } from "./index-4c13b930.js";
+import { D as g } from "./index-50c18668.js";
 import "./jsx-runtime-82a9ddf6.js";
 import "react";
 import "react-dom";

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