@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Calendar.es.js

@@ -0,0 +1,210 @@
+"use client";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as _ from "react";
+import { Typography as $ } from "./Typography.es.js";
+import { S as D } from "./arrow-down-l-line-97e4fe24.js";
+import { a as C, S as N } from "./arrow-right-l-line-87881b4d.js";
+import { D as M, u as L } from "./index.esm-71578db5.js";
+import { c as t } from "./index-c57db938.js";
+import { u as j } from "./useTheme-0688f238.js";
+import { i as S } from "./index-b7027a1d.js";
+import "./utils-071abd68.js";
+import "./clsx.m-e965ef18.js";
+const d = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  }
+}), R = t("", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary",
+      dark: "bu-border-dark-line-secondary"
+    }
+  }
+}), q = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background hover:bu-bg-light-fill-quaternary hover:bu-text-light-label",
+      dark: "bu-bg-dark-background hover:bu-bg-dark-fill-quaternary hover:bu-text-dark-label"
+    }
+  }
+}), A = t("", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary bu-text-light-label-40",
+      dark: "bu-border-dark-line-secondary bu-text-dark-label-40"
+    }
+  }
+}), T = t("", {
+  variants: {
+    theme: {
+      light: "[&:has([aria-selected])]:bu-bg-light-primary-14 [&:has([aria-selected])]:bu-text-light-second [&:has([aria-selected].day-outside)]:!bu-bg-light-background [&:has([disabled])]:bu-bg-light-line-primary",
+      dark: "[&:has([aria-selected])]:bu-bg-dark-primary-14 [&:has([aria-selected])]:bu-text-dark-second [&:has([aria-selected].day-outside)]:!bu-bg-dark-background [&:has([disabled])]:bu-bg-dark-line-primary"
+    }
+  }
+}), E = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label hover:bu-bg-light-primary-14 hover:bu-text-light-primary",
+      dark: "bu-text-dark-label hover:bu-bg-dark-primary-14 hover:bu-text-dark-primary"
+    }
+  }
+}), I = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary bu-text-light-second hover:!bu-bg-light-primary hover:!bu-text-light-second",
+      dark: "bu-bg-dark-primary bu-text-dark-second hover:!bu-bg-dark-primary hover:!bu-text-dark-second"
+    }
+  }
+}), z = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary bu-text-light-second hover:!bu-bg-light-primary hover:!bu-text-light-second",
+      dark: "bu-bg-dark-primary bu-text-dark-second hover:!bu-bg-dark-primary hover:!bu-text-dark-second"
+    }
+  }
+}), B = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-fill-quaternary bu-text-light-label aria-selected:bu-bg-light-primary aria-selected:bu-text-light-second",
+      dark: "bu-bg-dark-fill-quaternary bu-text-dark-label aria-selected:bu-bg-dark-primary aria-selected:bu-text-dark-second"
+    }
+  }
+}), H = t("", {
+  variants: {
+    theme: {
+      light: "hover:bu-bg-light-primary hover:bu-text-light-second focus:bu-bg-light-primary focus:bu-text-light-second",
+      dark: "hover:bu-bg-dark-primary hover:bu-text-dark-second focus:bu-bg-dark-primary focus:bu-text-dark-second"
+    }
+  }
+}), O = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40 hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary aria-selected:!bu-bg-light-background aria-selected:!bu-text-light-label-40",
+      dark: "bu-text-dark-label-40 hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary aria-selected:!bu-bg-dark-background aria-selected:!bu-text-dark-label-40"
+    }
+  }
+}), P = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-dark-label-40"
+    }
+  }
+}), F = t("", {
+  variants: {
+    theme: {
+      light: "hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary",
+      dark: "hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary"
+    }
+  }
+}), ee = ({
+  className: c = "",
+  classNames: g,
+  showOutsideDays: m = !0,
+  month: b,
+  startMonthShow: l,
+  endMonthShow: o,
+  setStartMonthShow: p,
+  setEndMonthShow: y,
+  setStartMonth: x,
+  setEndMonth: k,
+  locale: n,
+  ...v
+}) => {
+  const { theme: e } = j();
+  function f(a) {
+    const { goToMonth: u, nextMonth: s, previousMonth: h } = L(), w = () => {
+      a.displayIndex === 0 ? (p(!l), x(a.displayMonth)) : (y(!o), k(a.displayMonth));
+    };
+    return _.useEffect(() => {
+      b && u(b);
+    }, [b]), /* @__PURE__ */ i("div", { className: "bu-flex bu-h-10 bu-items-center bu-justify-between bu-py-2", children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: "bu-flex bu-h-3 bu-cursor-pointer bu-items-center bu-gap-1",
+          onClick: w,
+          children: [
+            /* @__PURE__ */ r($, { variant: "body2", weight: "medium", children: S(a.displayMonth, "MMM yyy", { locale: n }) }),
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: `bu-h-5 bu-w-5 bu-cursor-pointer ${d({ theme: e })}`
+              }
+            )
+          ]
+        }
+      ),
+      a.displayIndex === 1 && /* @__PURE__ */ i("div", { className: "bu-flex bu-gap-6", children: [
+        /* @__PURE__ */ r(
+          C,
+          {
+            className: `bu-h-6 bu-w-6 bu-cursor-pointer ${d({ theme: e })}`,
+            onClick: () => h && u(h)
+          }
+        ),
+        /* @__PURE__ */ r(
+          N,
+          {
+            className: `bu-h-6 bu-w-6 bu-cursor-pointer ${d({ theme: e })}`,
+            onClick: () => s && u(s)
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ r(
+    M,
+    {
+      showOutsideDays: m,
+      className: `pb-4 ${c}`,
+      classNames: {
+        months: "bu-flex bu-flex-col sm:bu-flex-row bu-space-y-4 sm:bu-space-x-4 sm:bu-space-y-0",
+        month: "bu-space-y-4",
+        caption: "bu-flex bu-justify-center bu-pt-1 bu-relative bu-items-center",
+        caption_label: "bu-text-base bu-font-medium",
+        caption_start: `bu-border-r bu-pr-[16px] bu-pt-[16px] ${R({ theme: e })} ${l ? "bu-hidden" : ""}`,
+        caption_end: `bu-pt-[16px] ${o ? "bu-hidden" : ""}`,
+        nav: "bu-space-x-1 bu-flex bu-items-center",
+        nav_button: `${q({
+          theme: e
+        })}  bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-md bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors disabled:bu-pointer-events-none bu-h-7 bu-w-7 bu-bg-transparent bu-p-0 hover:bu-opacity-100 bu-border bu-border-input`,
+        nav_button_previous: "bu-absolute bu-left-1",
+        nav_button_next: "bu-absolute bu-right-1",
+        table: "bu-w-full bu-border-collapse !bu-mt-[8px]",
+        head_row: "bu-flex",
+        head_cell: `bu-w-8 bu-font-normal bu-text-[12px] bu-pb-[8px] bu-border-b ${A({
+          theme: e
+        })}`,
+        row: "bu-flex bu-w-full bu-mt-2",
+        cell: `${T({
+          theme: e
+        })}  bu-h-8 bu-w-8 bu-text-center bu-text-base bu-p-0 bu-relative [&:has([disabled])]:!bu-cursor-not-allowed [&:has([aria-selected].day-range-end)]:bu-rounded-r-[16px] first:[&:has([aria-selected])]:bu-rounded-l-[0px] last:[&:has([aria-selected])]:bu-rounded-r-[0px] focus-within:bu-relative focus-within:bu-z-20 [&:has([aria-selected].day-range-start)]:bu-rounded-l-[16px]`,
+        day: `${E({
+          theme: e
+        })} bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-[16px] bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors focus:bu-outline-none disabled:bu-pointer-events-none bu-h-8 bu-w-8 bu-p-0 bu-font-normal aria-selected:bu-opacity-100`,
+        day_range_start: `day-range-start ${I({ theme: e })}`,
+        day_range_end: `day-range-end ${z({ theme: e })}`,
+        day_selected: `${H({ theme: e })}`,
+        day_today: `${B({ theme: e })} bu-rounded-[16px]`,
+        day_outside: `day-outside ${O({ theme: e })} aria-selected:bu-rounded-[16px]`,
+        day_disabled: `${P({ theme: e })}`,
+        day_range_middle: `${F({ theme: e })}`,
+        day_hidden: "invisible",
+        ...g
+      },
+      components: {
+        Caption: f
+      },
+      locale: n,
+      ...v
+    }
+  );
+};
+export {
+  ee as Calendar
+};

package/dist/Checkbox.d.ts

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

package/dist/Checkbox.es.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { u as L } from "./useTheme-0688f238.js";
+import { c as V } from "./utils-071abd68.js";
+import "./Button.es.js";
+import "./index.esm-71578db5.js";
+import "./index.module-fb41ba3b.js";
+import "./Popup.es.js";
+import "./index.module-1d7bbdf8.js";
+import "./Dialog.es.js";
+import "react-dom";
+import "./enum-0398044b.js";
+import "./Popover.es.js";
+import "./index.module-86edc823.js";
+import "./LabelTextField.es.js";
+import "./index-9349bf2d.js";
+import "./RadioButton.es.js";
+import "./Select.es.js";
+import "./Slider.es.js";
+import "./Sort.es.js";
+import "./index.module-b4239ff5.js";
+import "./Tab.es.js";
+import "./Table.es.js";
+import "./TextField.es.js";
+import "./Textarea.es.js";
+import "./sortable.esm-8d31c120.js";
+import "./MultiSelect.es.js";
+import "./index-40023d52.js";
+import "./sortable.esm-1c13d908.js";
+import { c as s } from "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+import "./index-b7027a1d.js";
+import "./_commonjsHelpers-1d52fb73.js";
+import "./close-0df24351.js";
+import "./useDelayEvent-f577f6a3.js";
+import "./Typography.es.js";
+import "./styles-85a9fe64.js";
+import "./useAlign-916ed3be.js";
+import "./arrow-down-011b02c7.js";
+import "./search-b79a3be5.js";
+import "./arrow-fill-70becd96.js";
+import "./helper-221987f8.js";
+import "./close-bg-6d2211ef.js";
+import "./Empty.es.js";
+import "./arrow-down-l-line-97e4fe24.js";
+const H = "_container_g0kof_1", R = "_checkmark_g0kof_22", M = "_unchecked_g0kof_28", m = {
+  container: H,
+  checkmark: R,
+  unchecked: M
+}, Z = s("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label"],
+      dark: ["bu-text-dark-label"]
+    }
+  }
+}), y = s("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label"],
+      dark: ["bu-text-dark-label"]
+    }
+  }
+}), u = s("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label-40"],
+      dark: ["bu-text-dark-label-40"]
+    }
+  }
+}), B = s("bu-flex bu-items-center bu-justify-center", {
+  variants: {
+    size: {
+      small: ["bu-h-[10px] bu-w-[10px]"],
+      medium: ["bu-h-[18px] bu-w-[18px]"]
+    }
+  }
+}), k1 = k((g, w) => {
+  const {
+    label: p,
+    theme: h,
+    id: d,
+    checked: l,
+    onChange: C,
+    disabled: i,
+    size: a = "small",
+    customSize: t,
+    ...f
+  } = g, { theme: c } = L(), v = (o) => {
+    C && !i && C(o);
+  }, x = () => {
+    const o = h || c, r = (t == null ? void 0 : t.width) || (a === "medium" ? 18 : 10), n = (t == null ? void 0 : t.height) || (a === "medium" ? 18 : 10);
+    if (o === "light" && l && !i)
+      return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667ZM5.33459 8.66642L10.0487 3.95239L9.10586 3.0096L5.33459 6.78084L3.449 4.89518L2.50619 5.83805L5.33459 8.66642Z", fill: "#FF8800" }) });
+    if (o === "light" && i)
+      return l ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667ZM5.33459 8.66642L10.0487 3.95239L9.10586 3.0096L5.33459 6.78084L3.449 4.89518L2.50619 5.83805L5.33459 8.66642Z", fill: "#0A0A0A", fillOpacity: "0.2" }) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1333 1.33333H1.86667C1.57211 1.33333 1.33333 1.57211 1.33333 1.86667V10.1333C1.33333 10.4279 1.57211 10.6667 1.86667 10.6667H10.1333C10.4279 10.6667 10.6667 10.4279 10.6667 10.1333V1.86667C10.6667 1.57211 10.4279 1.33333 10.1333 1.33333ZM1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667Z", fill: "#0A0A0A", fillOpacity: "0.4" }) });
+    if (o === "light" && !l && !i)
+      return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", className: m.unchecked, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1333 1.33333H1.86667C1.57211 1.33333 1.33333 1.57211 1.33333 1.86667V10.1333C1.33333 10.4279 1.57211 10.6667 1.86667 10.6667H10.1333C10.4279 10.6667 10.6667 10.4279 10.6667 10.1333V1.86667C10.6667 1.57211 10.4279 1.33333 10.1333 1.33333ZM1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667Z", fill: "#0A0A0A", fillOpacity: "0.4" }) });
+    if (o === "dark" && l && !i)
+      return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667ZM5.33459 8.66642L10.0487 3.95239L9.10586 3.0096L5.33459 6.78084L3.449 4.89518L2.50619 5.83805L5.33459 8.66642Z", fill: "#FCFDFF" }) });
+    if (o === "dark" && i)
+      return l ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667ZM5.33459 8.66642L10.0487 3.95239L9.10586 3.0096L5.33459 6.78084L3.449 4.89518L2.50619 5.83805L5.33459 8.66642Z", fill: "#EBECF5", fillOpacity: "0.2" }) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1333 1.33333H1.86667C1.57211 1.33333 1.33333 1.57211 1.33333 1.86667V10.1333C1.33333 10.4279 1.57211 10.6667 1.86667 10.6667H10.1333C10.4279 10.6667 10.6667 10.4279 10.6667 10.1333V1.86667C10.6667 1.57211 10.4279 1.33333 10.1333 1.33333ZM1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667Z", fill: "#EBECF5", fillOpacity: "0.4" }) });
+    if (o === "dark" && !l && !i)
+      return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: r, height: n, viewBox: "0 0 12 12", fill: "none", className: m.unchecked, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1333 1.33333H1.86667C1.57211 1.33333 1.33333 1.57211 1.33333 1.86667V10.1333C1.33333 10.4279 1.57211 10.6667 1.86667 10.6667H10.1333C10.4279 10.6667 10.6667 10.4279 10.6667 10.1333V1.86667C10.6667 1.57211 10.4279 1.33333 10.1333 1.33333ZM1.86667 0C0.835735 0 0 0.835735 0 1.86667V10.1333C0 11.1643 0.835735 12 1.86667 12H10.1333C11.1643 12 12 11.1643 12 10.1333V1.86667C12 0.835735 11.1643 0 10.1333 0H1.86667Z", fill: "#EBECF5", fillOpacity: "0.4" }) });
+  };
+  return /* @__PURE__ */ b("label", { htmlFor: d || `bui-checkbox-${p}`, className: m.container, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "checkbox",
+        id: d || `bui-checkbox-${p}`,
+        ref: w,
+        ...f,
+        checked: l,
+        onChange: v
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: V(m.checkmark, !t && B({ size: a })),
+        style: t ? { width: `${t.width}px`, height: `${t.height}px` } : void 0,
+        children: x()
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: l ? i ? u({ theme: h || c }) : Z({ theme: h || c }) : i ? u({ theme: h || c }) : y({ theme: h || c }),
+        children: p
+      }
+    )
+  ] });
+});
+export {
+  k1 as Checkbox
+};

package/dist/CssDropdown.d.ts

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

package/dist/CssDropdown.es.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as r, jsx as u } from "react/jsx-runtime";
+import { u as s } from "./useTheme-0688f238.js";
+import { c as a } from "./utils-071abd68.js";
+import { c as n } from "./index-c57db938.js";
+import "react";
+import "./clsx.m-e965ef18.js";
+const b = n(
+  "bu-absolute bu-left-0 bu-mt-2 bu-w-[320px] bu-origin-top-left bu-rounded bu-shadow-lg bu-outline-none",
+  {
+    variants: {
+      theme: {
+        light: "bu-bg-light-background",
+        dark: "bu-bg-dark-background"
+      }
+    }
+  }
+), g = ({ label: e, content: t, theme: i }) => {
+  const { theme: o } = s();
+  return /* @__PURE__ */ r("div", { className: "bu-group bu-relative bu-text-left", tabIndex: -1, children: [
+    /* @__PURE__ */ u("span", { className: "bu-cursor-pointer", children: e }),
+    /* @__PURE__ */ u("div", { className: "bu-invisible bu-origin-top-left -bu-translate-y-2 bu-scale-95 bu-transform bu-opacity-0 bu-transition-all bu-duration-300 group-focus-within:bu-visible group-focus-within:bu-translate-y-0 group-focus-within:bu-scale-100 group-focus-within:bu-opacity-100", children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: a(
+          b({
+            theme: i || o
+          })
+        ),
+        role: "menu",
+        children: /* @__PURE__ */ u("div", { className: "bu-px-4 bu-py-3", children: t })
+      }
+    ) })
+  ] });
+};
+export {
+  g as CssDropdown
+};

package/dist/DatePickerRange.d.ts

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