@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Textarea.es.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import * as x from "react";
+import { u as k } from "./useTheme-0688f238.js";
+import { Typography as u } from "./Typography.es.js";
+import { c as o } from "./index-c57db938.js";
+import "./utils-071abd68.js";
+import "./clsx.m-e965ef18.js";
+const y = o("bu-rounded-[4px] bu-border-[1px] bu-p-[8px]", {
+  variants: {
+    theme: {
+      light: [
+        "bu-border-light-line-secondary bu-bg-light-background focus-within:bu-border-light-primary hover:bu-border-light-primary"
+      ],
+      dark: [
+        "bu-border-dark-line-secondary bu-bg-dark-background focus-within:bu-border-dark-primary hover:bu-border-dark-primary"
+      ]
+    }
+  }
+}), f = o("bu-rounded-[4px] bu-border-[1px] bu-p-[8px]", {
+  variants: {
+    theme: {
+      light: [
+        "bu-border-light-danger bu-bg-light-background focus-within:bu-border-light-danger hover:bu-border-light-danger"
+      ],
+      dark: [
+        "bu-border-dark-danger bu-bg-dark-background focus-within:bu-border-dark-danger hover:bu-border-dark-danger"
+      ]
+    }
+  }
+}), v = o(
+  "bu-h-[80px] bu-w-full bu-resize-none bu-rounded-[4px] bu-text-[12px] bu-leading-[18px] bu-shadow-none bu-outline-none",
+  {
+    variants: {
+      theme: {
+        light: ["bu-bg-light-background bu-text-light-label"],
+        dark: ["bu-bg-dark-background bu-text-dark-label"]
+      }
+    }
+  }
+), w = o("", {
+  variants: {
+    theme: {
+      light: ["!bu-text-light-danger"],
+      dark: ["!bu-text-dark-danger"]
+    }
+  }
+}), N = "_hideScrollbar_1vs4g_1", S = {
+  hideScrollbar: N
+}, z = x.forwardRef((l, s) => {
+  const { theme: a } = k(), {
+    id: b,
+    disabled: h,
+    label: r,
+    endAdornment: d,
+    error: c,
+    theme: e,
+    helperText: i,
+    row: m = 4,
+    className: g,
+    ...p
+  } = l;
+  return /* @__PURE__ */ n("div", { children: [
+    r && typeof r == "string" && /* @__PURE__ */ t("label", { htmlFor: b || `bui-${r}`, children: /* @__PURE__ */ t(u, { className: "bu-mb-[4px]", variant: "body4", children: r }) }),
+    r && typeof r != "string" && /* @__PURE__ */ t("div", { className: "bu-mb-1", children: r }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: c ? f({ theme: e || a }) : y({ theme: e || a }),
+        children: [
+          /* @__PURE__ */ t(
+            "textarea",
+            {
+              id: typeof r == "string" ? b || `bui-${r}` : void 0,
+              ref: s,
+              disabled: h,
+              rows: m,
+              className: `${S.hideScrollbar} ${v({
+                theme: e || a
+              })} ${g}`,
+              ...p
+            }
+          ),
+          d && /* @__PURE__ */ t(
+            "span",
+            {
+              className: typeof d == "string" ? "bu-px-2 bu-text-base bu-font-medium" : "",
+              children: d
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ t("div", { className: "bu-mt-1", children: /* @__PURE__ */ t(
+      u,
+      {
+        variant: "body4",
+        className: w({ theme: e || a }),
+        children: i
+      }
+    ) })
+  ] });
+});
+export {
+  z as TextArea
+};

package/dist/Toast.d.ts

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

package/dist/Toast.es.js

@@ -0,0 +1,12 @@
+"use client";
+import { T } from "./index-40023d52.js";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+import "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+import "./useTheme-0688f238.js";
+import "./close-0df24351.js";
+export {
+  T as Toast
+};

package/dist/Tooltip.d.ts

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

package/dist/Tooltip.es.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import * as t from "react";
+import { createPortal as R } from "react-dom";
+import { u as L } from "./useTheme-0688f238.js";
+import { P as E, O as k, t as b, a as S } from "./enum-0398044b.js";
+import { c as x } from "./index-c57db938.js";
+import { u as M, a as P, b as $ } from "./useDelayEvent-f577f6a3.js";
+import "./clsx.m-e965ef18.js";
+import "./_commonjsHelpers-1d52fb73.js";
+const F = (s) => /* @__PURE__ */ t.createElement("svg", { id: "_\\u56FE\\u5C42_1", "data-name": "\\u56FE\\u5C42 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 8 3.59", ...s }, /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("style", null, `
+      .cls-1 {
+        fill: currentColor;
+      }
+    `)), /* @__PURE__ */ t.createElement("path", { className: "cls-1", d: "M3.29,3.29c.39,.39,1.02,.39,1.41,0L8,0H0L3.29,3.29Z" })), A = x("bu-text-white", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-hover-fill-tertiary",
+      dark: "bu-bg-dark-hover-fill-tertiary"
+    }
+  }
+}), T = x("bu-absolute bu-h-[8px] bu-w-[8px]", {
+  variants: {
+    placement: {
+      top: "bu-bottom-[-7px] bu-left-[50%] bu-translate-x-[-50%]",
+      topLeft: "bu-bottom-[-8px] bu-left-[16px]",
+      topRight: "bu-bottom-[-7px] bu-right-[16px]",
+      bottom: "bu-left-[50%] bu-top-[-7.5px] bu-translate-x-[-50%] bu-rotate-[180deg]",
+      bottomLeft: "bu-left-[16px] bu-top-[-7.5px] bu-rotate-[180deg]",
+      bottomRight: "bu-right-[16px] bu-top-[-7.5px] bu-rotate-[180deg]",
+      right: "bu-left-[-8px] bu-top-[50%] bu-translate-y-[-50%] bu-rotate-[90deg]",
+      left: "bu-right-[-8px] bu-top-[50%] bu-translate-y-[-50%] bu-rotate-[-90deg]"
+    }
+  }
+}), _ = x("bu-transition-opacity bu-delay-200", {
+  variants: {
+    show: {
+      true: "bu-opacity-1 bu-visible bu-z-[10000]",
+      false: "bu-invisible bu-z-[-100] bu-opacity-0"
+    }
+  }
+}), j = ({
+  title: s,
+  content: e,
+  placement: o,
+  parent: c,
+  className: m,
+  enter: r,
+  hideArrow: f = !1,
+  scrollContainer: d,
+  isShow: u = !1,
+  flipPlacement: n,
+  theme: i,
+  x: p,
+  y: h = 0
+}) => {
+  const l = t.useRef(null), { styles: g, attributes: N, update: v, state: y } = $(c, l.current, {
+    placement: E[o],
+    strategy: "fixed",
+    modifiers: [
+      {
+        name: "offset",
+        options: {
+          offset: [p || k[o], 4 + h]
+        }
+      },
+      {
+        name: "flip",
+        options: {
+          fallbackPlacements: n ? n.map((C) => E[C]) : []
+        }
+      }
+    ]
+  });
+  return t.useEffect(() => {
+    v && v();
+  }, [r, u]), R(
+    /* @__PURE__ */ w(
+      "div",
+      {
+        ref: l,
+        className: `${b["tooltip-wrapper"]} ${_({
+          show: r || u
+        })} ${A({
+          theme: i
+        })} ${m || ""}`,
+        style: g.popper,
+        ...N.popper,
+        children: [
+          s && /* @__PURE__ */ a("span", { className: b.title, children: s }),
+          s && e && /* @__PURE__ */ a("div", { className: b.line }),
+          e ? typeof e == "string" ? /* @__PURE__ */ a("span", { className: b.content, children: e }) : e : null,
+          !f && y && /* @__PURE__ */ a(
+            "div",
+            {
+              className: T({
+                placement: S[y.placement]
+              }),
+              children: /* @__PURE__ */ a(
+                F,
+                {
+                  className: i === "dark" ? "bu-text-dark-hover-fill-tertiary" : "bu-text-light-hover-fill-tertiary"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}, G = ({
+  children: s,
+  isShow: e,
+  theme: o,
+  containerClassName: c,
+  ...m
+}) => {
+  const r = t.useRef(null), [f, d] = M(!1, 300, !0, !0), [u, n] = t.useState(!1), { isClient: i } = P(), p = () => {
+    d(!0);
+  }, h = () => {
+    d(!1);
+  }, { theme: l } = L(), g = t.useMemo(() => o || l, [o, l]);
+  return t.useEffect(() => {
+    e !== void 0 && setTimeout(() => {
+      n(e);
+    }, 0);
+  }, [e]), /* @__PURE__ */ w(
+    "div",
+    {
+      ref: r,
+      className: `bu-inline-block ${c}`,
+      onMouseEnter: p,
+      onMouseLeave: h,
+      children: [
+        s,
+        i && /* @__PURE__ */ a(j, { ...m, enter: f, theme: g, isShow: u, parent: r.current })
+      ]
+    }
+  );
+};
+export {
+  G as Tooltip
+};

package/dist/Typography.d.ts

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

package/dist/Typography.es.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as x } from "react/jsx-runtime";
+import { u as s } from "./useTheme-0688f238.js";
+import { c as i } from "./utils-071abd68.js";
+import { c as m } from "./index-c57db938.js";
+import "react";
+import "./clsx.m-e965ef18.js";
+const p = (t) => m("", {
+  variants: {
+    variant: {
+      h1: "bu-text-9xl",
+      h2: "bu-text-8xl",
+      h3: "bu-text-7xl",
+      h4: "bu-text-6xl",
+      h5: "bu-text-5xl",
+      h6: "bu-text-4xl",
+      subtitle1: "bu-text-3xl",
+      subtitle2: "bu-text-2xl",
+      subtitle3: "bu-text-xl",
+      body1: "bu-text-lg",
+      body2: "bu-text-md",
+      body3: "bu-text-base",
+      body4: "bu-text-sm"
+    },
+    weight: {
+      bold: "bu-font-bold",
+      medium: "bu-font-medium",
+      regular: "bu-font-normal"
+    },
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  },
+  defaultVariants: {
+    variant: "body3",
+    weight: "regular"
+  }
+})(t), d = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "p",
+  subtitle2: "p",
+  subtitle3: "p",
+  body1: "p",
+  body2: "p",
+  body3: "p",
+  body4: "p"
+}, v = ({
+  variant: t = "body3",
+  weight: u = "regular",
+  className: o = "",
+  children: l,
+  theme: e,
+  component: b,
+  ...r
+}) => {
+  const { theme: h } = s(), a = b || d[t];
+  return /* @__PURE__ */ x(
+    a,
+    {
+      className: i(p({ variant: t, weight: u, theme: e || h }), o),
+      ...r,
+      children: l
+    }
+  );
+};
+export {
+  v as Typography
+};

package/dist/_commonjsHelpers-1d52fb73.js

@@ -0,0 +1,9 @@
+"use client";
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/arrow-down-011b02c7.js

@@ -0,0 +1,6 @@
+"use client";
+import * as t from "react";
+const r = (e) => /* @__PURE__ */ t.createElement("svg", { width: 11, height: 6, viewBox: "0 0 11 6", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M9.5 1.80005V0.200048H1.5V1.80005L5.5 5.80005L9.5 1.80005Z", fill: "currentColor", fillOpacity: 1 }));
+export {
+  r as S
+};

package/dist/arrow-down-l-line-97e4fe24.js

@@ -0,0 +1,6 @@
+"use client";
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { className: "icon", width: "200px", height: "200.00px", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M512 561.962667l211.2-211.2 60.330667 60.373333L512 682.666667 240.469333 411.136 300.8 350.805333l211.2 211.2z" }));
+export {
+  o as S
+};

package/dist/arrow-fill-70becd96.js

@@ -0,0 +1,6 @@
+"use client";
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", width: 200, height: 200, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M725.333333 576v85.333333H298.666667v-85.333333l213.333333-213.333333 213.333333 213.333333z", fill: "currentColor" }));
+export {
+  r as S
+};

package/dist/arrow-right-l-line-87881b4d.js

@@ -0,0 +1,7 @@
+"use client";
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { className: "icon", width: "200px", height: "200.00px", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M461.994667 512l211.2 211.2-60.330667 60.373333L341.333333 512l271.530667-271.530667 60.330667 60.330667-211.2 211.2z" })), r = (t) => /* @__PURE__ */ e.createElement("svg", { className: "icon", width: "200px", height: "200.00px", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M561.962667 512l-211.2-211.2 60.373333-60.288L682.666667 512l-271.530667 271.530667-60.330667-60.373334 211.2-211.2z" }));
+export {
+  r as S,
+  l as a
+};