@blofin/blofin-ui 0.6.87

package/dist/Dialog.es.js

@@ -0,0 +1,159 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import { useState as R, useEffect as D } from "react";
+import d from "react-dom";
+import { S as I } from "./close-c67ec245.js";
+import { Button as k } from "./Button.es.js";
+import { a as s, u as L } from "./index-96a8d125.js";
+import "./utils-7e50508b.js";
+const M = s(
+  "bu-absolute bu-left-[50%] bu-top-[50%] bu-flex bu-translate-x-[-50%] bu-translate-y-[-50%] bu-flex-col bu-justify-between bu-rounded-[10px] bu-pb-[32px] bu-pt-[24px]",
+  {
+    variants: {
+      size: {
+        large: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[234px] min-[600px]:bu-w-[800px]",
+        medium: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[226px] min-[600px]:bu-w-[600px]",
+        small: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[210px] min-[600px]:bu-w-[520px]"
+      },
+      theme: {
+        dark: "bu-bg-dark-hover-fill-primary",
+        light: "bu-bg-light-background"
+      }
+    }
+  }
+), A = s("", {
+  variants: {
+    theme: {
+      dark: "bu-text-dark-label",
+      light: "bu-text-light-label"
+    }
+  }
+}), B = s(
+  "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
+  {
+    variants: {
+      theme: {
+        dark: "bu-text-dark-label",
+        light: "bu-text-light-label-40"
+      }
+    }
+  }
+), F = s("bu-flex bu-px-[24px]", {
+  variants: {
+    footerLayout: {
+      right: "bu-justify-end",
+      left: "bu-justify-start",
+      center: "bu-justify-center"
+    }
+  }
+}), P = "_mock_13kkq_1", V = "_dialog_13kkq_5", G = "_title_13kkq_9", H = "_content_13kkq_13", a = {
+  mock: P,
+  dialog: V,
+  title: G,
+  content: H
+}, g = (t) => {
+  const {
+    size: n,
+    title: o,
+    content: i,
+    maskClosable: c = !1,
+    cancelText: y = "",
+    confirmText: v = "",
+    footer: r,
+    cancel: b,
+    confirm: x,
+    theme: f,
+    footerLayout: j,
+    footerSize: h = "small",
+    hideCancel: p = !1,
+    hideConfirm: C = !1,
+    hideIcon: _ = !1,
+    className: w,
+    contentClassName: N,
+    open: m,
+    loading: S = !1,
+    containerRef: $
+  } = t, { theme: z } = L(), [q, T] = R(!1), l = () => f || z, u = () => {
+    b && b();
+  }, E = () => {
+    c && u();
+  }, O = () => {
+    x && x();
+  };
+  return D(() => (document.body.style.overflow = m ? "hidden" : "", T(m), () => {
+    document.body.style.overflow = "";
+  }), [m]), q ? d.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: a.mock, onClick: E, children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `${a.dialog} ${M({
+          size: n,
+          theme: l()
+        })} ${w}`,
+        children: [
+          !_ && /* @__PURE__ */ e.jsx(
+            I,
+            {
+              className: `${B({
+                theme: l()
+              })}`,
+              onClick: u
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: A({ theme: l() }), children: o !== null && /* @__PURE__ */ e.jsx("div", { className: a.title, children: o }) }),
+          /* @__PURE__ */ e.jsx("div", { ref: $, className: `${a.content} ${N}`, children: i }),
+          /* @__PURE__ */ e.jsx("div", { className: F({ footerLayout: j }), children: r === null ? null : r || /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            !p && /* @__PURE__ */ e.jsx(
+              k,
+              {
+                size: h,
+                variant: "ghost",
+                theme: l(),
+                onClick: u,
+                children: y
+              }
+            ),
+            !C && /* @__PURE__ */ e.jsx(
+              k,
+              {
+                className: p ? "" : "bu-ml-[16px]",
+                size: h,
+                variant: "primary",
+                loading: S,
+                theme: l(),
+                onClick: O,
+                children: v
+              }
+            )
+          ] }) })
+        ]
+      }
+    ) }),
+    document.body
+  ) : null;
+};
+g.show = (t) => {
+  const n = document.createElement("div");
+  document.body.appendChild(n);
+  const o = () => {
+    d.unmountComponentAtNode(n), document.body.removeChild(n);
+  }, i = () => {
+    t.cancel && t.cancel(), o();
+  }, c = () => {
+    t.confirm && t.confirm(), o();
+  };
+  return d.render(
+    /* @__PURE__ */ e.jsx(
+      g,
+      {
+        ...t,
+        open: !0,
+        cancel: i,
+        confirm: c
+      }
+    ),
+    n
+  ), o;
+};
+export {
+  g as Dialog
+};

package/dist/Divider.d.ts

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

package/dist/Divider.es.js

@@ -0,0 +1,25 @@
+import { j as t } from "./jsx-runtime-944c88e2.js";
+import { a as i, u as b } from "./index-96a8d125.js";
+import { c as a } from "./utils-7e50508b.js";
+import "react";
+const m = i("", {
+  variants: {
+    theme: {
+      light: "bu-my-1 bu-h-px bu-border-0 bu-bg-light-line-primary",
+      dark: "bu-my-1 bu-h-px bu-border-0 bu-bg-dark-line-primary"
+    }
+  }
+}), l = i("bu-h-full bu-w-px", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-label-20",
+      dark: "bu-bg-dark-label-20"
+    }
+  }
+}), p = ({ direction: s = "horizontal", theme: e }) => {
+  const { theme: r } = b();
+  return s === "horizontal" ? /* @__PURE__ */ t.jsx("hr", { className: `${a(m({ theme: r || e }))}` }) : /* @__PURE__ */ t.jsx("div", { className: `${a(l({ theme: r || e }))}` });
+};
+export {
+  p as Divider
+};

package/dist/Drawer.d.ts

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

package/dist/Drawer.es.js

@@ -0,0 +1,90 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import x from "react-dom";
+import { S as f } from "./close-c67ec245.js";
+import { a as c, u as g } from "./index-96a8d125.js";
+import "react";
+const k = "_drawerOverlay_w8q99_2", v = "_drawerContent_w8q99_14", y = "_left_w8q99_19", C = "_right_w8q99_23", q = "_drawerHeader_w8q99_27", j = "_title_w8q99_42", N = "_mock_w8q99_47", O = "_content_w8q99_51", t = {
+  drawerOverlay: k,
+  drawerContent: v,
+  left: y,
+  right: C,
+  drawerHeader: q,
+  "drawer-close-button": "_drawer-close-button_w8q99_34",
+  title: j,
+  mock: N,
+  content: O
+}, $ = c(
+  "bu-absolute  bu-flex  bu-flex-col bu-pb-[32px] bu-pt-[24px]",
+  {
+    variants: {
+      theme: {
+        dark: "bu-bg-dark-hover-fill-primary",
+        light: "bu-bg-light-background"
+      }
+    }
+  }
+), H = c(
+  "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
+  {
+    variants: {
+      theme: {
+        dark: "bu-text-dark-label",
+        light: "bu-text-light-label-40"
+      }
+    }
+  }
+), X = (i) => {
+  const {
+    title: d,
+    content: m,
+    cancel: n,
+    theme: o,
+    hideIcon: u = !1,
+    open: r,
+    placement: _ = "right",
+    drawerContentClass: w = "bu-w-[300px]"
+  } = i, { theme: h } = g(), s = () => o || h;
+  if (!r)
+    return null;
+  const l = () => {
+    n && n();
+  }, b = (a) => {
+    a.target === a.currentTarget && (a.stopPropagation(), l());
+  }, p = {
+    transition: r ? "transform .3s ease-in-out" : "transform .3s ease-in-out, opacity 0.3s ease",
+    transform: r ? "translateX(0)" : "translateX(100%)",
+    opacity: r ? 1 : 0
+  };
+  return r ? x.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: t.mock, onClick: b, children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `${t.drawerContent}
+        ${$({
+          theme: s()
+        })}
+        ${t[_]} ${w}`,
+        style: p,
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: t.drawerHeader, children: [
+            /* @__PURE__ */ e.jsx("div", { className: t.title, children: d }),
+            !u && /* @__PURE__ */ e.jsx(
+              f,
+              {
+                className: `${H({
+                  theme: s()
+                })}`,
+                onClick: l
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: t.content, children: m })
+        ]
+      }
+    ) }),
+    document.body
+  ) : null;
+};
+export {
+  X as Drawer
+};

package/dist/Form.d.ts

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