@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/Tooltip.es.js

@@ -1,144 +0,0 @@
-"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

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

package/dist/Typography.es.js

@@ -1,74 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-"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
-};

package/dist/close-bg-6d2211ef.js

@@ -1,6 +0,0 @@
-"use client";
-import * as e from "react";
-const L = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M8.00065 14.6668C4.31875 14.6668 1.33398 11.682 1.33398 8.00016C1.33398 4.31826 4.31875 1.3335 8.00065 1.3335C11.6825 1.3335 14.6673 4.31826 14.6673 8.00016C14.6673 11.682 11.6825 14.6668 8.00065 14.6668ZM8.00065 7.05736L6.11503 5.17174L5.17222 6.11454L7.05785 8.00016L5.17222 9.88576L6.11503 10.8286L8.00065 8.94296L9.88625 10.8286L10.8291 9.88576L8.94345 8.00016L10.8291 6.11454L9.88625 5.17174L8.00065 7.05736Z", fill: "#0A0A0A", fillOpacity: 0.18 }));
-export {
-  L as S
-};

package/dist/clsx.m-e965ef18.js

@@ -1,22 +0,0 @@
-"use client";
-function o(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number")
-    t += r;
-  else if (typeof r == "object")
-    if (Array.isArray(r))
-      for (n = 0; n < r.length; n++)
-        r[n] && (f = o(r[n])) && (t && (t += " "), t += f);
-    else
-      for (n in r)
-        r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = ""; f < arguments.length; )
-    (r = arguments[f++]) && (n = o(r)) && (t && (t += " "), t += n);
-  return t;
-}
-export {
-  i as c
-};

package/dist/components/CssDropdown/index.d.ts

@@ -1,2 +0,0 @@
-import { CssDropdown } from "./CssDropdown";
-export { CssDropdown };

package/dist/components/DatePickerRange/index.d.ts

@@ -1,4 +0,0 @@
-import DatePickerRange from "./DatePickerRange";
-import type { DatePickerRangeProps } from "./DatePickerRange";
-export { DatePickerRange };
-export type { DatePickerRangeProps };

package/dist/components/DateTimePicker/index.d.ts

@@ -1,4 +0,0 @@
-import DateTimePicker from "./DateTimePicker";
-import type { DateTimePickerProps } from "./DateTimePicker";
-export { DateTimePicker };
-export type { DateTimePickerProps };

package/dist/components/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import { Dropdown } from "./Dropdown";
-export { Dropdown };

package/dist/components/Empty/Empty.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-declare const Empty: React.FC<{
-    children?: React.ReactNode;
-}>;
-export { Empty };

package/dist/components/MonthPicker/MonthPicker.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { Locale } from "date-fns";
-type MonthPickerProps = {
-    data: {
-        [key: number]: number[];
-    };
-    currentYear: number;
-    currentMonth: number;
-    setMonth: (value: Date) => void;
-    locale: Locale;
-    confirmText: string;
-    cancelText: string;
-    cancel: () => void;
-    confirm: () => void;
-};
-declare const MonthPicker: React.FC<MonthPickerProps>;
-export { MonthPicker };

package/dist/components/MultiSelect/index.d.ts

@@ -1,2 +0,0 @@
-import { MultiSelect } from "./MultiSelect";
-export { MultiSelect };

package/dist/components/Notification/index.d.ts

@@ -1,2 +0,0 @@
-import { Notification } from "./Notification";
-export { Notification };

package/dist/components/Pagination/index.d.ts

@@ -1,3 +0,0 @@
-import { Pagination } from "./Pagination";
-import { PageOption } from "./PageOptions";
-export { Pagination, PageOption };

package/dist/components/Picker/Picker.d.ts

@@ -1,10 +0,0 @@
-type PickerProps = {
-    list: {
-        label: string;
-        value: number;
-    }[];
-    selectedValue: number;
-    setValue: (value: number) => void;
-};
-declare const Picker: ({ list, selectedValue, setValue }: PickerProps) => import("react/jsx-runtime").JSX.Element;
-export { Picker };

package/dist/components/Popover/index.d.ts

@@ -1,5 +0,0 @@
-import { Popover } from "./Popover";
-import type { Placement } from "@popperjs/core";
-import type { PopoverRefProps } from "./Popover";
-export { Popover };
-export type { Placement, PopoverRefProps };

package/dist/components/Popup/Popup.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-interface PopupProps {
-    title: React.ReactNode;
-    content: React.ReactNode;
-    cancel?: () => void;
-    distance?: number;
-    disabled?: boolean;
-    auto?: boolean;
-}
-export interface PopupRef {
-    open: () => void;
-    close: () => void;
-}
-declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
-export { Popup };

package/dist/components/Sortable/Sortable.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-interface SortableProps {
-    direction: "horizontal" | "vertical";
-    children: React.ReactNode;
-    moveEnd: (prev: number, next: number) => void;
-    ghostClass?: string;
-    dragClass?: string;
-    customHandle?: string;
-}
-declare const Sortable: FC<SortableProps>;
-export { Sortable };

package/dist/components/Switch/index.d.ts

@@ -1,2 +0,0 @@
-import { Switch } from "./Switch";
-export { Switch };

package/dist/components/Tab/index.d.ts

@@ -1,4 +0,0 @@
-import { Tab } from "./Tab";
-import type { TabRef } from "./Tab";
-export { Tab };
-export type { TabRef };

package/dist/components/TextSelect/index.d.ts

@@ -1,2 +0,0 @@
-export { TextSelect } from "./TextSelect";
-export type { TextSelectProps, TextSelectRefProps } from "./TextSelect";

package/dist/components/Textarea/Textarea.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { BUITheme } from "../../types/component";
-export interface TextareaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
-    label?: React.ReactNode;
-    theme?: BUITheme;
-    endAdornment?: React.ReactNode;
-    disabled?: boolean;
-    error?: boolean;
-    textareaClassName?: string;
-    helperText?: string;
-    row?: number;
-    className?: string;
-}
-declare const TextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { TextArea };

package/dist/components/Toast/index.d.ts

@@ -1,2 +0,0 @@
-import { Toast } from "./Toast";
-export { Toast };

package/dist/components/Tooltip/index.d.ts

@@ -1,2 +0,0 @@
-import { Tooltip } from "./Tooltip";
-export { Tooltip };

package/dist/components/Typography/index.d.ts

@@ -1,4 +0,0 @@
-import { Typography } from "./Typography";
-import type { TypographyProps } from "./Typography";
-export { Typography };
-export type { TypographyProps };

package/dist/enum-0398044b.js

@@ -1,17 +0,0 @@
-"use client";
-const i = "_title_cy6ql_4", n = "_line_cy6ql_7", p = "_content_cy6ql_10", l = {
-  "tooltip-wrapper": "_tooltip-wrapper_cy6ql_1",
-  title: i,
-  line: n,
-  content: p
-};
-var o = /* @__PURE__ */ ((t) => (t.top = "top", t.bottom = "bottom", t.topLeft = "top-start", t.topRight = "top-end", t.bottomLeft = "bottom-start", t.bottomRight = "bottom-end", t.left = "left", t.right = "right", t))(o || {}), r = /* @__PURE__ */ ((t) => (t[t.top = 0] = "top", t[t.bottom = 0] = "bottom", t[t.topLeft = -5] = "topLeft", t[t.topRight = 5] = "topRight", t[t.bottomLeft = -5] = "bottomLeft", t[t.bottomRight = 5] = "bottomRight", t[t.left = 0] = "left", t[t.right = 0] = "right", t))(r || {});
-const c = Object.fromEntries(
-  Object.entries(o).map(([t, e]) => [e, t])
-);
-export {
-  r as O,
-  o as P,
-  c as a,
-  l as t
-};

package/dist/helper-221987f8.js

@@ -1,7 +0,0 @@
-"use client";
-function t(n, u) {
-  return n.reduce((e, r) => (e[r[u]] = r, e), {});
-}
-export {
-  t as k
-};

package/dist/index-293f8244.js

@@ -1,49 +0,0 @@
-"use client";
-import { f as a, a as m, l as e, m as o } from "./index-7bb9ffdf.js";
-import { a as t } from "./index-b7027a1d.js";
-import "./index-5e6ffc2f.js";
-var l = {
-  full: "EEEE d MMMM y",
-  long: "d MMMM y",
-  medium: "d MMM y",
-  short: "dd/MM/y"
-}, r = {
-  full: "HH:mm:ss zzzz",
-  long: "HH:mm:ss z",
-  medium: "HH:mm:ss",
-  short: "HH:mm"
-}, i = {
-  full: "{{date}} {{time}}",
-  long: "{{date}} {{time}}",
-  medium: "{{date}} {{time}}",
-  short: "{{date}} {{time}}"
-}, s = {
-  date: t({
-    formats: l,
-    defaultWidth: "full"
-  }),
-  time: t({
-    formats: r,
-    defaultWidth: "full"
-  }),
-  dateTime: t({
-    formats: i,
-    defaultWidth: "full"
-  })
-};
-const d = s;
-var M = {
-  code: "it",
-  formatDistance: a,
-  formatLong: d,
-  formatRelative: m,
-  localize: e,
-  match: o,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 4
-  }
-};
-export {
-  M as default
-};