@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/styles-85a9fe64.js

@@ -0,0 +1,136 @@
+"use client";
+import { c as t } from "./index-c57db938.js";
+const h = t("", {
+  variants: {
+    theme: {
+      light: ["!bu-text-light-label-60"],
+      dark: ["!bu-text-dark-label-60"]
+    },
+    size: {
+      md: ["bu-mb-1"],
+      lg: ["bu-mb-1", "!bu-text-base bu-leading-[20px]"]
+    }
+  }
+}), i = t("", {
+  variants: {
+    theme: {
+      light: ["!bu-border-light-danger"],
+      dark: ["!bu-border-dark-danger"]
+    }
+  }
+}), d = (e) => t("", {
+  variants: {
+    theme: {
+      light: ["!bu-text-light-label-40"],
+      dark: ["!bu-text-dark-label-40"]
+    },
+    variant: {
+      filled: e.theme === "dark" ? "!bu-bg-dark-fill-quaternary" : "!bu-bg-light-fill-quaternary",
+      outlined: e.theme === "dark" ? "!bu-bg-dark-fill-secondary" : "!bu-bg-light-fill-secondary"
+    }
+  }
+})(e), n = t("", {
+  variants: {
+    theme: {
+      light: "bu-border-transparent bu-bg-light-fill-secondary focus-within:!bu-border-light-primary hover:bu-border-[1px] hover:bu-border-light-line-tertiary",
+      dark: "bu-border-transparent bu-bg-dark-fill-secondary focus-within:!bu-border-dark-primary hover:bu-border-[1px] hover:bu-border-dark-line-tertiary"
+    }
+  }
+}), s = t("", {
+  variants: {
+    theme: {
+      light: [
+        "bu-border-light-line-secondary focus-within:bu-border-light-primary focus-within:!bu-bg-transparent hover:bu-bg-light-fill-secondary"
+      ],
+      dark: [
+        "bu-border-dark-line-secondary focus-within:bu-border-light-primary focus-within:!bu-bg-transparent hover:bu-bg-dark-fill-secondary"
+      ]
+    }
+  }
+}), g = (e) => t("", {
+  variants: {
+    size: {
+      md: ["bu-px-2 bu-text-base bu-font-normal"],
+      lg: e.position === "start" ? ["bu-pl-3 bu-pr-2 bu-text-md bu-font-medium"] : ["bu-pl-2 bu-pr-3 bu-text-md bu-font-medium"],
+      sm: ""
+    }
+  }
+})(e), c = ({
+  variant: e,
+  theme: r,
+  error: l = !1,
+  disabled: b = !1,
+  noClassName: u = !0,
+  size: a
+}) => t(
+  "bu-w-full bu-overflow-hidden bu-rounded-[var(--textfiled-rounded-medium)] bu-border",
+  {
+    variants: {
+      variant: {
+        filled: n({ theme: r }),
+        outlined: s({ theme: r })
+      },
+      theme: {
+        light: ["bu-text-light-label"],
+        dark: ["bu-text-dark-label"]
+      },
+      error: {
+        true: i({ theme: r })
+      },
+      disabled: {
+        true: d({ theme: r, variant: e }),
+        false: ""
+      },
+      noClassName: {
+        true: a === "lg" ? "bu-h-[48px]" : a === "md" ? "bu-h-[40px]" : "bu-h-[32px]"
+      }
+    }
+  }
+)({ variant: e, theme: r, error: l, disabled: b, noClassName: u }), m = t("", {
+  variants: {
+    theme: {
+      light: ["!bu-text-light-danger"],
+      dark: ["!bu-text-dark-danger"]
+    }
+  }
+}), p = t("", {
+  variants: {
+    inputSize: {
+      lg: "bu-text-md",
+      md: "bu-text-base",
+      sm: "bu-text-sm"
+    }
+  }
+}), f = t("", {
+  variants: {
+    inputSize: {
+      lg: "bu-pl-[var(--textfiled-padding-left-lg)]",
+      md: "bu-pl-[var(--textfiled-padding-left-md)]",
+      sm: "bu-pl-[var(--textfiled-padding-left-sm)]"
+    }
+  }
+}), x = t("", {
+  variants: {
+    theme: {
+      light: "bu-placeholder-light-label-40",
+      dark: "bu-placeholder-dark-label-40"
+    }
+  }
+}), y = t("focus:bu-outline-0 focus-visible:bu-outline-0", {
+  variants: {
+    theme: {
+      light: "focus:bu-caret-light-primary",
+      dark: "focus:dark:bu-caret-dark-primary"
+    }
+  }
+});
+export {
+  g as A,
+  m as H,
+  c as I,
+  h as L,
+  y as a,
+  x as b,
+  f as c,
+  p as d
+};

package/dist/types/component.d.ts

@@ -2,7 +2,7 @@ export type BUIComponentSize = "large" | "medium" | "small";
 
 export type BUIComponentColor = "primary" | "success" | "danger" | "warning";
 
-export type BUIComponentType = "info" | "success" | "warning" | "danger" | 'loading';
+export type BUIComponentType = "info" | "success" | "warning" | "danger";
 
 export type BUITheme = "light" | "dark";
 

package/dist/useAlign-916ed3be.js

@@ -0,0 +1,44 @@
+"use client";
+import { useState as h, useEffect as g } from "react";
+const p = (i) => {
+  const [l, d] = h({
+    offsetX: 0,
+    offsetY: 0,
+    clientWidth: 0,
+    clientHeight: 0,
+    offsetLeft: 0,
+    offsetRight: 0
+  }), c = (e) => {
+    const n = e.getBoundingClientRect(), o = document.documentElement.scrollLeft, t = document.documentElement.scrollTop, s = n.left + o, u = n.top + t;
+    return { left: s, top: u };
+  }, f = () => {
+    const e = i;
+    if (e) {
+      const { height: n, width: o } = e.getBoundingClientRect(), { left: t, top: s } = c(e);
+      d({
+        offsetX: t,
+        offsetY: s,
+        clientWidth: o,
+        clientHeight: n,
+        offsetLeft: t,
+        offsetRight: document.body.clientWidth - t - o
+      });
+    }
+  }, r = (e) => {
+    const { height: n, width: o } = e.getBoundingClientRect(), { left: t, top: s } = c(e);
+    return {
+      offsetX: t,
+      offsetY: s,
+      clientWidth: o,
+      clientHeight: n,
+      offsetLeft: t,
+      offsetRight: document.body.clientWidth - t - o
+    };
+  };
+  return g(() => (i && window.addEventListener("resize", f), f(), () => {
+    window.removeEventListener("resize", f);
+  }), [i]), { offset: l, getOffset: r, resize: f };
+};
+export {
+  p as u
+};