@blofin/blofin-ui 0.7.44 → 1.0.0-beta.0

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/blofinex/blofin-ui.git"
   },
-  "version": "0.7.44",
+  "version": "1.0.0-beta.0",
   "module": "./dist/index.es.js",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -57,25 +57,26 @@
     "tailwind-merge": "^1.13.1"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-hook-form": "^7.45.1",
     "zod": "^3.21.4"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-mdx-gfm": "^7.4.0",
+    "@chromatic-com/storybook": "^3",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/addon-mdx-gfm": "8.6.14",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/react": "^7.4.0",
-    "@storybook/react-vite": "^7.4.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/testing-react": "^2.0.1",
-    "@storybook/theming": "^7.4.0",
-    "@types/react": "^18.0.37",
-    "@types/react-dom": "^18.0.11",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@storybook/theming": "8.6.14",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^19.1.1",
+    "@types/react-dom": "^19.1.1",
     "@types/react-transition-group": "^4.4.6",
     "@typescript-eslint/eslint-plugin": "^6.2.1",
     "@typescript-eslint/parser": "^6.2.1",
@@ -91,11 +92,11 @@
     "postcss": "^8.4.24",
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.3.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-hook-form": "^7.45.1",
-    "sass": "^1.63.2",
-    "storybook": "^7.4.0",
+    "sass": "^1.93.2",
+    "storybook": "8.6.14",
     "storybook-dark-mode": "^3.0.1",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.0.2",

package/dist/index-8c18ed9b.js

@@ -1,173 +0,0 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import { useState as P, useEffect as B } from "react";
-import v from "react-dom";
-import { S as F } from "./close-c67ec245.js";
-import { Button as g } from "./Button.es.js";
-import { a as r, u as M } from "./index-96a8d125.js";
-var x, s = v;
-if (process.env.NODE_ENV === "production")
-  x = s.createRoot, s.hydrateRoot;
-else {
-  var k = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  x = function(t, n) {
-    k.usingClientEntryPoint = !0;
-    try {
-      return s.createRoot(t, n);
-    } finally {
-      k.usingClientEntryPoint = !1;
-    }
-  };
-}
-const U = r(
-  "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"
-      }
-    }
-  }
-), V = r("", {
-  variants: {
-    theme: {
-      dark: "bu-text-dark-label",
-      light: "bu-text-light-label"
-    }
-  }
-}), A = r(
-  "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"
-      }
-    }
-  }
-), W = r("bu-flex bu-px-[24px]", {
-  variants: {
-    footerLayout: {
-      right: "bu-justify-end",
-      left: "bu-justify-start",
-      center: "bu-justify-center"
-    }
-  }
-}), Y = "_mock_13kkq_1", G = "_dialog_13kkq_5", H = "_title_13kkq_9", J = "_content_13kkq_13", i = {
-  mock: Y,
-  dialog: G,
-  title: H,
-  content: J
-}, C = (t) => {
-  const {
-    size: n,
-    title: o,
-    content: a,
-    maskClosable: c = !1,
-    cancelText: m = "",
-    confirmText: j = "",
-    footer: u,
-    cancel: f,
-    confirm: h,
-    theme: p,
-    footerLayout: N,
-    footerSize: y = "small",
-    hideCancel: _ = !1,
-    hideConfirm: E = !1,
-    hideIcon: w = !1,
-    className: R,
-    contentClassName: S,
-    open: d,
-    loading: O = !1,
-    containerRef: $,
-    modalClassName: T
-  } = t, { theme: D } = M(), [z, I] = P(!1), l = () => p || D, b = () => {
-    f && f();
-  }, L = () => {
-    c && b();
-  }, q = () => {
-    h && h();
-  };
-  return B(() => (document.body.style.overflow = d ? "hidden" : "", I(d), () => {
-    document.body.style.overflow = "";
-  }), [d]), z ? v.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: `${i.mock} ${T}`, onClick: L, children: /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: `${i.dialog} ${U({
-          size: n,
-          theme: l()
-        })} ${R}`,
-        children: [
-          !w && /* @__PURE__ */ e.jsx(
-            F,
-            {
-              className: `${A({
-                theme: l()
-              })}`,
-              onClick: b
-            }
-          ),
-          /* @__PURE__ */ e.jsx("div", { className: V({ theme: l() }), children: o !== null && /* @__PURE__ */ e.jsx("div", { className: i.title, children: o }) }),
-          /* @__PURE__ */ e.jsx("div", { ref: $, className: `${i.content} ${S}`, children: a }),
-          /* @__PURE__ */ e.jsx("div", { className: W({ footerLayout: N }), children: u === null ? null : u || /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            !_ && /* @__PURE__ */ e.jsx(
-              g,
-              {
-                size: y,
-                variant: "ghost",
-                theme: l(),
-                onClick: b,
-                children: m
-              }
-            ),
-            !E && /* @__PURE__ */ e.jsx(
-              g,
-              {
-                className: _ ? "" : "bu-ml-[16px]",
-                size: y,
-                variant: "primary",
-                loading: O,
-                theme: l(),
-                onClick: q,
-                children: j
-              }
-            )
-          ] }) })
-        ]
-      }
-    ) }),
-    document.body
-  ) : null;
-}, K = (t) => {
-  const n = document.createElement("div");
-  document.body.appendChild(n);
-  const o = x(n), a = () => {
-    o.unmount(), document.body.removeChild(n);
-  }, c = () => {
-    t.cancel && t.cancel(), a();
-  }, m = () => {
-    t.confirm && t.confirm(), a();
-  };
-  return o.render(
-    /* @__PURE__ */ e.jsx(
-      C,
-      {
-        ...t,
-        open: !0,
-        cancel: c,
-        confirm: m
-      }
-    )
-  ), a;
-};
-C.show = K;
-export {
-  C as D,
-  x as c
-};

package/dist/isObjectLike-1b8bbac2.js

@@ -1,44 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function g(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-function j(t) {
-  var r = typeof t;
-  return t != null && (r == "object" || r == "function");
-}
-var d = j;
-const U = /* @__PURE__ */ g(d);
-var u = typeof o == "object" && o && o.Object === Object && o, y = u, p = y, v = typeof self == "object" && self && self.Object === Object && self, T = p || v || Function("return this")(), O = T, S = O, w = S.Symbol, c = w, n = c, b = Object.prototype, _ = b.hasOwnProperty, $ = b.toString, e = n ? n.toStringTag : void 0;
-function m(t) {
-  var r = _.call(t, e), f = t[e];
-  try {
-    t[e] = void 0;
-    var l = !0;
-  } catch {
-  }
-  var s = $.call(t);
-  return l && (r ? t[e] = f : delete t[e]), s;
-}
-var h = m, G = Object.prototype, P = G.toString;
-function R(t) {
-  return P.call(t);
-}
-var k = R, a = c, F = h, L = k, C = "[object Null]", D = "[object Undefined]", i = a ? a.toStringTag : void 0;
-function E(t) {
-  return t == null ? t === void 0 ? D : C : i && i in Object(t) ? F(t) : L(t);
-}
-var q = E;
-function M(t) {
-  return t != null && typeof t == "object";
-}
-var z = M;
-export {
-  q as _,
-  O as a,
-  z as b,
-  y as c,
-  c as d,
-  U as e,
-  g,
-  d as i
-};