@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/index-9349bf2d.js

@@ -0,0 +1,345 @@
+"use client";
+import { jsx as a, jsxs as Q } from "react/jsx-runtime";
+import * as e from "react";
+import { createPortal as de } from "react-dom";
+import { TextField as ne } from "./TextField.es.js";
+import { u as le } from "./useTheme-0688f238.js";
+import { u as be } from "./useAlign-916ed3be.js";
+import { c as u } from "./index-c57db938.js";
+import { S as fe } from "./arrow-down-011b02c7.js";
+import { S as he } from "./search-b79a3be5.js";
+import { c as U } from "./clsx.m-e965ef18.js";
+const me = (i) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ e.createElement("g", { id: "arrow-fill" }, /* @__PURE__ */ e.createElement("path", { id: "Vector", d: "M7.99972 8.78028L11.2996 5.48047L12.2424 6.42328L7.99972 10.6659L3.75708 6.42328L4.69989 5.48047L7.99972 8.78028Z", fill: "currentColor" }))), ge = "_options_7iqvu_1", pe = "_item_7iqvu_5", ve = "_input_7iqvu_9", xe = "_roate_7iqvu_13", p = {
+  options: ge,
+  item: pe,
+  input: ve,
+  roate: xe
+}, ke = u("bu-border-[1px] bu-border-solid", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary bu-bg-light-background",
+      dark: "bu-border-dark-line-primary bu-bg-dark-background"
+    }
+  }
+}), Se = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label hover:bu-bg-light-hover-fill-primary",
+      dark: "bu-text-dark-label hover:bu-bg-dark-hover-fill-primary"
+    }
+  }
+}), ye = u("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-hover-fill-primary",
+      dark: "bu-bg-dark-hover-fill-primary"
+    }
+  }
+}), we = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-primary",
+      dark: "bu-text-dark-primary"
+    }
+  }
+}), Ne = "bu-mr-[8px] bu-h-[16px] bu-w-[16px]", Ce = "bu-mr-[8px] bu-h-[12px] bu-w-[12px]", Le = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-dark-background",
+      dark: "bu-text-light-background"
+    }
+  }
+}), Re = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-light-background"
+    }
+  }
+}), Ee = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-20",
+      dark: "bu-text-dark-label-20"
+    }
+  }
+}), se = ({
+  theme: i,
+  disabled: v = !1,
+  variant: g = "line"
+}) => {
+  const x = g === "fill" ? Re({ theme: i }) : Le({ theme: i }), l = v ? Ee({ theme: i }) : x;
+  return `${g === "fill" ? Ce : Ne} ${l}`;
+}, _e = u("bu-sticky bu-top-0 bu-mb-[8px] bu-px-[8px] bu-pt-[8px]", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), $e = u("bu-mx-[8px]", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-dark-label-40"
+    }
+  }
+}), Ie = u("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-20",
+      dark: "bu-text-dark-label-20"
+    }
+  }
+}), Te = e.forwardRef(
+  ({
+    parent: i,
+    options: v,
+    onChange: g,
+    className: x,
+    disabled: l,
+    defaultValue: c,
+    scrollContainer: h,
+    children: C,
+    hide: L,
+    auto: k = !0,
+    search: H = !1,
+    searchChange: R,
+    customSelectItems: E,
+    selectItemClassName: _,
+    searchClassName: $,
+    hideSelectedState: I = !1,
+    offsetPixels: T = -2,
+    preventDuplicateSelection: O = !0,
+    highlightMode: q = "text",
+    preventHideFun: j = !1
+  }, z) => {
+    const { theme: o } = le(), S = e.useRef(null), [M, D] = e.useState(0), { offset: V, resize: A } = be(i), { offsetX: B, offsetY: y } = V, [d, m] = e.useState(!1), { height: w, width: F } = i ? i.getBoundingClientRect() : { width: 0, height: 0 }, b = e.useMemo(() => l == null ? void 0 : l.split(","), [l]), P = (r, f) => {
+      f.preventDefault(), !(b != null && b.includes(r)) && ((r !== c || !O) && g(r), j || L());
+    }, X = (r) => {
+      R && R(r);
+    };
+    return e.useEffect(() => (h && h.addEventListener("scroll", A), () => {
+      h && h.removeEventListener("scroll", A);
+    }), [h]), e.useEffect(() => {
+      k && setTimeout(() => {
+        if (S.current) {
+          const r = window.innerHeight || document.documentElement.clientHeight, { bottom: f, height: n } = S.current.getBoundingClientRect();
+          D(n), f > r ? m(!0) : m(!1);
+        }
+      }, 0);
+    }, [k]), B !== 0 && y !== 0 ? de(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${p.options} ${x} ${ke({ theme: o })}`,
+          style: {
+            top: d ? y - M - 4 : y + w + 4 + "px",
+            left: B + "px"
+          },
+          ref: S,
+          children: /* @__PURE__ */ Q("div", { ref: z, style: { width: F + T + "px" }, children: [
+            H && /* @__PURE__ */ a("div", { className: `${_e({ theme: o })} ${$}`, children: /* @__PURE__ */ a(
+              ne,
+              {
+                variant: "outlined",
+                startAdornment: /* @__PURE__ */ a(he, { className: $e({ theme: o }) }),
+                onChange: (r) => X(r.target.value)
+              }
+            ) }),
+            v.map((r) => /* @__PURE__ */ a(
+              "div",
+              {
+                onClick: (f) => P(r.value, f),
+                className: U(
+                  p.item,
+                  _,
+                  b != null && b.includes(r.value) ? Ie({ theme: o }) : Se({ theme: o }),
+                  !I && c === r.value && (q === "text" ? we({ theme: o }) : ye({ theme: o }))
+                ),
+                style: { width: F + T + "px" },
+                children: E ? E(r) : r.label
+              },
+              r.value
+            )),
+            /* @__PURE__ */ a("div", { className: "bu-cursor-pointer bu-px-[16px]", children: C })
+          ] })
+        }
+      ),
+      document.body
+    ) : null;
+  }
+), De = e.forwardRef((i, v) => {
+  e.useImperativeHandle(v, () => ({
+    close: K,
+    clear: ce
+  }));
+  const {
+    id: g,
+    placeholder: x,
+    defaultValue: l,
+    options: c,
+    onChange: h,
+    inputChange: C,
+    onFocus: L,
+    onBlur: k,
+    disabled: H,
+    className: R = "",
+    inputClassName: E = "",
+    valueClassName: _ = "",
+    hideEndAdornment: $ = !1,
+    readOnly: I = !0,
+    value: T,
+    scrollContainer: O,
+    children: q,
+    auto: j = !0,
+    search: z = !1,
+    searchChange: o,
+    searchClassName: S,
+    startAdornment: M,
+    customSelectItems: D,
+    selectItemClassName: V,
+    hideSelectedState: A,
+    offsetPixels: B = -2,
+    preventDuplicateSelection: y = !0,
+    inputDisabled: d = !1,
+    base: m = "input",
+    customLabel: w,
+    error: F,
+    size: b = "md",
+    highlightMode: P,
+    preventHideFun: X,
+    variant: r = "line"
+  } = i, f = e.useRef(null), n = e.useRef(null), Y = e.useRef(null), W = e.useRef(null);
+  e.useRef(null);
+  const [N, ee] = e.useState(!1), [ie, Z] = e.useState(!1), { theme: G } = le(), [oe, J] = e.useState(""), [ae, ue] = e.useState("");
+  e.useEffect(() => {
+    const t = c.find((s) => s.value === l);
+    J(t ? t.label : "");
+  }, [l, c]), e.useEffect(() => {
+    const t = c.find((s) => s.value === l);
+    t && ue(w ? w(t) : t.label);
+  }, [l, w, c]);
+  const K = () => {
+    Z(!1), ee(!1), o && o("");
+  }, ce = () => {
+    J("");
+  }, te = (t) => {
+    var s;
+    (s = W.current) != null && s.contains(t.target) || (n.current && !n.current.contains(t.target) || Y.current && !Y.current.contains(t.target)) && K();
+  };
+  e.useEffect(() => (n.current && (document.addEventListener("click", te), n.current.addEventListener("focus", () => {
+    Z(!0), ee(!0);
+  })), () => {
+    document.removeEventListener("click", te);
+  }), []);
+  const re = r === "fill" ? fe : me;
+  return /* @__PURE__ */ Q("div", { className: "bu-relative bu-cursor-pointer", ref: f, children: [
+    /* @__PURE__ */ a(
+      ne,
+      {
+        id: g || "",
+        disabled: d,
+        ref: n,
+        inputClassName: `${p.input} ${_} ${m === "div" ? "bu-h-0" : ""}`,
+        variant: "outlined",
+        error: F,
+        onFocus: () => {
+          Z(!0), L && L();
+        },
+        className: E,
+        readOnly: I,
+        onBlur: () => {
+          k && k();
+        },
+        inputSize: b,
+        placeholder: x,
+        value: I === !1 ? T : oe,
+        onChange: (t) => {
+          C && C(t.target.value);
+        },
+        startAdornment: M,
+        endAdornment: !$ && m === "input" && /* @__PURE__ */ a(
+          re,
+          {
+            onClick: () => {
+              d || setTimeout(() => {
+                var t, s;
+                N ? (s = n.current) == null || s.blur() : (t = n.current) == null || t.focus();
+              }, 0);
+            },
+            className: `${se({ theme: G, disabled: d, variant: r })} ${N ? p.roate : ""}`
+          }
+        ),
+        autoComplete: "off"
+      }
+    ),
+    m === "div" && /* @__PURE__ */ Q(
+      "div",
+      {
+        ref: Y,
+        className: U(
+          p.input,
+          _,
+          "bu-flex bu-h-full bu-w-full bu-items-center bu-justify-between bu-rounded bu-border-[1px]",
+          m === "div" && "bu-absolute bu-left-0 bu-top-0",
+          G === "light" ? "bu-border-light-line-secondary bu-bg-light-background" : "bu-border-dark-line-secondary bu-bg-dark-background"
+        ),
+        onClick: () => {
+          d || setTimeout(() => {
+            var t, s;
+            N ? (s = n.current) == null || s.blur() : (t = n.current) == null || t.focus();
+          }, 0);
+        },
+        children: [
+          /* @__PURE__ */ a("div", { className: "bu-pl-[8px] bu-text-[12px]", children: ae }),
+          !$ && /* @__PURE__ */ a(
+            re,
+            {
+              onClick: () => {
+                d || setTimeout(() => {
+                  var t, s;
+                  N ? (s = n.current) == null || s.blur() : (t = n.current) == null || t.focus();
+                }, 0);
+              },
+              className: U(
+                se({ theme: G, disabled: d }),
+                N && p.roate
+              )
+            }
+          )
+        ]
+      }
+    ),
+    ie && /* @__PURE__ */ a(
+      Te,
+      {
+        ref: W,
+        parent: f.current,
+        options: c,
+        onChange: h,
+        disabled: H,
+        defaultValue: l,
+        className: R,
+        scrollContainer: O,
+        customSelectItems: D,
+        selectItemClassName: V,
+        hideSelectedState: A,
+        offsetPixels: B,
+        hide: K,
+        auto: j,
+        search: z,
+        searchChange: o,
+        searchClassName: S,
+        preventDuplicateSelection: y,
+        highlightMode: P,
+        preventHideFun: X,
+        children: q
+      }
+    )
+  ] });
+});
+export {
+  me as S,
+  De as T
+};

package/dist/{index-dc3cd1ef.js → index-954d3973.js}

@@ -1,19 +1,6 @@
-import { a as s, b as o, c as m, d as u } from "./index-e102400f.js";
-import "./Badge.es.js";
-import "./jsx-runtime-82a9ddf6.js";
-import "react";
-import "./index-6ffbeca8.js";
-import "./utils-19b44377.js";
-import "./Button.es.js";
-import "./isObjectLike-1b8bbac2.js";
-import "./index-0b47cbae.js";
-import "react-dom";
-import "./close-c67ec245.js";
-import "./Drawer.es.js";
-import "./Slider.es.js";
-import "./ProTable-079d6c86.js";
-import "./Divider.es.js";
-var d = {
+"use client";
+import { a as s, b as o, c as d, d as u } from "./index-b7027a1d.js";
+var m = {
   lessThanXSeconds: {
     past: "{{count}} წამზე ნაკლები ხნის წინ",
     present: "{{count}} წამზე ნაკლები",
@@ -95,8 +82,8 @@ var d = {
     future: "თითქმის {{count}} წელში"
   }
 }, c = function(t, e, a) {
-  var r, i = d[t];
-  return typeof i == "string" ? r = i : a != null && a.addSuffix && a.comparison && a.comparison > 0 ? r = i.future.replace("{{count}}", String(e)) : a != null && a.addSuffix ? r = i.past.replace("{{count}}", String(e)) : r = i.present.replace("{{count}}", String(e)), r;
+  var n, i = m[t];
+  return typeof i == "string" ? n = i : a != null && a.addSuffix && a.comparison && a.comparison > 0 ? n = i.future.replace("{{count}}", String(e)) : a != null && a.addSuffix ? n = i.past.replace("{{count}}", String(e)) : n = i.present.replace("{{count}}", String(e)), n;
 };
 const l = c;
 var f = {
@@ -104,12 +91,12 @@ var f = {
   long: "do, MMMM, y",
   medium: "d, MMM, y",
   short: "dd/MM/yyyy"
-}, p = {
+}, h = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, h = {
+}, p = {
   full: "{{date}} {{time}}'-ზე'",
   long: "{{date}} {{time}}'-ზე'",
   medium: "{{date}}, {{time}}",
@@ -120,11 +107,11 @@ var f = {
     defaultWidth: "full"
   }),
   time: s({
-    formats: p,
+    formats: h,
     defaultWidth: "full"
   }),
   dateTime: s({
-    formats: h,
+    formats: p,
     defaultWidth: "full"
   })
 };
@@ -136,7 +123,7 @@ var b = {
   tomorrow: "'ხვალ' p'-ზე'",
   nextWeek: "'შემდეგი' eeee p'-ზე'",
   other: "P"
-}, P = function(t, e, a, r) {
+}, P = function(t, e, a, n) {
   return b[t];
 };
 const y = P;
@@ -287,7 +274,7 @@ var V = /^(\d+)(-ლი|-ე)?/i, X = /\d+/i, C = {
     night: /ღამ/i
   }
 }, O = {
-  ordinalNumber: m({
+  ordinalNumber: d({
     matchPattern: V,
     parsePattern: X,
     valueCallback: function(t) {
@@ -329,7 +316,7 @@ var V = /^(\d+)(-ლი|-ე)?/i, X = /\d+/i, C = {
   })
 };
 const _ = O;
-var it = {
+var Q = {
   code: "ka",
   formatDistance: l,
   formatLong: g,
@@ -342,5 +329,5 @@ var it = {
   }
 };
 export {
-  it as default
+  Q as default
 };

package/dist/{index-f5df4eec.js → index-956b36a6.js}

@@ -1,19 +1,6 @@
-import { a as d, b as i, c as m, d as u } from "./index-e102400f.js";
-import "./Badge.es.js";
-import "./jsx-runtime-82a9ddf6.js";
-import "react";
-import "./index-6ffbeca8.js";
-import "./utils-19b44377.js";
-import "./Button.es.js";
-import "./isObjectLike-1b8bbac2.js";
-import "./index-0b47cbae.js";
-import "react-dom";
-import "./close-c67ec245.js";
-import "./Drawer.es.js";
-import "./Slider.es.js";
-import "./ProTable-079d6c86.js";
-import "./Divider.es.js";
-var s = {
+"use client";
+import { a as d, b as i, c as s, d as u } from "./index-b7027a1d.js";
+var m = {
   lessThanXSeconds: {
     one: "1秒未満",
     other: "{{count}}秒未満",
@@ -79,10 +66,10 @@ var s = {
     one: "1年近く",
     other: "{{count}}年近く"
   }
-}, l = function(t, r, a) {
-  a = a || {};
-  var e, n = s[t];
-  return typeof n == "string" ? e = n : r === 1 ? a.addSuffix && n.oneWithSuffix ? e = n.oneWithSuffix : e = n.one : a.addSuffix && n.otherWithSuffix ? e = n.otherWithSuffix.replace("{{count}}", String(r)) : e = n.other.replace("{{count}}", String(r)), a.addSuffix ? a.comparison && a.comparison > 0 ? e + "後" : e + "前" : e;
+}, l = function(a, r, e) {
+  e = e || {};
+  var t, n = m[a];
+  return typeof n == "string" ? t = n : r === 1 ? e.addSuffix && n.oneWithSuffix ? t = n.oneWithSuffix : t = n.one : e.addSuffix && n.otherWithSuffix ? t = n.otherWithSuffix.replace("{{count}}", String(r)) : t = n.other.replace("{{count}}", String(r)), e.addSuffix ? e.comparison && e.comparison > 0 ? t + "後" : t + "前" : t;
 };
 const c = l;
 var h = {
@@ -115,22 +102,22 @@ var h = {
   })
 };
 const g = b;
-var p = {
+var P = {
   lastWeek: "先週のeeeeのp",
   yesterday: "昨日のp",
   today: "今日のp",
   tomorrow: "明日のp",
   nextWeek: "翌週のeeeeのp",
   other: "P"
-}, P = function(t, r, a, e) {
-  return p[t];
+}, w = function(a, r, e, t) {
+  return P[a];
 };
-const w = P;
-var y = {
+const y = w;
+var W = {
   narrow: ["BC", "AC"],
   abbreviated: ["紀元前", "西暦"],
   wide: ["紀元前", "西暦"]
-}, W = {
+}, p = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["第1四半期", "第2四半期", "第3四半期", "第4四半期"]
@@ -205,39 +192,39 @@ var y = {
     evening: "夜",
     night: "深夜"
   }
-}, k = function(t, r) {
-  var a = Number(t), e = String(r == null ? void 0 : r.unit);
-  switch (e) {
+}, k = function(a, r) {
+  var e = Number(a), t = String(r == null ? void 0 : r.unit);
+  switch (t) {
     case "year":
-      return "".concat(a, "年");
+      return "".concat(e, "年");
     case "quarter":
-      return "第".concat(a, "四半期");
+      return "第".concat(e, "四半期");
     case "month":
-      return "".concat(a, "月");
+      return "".concat(e, "月");
     case "week":
-      return "第".concat(a, "週");
+      return "第".concat(e, "週");
     case "date":
-      return "".concat(a, "日");
+      return "".concat(e, "日");
     case "hour":
-      return "".concat(a, "時");
+      return "".concat(e, "時");
     case "minute":
-      return "".concat(a, "分");
+      return "".concat(e, "分");
     case "second":
-      return "".concat(a, "秒");
+      return "".concat(e, "秒");
     default:
-      return "".concat(a);
+      return "".concat(e);
   }
 }, C = {
   ordinalNumber: k,
   era: i({
-    values: y,
+    values: W,
     defaultWidth: "wide"
   }),
   quarter: i({
-    values: W,
+    values: p,
     defaultWidth: "wide",
-    argumentCallback: function(t) {
-      return Number(t) - 1;
+    argumentCallback: function(a) {
+      return Number(a) - 1;
     }
   }),
   month: i({
@@ -296,11 +283,11 @@ var z = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i, E = /\d+/i, N = {
     night: /^深夜/i
   }
 }, q = {
-  ordinalNumber: m({
+  ordinalNumber: s({
     matchPattern: z,
     parsePattern: E,
-    valueCallback: function(t) {
-      return parseInt(t, 10);
+    valueCallback: function(a) {
+      return parseInt(a, 10);
     }
   }),
   era: u({
@@ -314,8 +301,8 @@ var z = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i, E = /\d+/i, N = {
     defaultMatchWidth: "wide",
     parsePatterns: A,
     defaultParseWidth: "any",
-    valueCallback: function(t) {
-      return t + 1;
+    valueCallback: function(a) {
+      return a + 1;
     }
   }),
   month: u({
@@ -338,11 +325,11 @@ var z = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i, E = /\d+/i, N = {
   })
 };
 const T = q;
-var oa = {
+var O = {
   code: "ja",
   formatDistance: c,
   formatLong: g,
-  formatRelative: w,
+  formatRelative: y,
   localize: F,
   match: T,
   options: {
@@ -351,5 +338,5 @@ var oa = {
   }
 };
 export {
-  oa as default
+  O as default
 };