@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/esm/utils/colors.js

@@ -0,0 +1,70 @@
+function g(t, r = "#000000") {
+  if (!t.includes("var("))
+    return t;
+  try {
+    const n = document.createElement("div");
+    n.style.color = t, n.style.display = "none", document.body.appendChild(n);
+    const e = window.getComputedStyle(n).color;
+    if (document.body.removeChild(n), e && e !== "rgba(0, 0, 0, 0)")
+      return e;
+  } catch (n) {
+    console.warn(`Failed to resolve CSS color: ${t}`, n);
+  }
+  return r;
+}
+function m(t, r = "#000000") {
+  const n = t.startsWith("--") ? t : `--${t}`;
+  try {
+    const e = getComputedStyle(document.documentElement).getPropertyValue(n).trim();
+    if (e)
+      return /^[\d\s.%]+$/.test(e) ? `hsl(${e})` : e;
+  } catch (e) {
+    console.warn(`Failed to get CSS variable: ${n}`, e);
+  }
+  return r;
+}
+function l(t, r) {
+  const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
+  return `rgba(${n}, ${e}, ${o}, ${r})`;
+}
+function b(t) {
+  if (t.startsWith("rgba")) {
+    const r = t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if (r) {
+      const [, n, e, o] = r;
+      return {
+        topColor: `rgba(${n}, ${e}, ${o}, 0.56)`,
+        bottomColor: `rgba(${n}, ${e}, ${o}, 0.04)`
+      };
+    }
+  }
+  if (t.startsWith("#") && (t.length === 7 || t.length === 4)) {
+    const r = t.length === 4 ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}` : t;
+    return {
+      topColor: l(r, 0.56),
+      bottomColor: l(r, 0.04)
+    };
+  }
+  return {
+    topColor: t,
+    bottomColor: t
+  };
+}
+function f(t, r, n) {
+  r /= 100, n /= 100;
+  const e = (1 - Math.abs(2 * n - 1)) * r, o = e * (1 - Math.abs(t / 60 % 2 - 1)), c = n - e / 2;
+  let s = 0, a = 0, i = 0;
+  t < 60 ? (s = e, a = o) : t < 120 ? (s = o, a = e) : t < 180 ? (a = e, i = o) : t < 240 ? (a = o, i = e) : t < 300 ? (s = o, i = e) : (s = e, i = o);
+  const u = (d) => {
+    const $ = Math.round((d + c) * 255);
+    return Math.min(255, Math.max(0, $)).toString(16).padStart(2, "0");
+  };
+  return `#${u(s)}${u(a)}${u(i)}`;
+}
+export {
+  b as generateColorsFromBase,
+  m as getCSSVariable,
+  l as hexToRgba,
+  f as hslToHex,
+  g as resolveCSSColor
+};

package/dist/esm/utils/copy.js

@@ -0,0 +1,10 @@
+import { toast as t } from "sonner";
+const i = ({
+  text: o,
+  name: r = "Address"
+}) => {
+  navigator.clipboard.writeText(o), t.success(`${r} copied to clipboard`);
+};
+export {
+  i as copyToClipboard
+};

package/dist/esm/utils/format-asset-amount.js

@@ -0,0 +1,13 @@
+import { formatBN as n } from "@gearbox-protocol/sdk";
+const f = 3;
+function u(r) {
+  const e = `0.${"0".repeat(r)}`;
+  return (t) => e === t;
+}
+function m(r, e, t = f) {
+  const o = n(r, e, t);
+  return r < 10n ? `0.${"0".repeat(t)}` : u(t)(o) ? `< 0.${"0".repeat(t - 1)}1` : o;
+}
+export {
+  m as formatAssetAmount
+};

package/dist/esm/utils/format-money.js

@@ -0,0 +1,77 @@
+import { formatBN as M, WAD_DECIMALS_POW as $, PERCENTAGE_FACTOR as A } from "@gearbox-protocol/sdk";
+import { BigIntMath as g } from "@gearbox-protocol/sdk/common-utils";
+import "react";
+import { bnToInputView as h } from "./bn-to-input-view.js";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "react/jsx-runtime";
+import "luxon";
+import "./z-index.js";
+const _ = 10000000000000000n;
+function F(t) {
+  return BigInt(t.toFixed(18).replace(".", ""));
+}
+function U(t, r) {
+  const n = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", s = typeof t == "number" ? F(Math.abs(t)) : g.abs(t), u = s < _ && s > 0n, f = u ? "0.01" : M(s, $, r), o = `${n}$${f}`;
+  return u ? `< ${o}` : o;
+}
+const O = 1e4;
+function l(t, r, i = !0) {
+  const n = typeof t == "number" ? t : Number(t);
+  return Number.isNaN(n) || n === void 0 || n === null ? "0" : n === 0 ? 0 : i && n > O ? n.toExponential(r) : n.toFixed(r);
+}
+function V(t, r = 2) {
+  return `${l(t, r)}%`;
+}
+function W(t, r = 2) {
+  const i = Number(t) / Number(A);
+  return `${l(i, r)}%`;
+}
+const c = {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  decimalPrecision: 4,
+  minDecimalThreshold: 1,
+  minExponentialThreshold: 1e-4,
+  maxExponentialThreshold: 1e6,
+  locale: "en-US"
+}, X = ({
+  amount: t,
+  format: r = "full",
+  maximumFractionDigits: i = c.maximumFractionDigits,
+  minimumFractionDigits: n = c.minimumFractionDigits,
+  decimalPrecision: s = c.decimalPrecision,
+  minDecimalThreshold: u = c.minDecimalThreshold,
+  minExponentialThreshold: f = c.minExponentialThreshold,
+  maxExponentialThreshold: o = c.maxExponentialThreshold,
+  locale: N = c.locale
+}) => {
+  const m = typeof t == "bigint" ? Number(h(t, 8)) : t, e = Math.abs(m);
+  if (r === "short") {
+    const T = m < 0 ? "-" : "", a = (p, d) => {
+      const b = p >= 100 ? 0 : i, E = p.toFixed(b).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
+      return `${T}${E}${d}`;
+    };
+    if (e >= 1e9 && e <= o)
+      return a(e / 1e9, "B");
+    if (e >= 1e6 && e <= o)
+      return a(e / 1e6, "M");
+    if (e >= 1e3 && e <= o)
+      return a(e / 1e3, "K");
+    if (e > o)
+      return a(e / o, "M+");
+  }
+  return e > o && r === "full" ? `${(m / c.maxExponentialThreshold).toFixed(n)}M` : e < f && e > 0 ? m.toFixed(Math.max(10, i)) : e < u && e > 0 ? m.toPrecision(s) : m.toLocaleString(N, {
+    minimumFractionDigits: n,
+    maximumFractionDigits: i
+  });
+};
+export {
+  c as DEFAULT_FORMAT_MONEY_CONSTANTS,
+  U as formatMoney,
+  X as formatMoneyAmount,
+  l as formatPercentAmount,
+  V as percentTemplate,
+  W as percentageTemplate
+};

package/dist/esm/utils/format-number.js

@@ -0,0 +1,81 @@
+function u(t) {
+  const n = Math.abs(t);
+  return n < 10 ? 4 : n < 100 ? 2 : 1;
+}
+function l(t) {
+  return t.replace(/\.?0+$/, "");
+}
+function d(t, n = {}) {
+  const {
+    format: e = "full",
+    minimumFractionDigits: i = 0,
+    maximumFractionDigits: o,
+    maxExponentialThreshold: m = 1e11,
+    adaptiveDecimals: a = !1
+  } = n, s = o !== void 0 ? o : e === "short" ? 1 : 0, f = Math.abs(t);
+  if (e === "short") {
+    if (f >= 5e8) {
+      const r = t / 1e9, c = a ? u(r) : s;
+      return `${l(r.toFixed(c))}B`;
+    }
+    if (f >= 1e6) {
+      const r = t / 1e6, c = a ? u(r) : s;
+      return `${l(r.toFixed(c))}M`;
+    }
+    if (f >= 1e3) {
+      const r = t / 1e3, c = a ? u(r) : s;
+      return `${l(r.toFixed(c))}K`;
+    }
+  }
+  return m && f > m ? t.toExponential(2) : new Intl.NumberFormat("en-US", {
+    minimumFractionDigits: i,
+    maximumFractionDigits: s
+  }).format(t);
+}
+function S(t, n) {
+  const e = Math.abs(t);
+  if (e >= 1) {
+    const i = 10 ** n;
+    return (Math.floor(t * i) / i).toFixed(n).replace(/\.?0+$/, "");
+  }
+  if (e > 0) {
+    const i = Math.floor(Math.log10(e)), o = Math.max(n, Math.abs(i) + n), a = Math.min(o, 10);
+    return t.toFixed(a).replace(/\.?0+$/, "");
+  }
+  return "0";
+}
+function E(t) {
+  return Math.abs(t) < 1e-10;
+}
+function D(t) {
+  const n = Math.abs(t);
+  return n < 1e-10 && n > 0;
+}
+function M(t, n) {
+  if (!D(t)) return null;
+  const e = `<${1e-4}`;
+  return n ? `${e}${n}` : e;
+}
+const N = {
+  EPSILON: 1e-10,
+  MIN_DISPLAY_THRESHOLD: 1e-4,
+  MAX_EXPONENTIAL_THRESHOLD: 1e11
+};
+function x(t, n = 2, e = 6) {
+  if (!Number.isFinite(t)) return "∞";
+  const i = 1 / 10 ** n;
+  return t < i && t !== 0 ? t.toFixed(e).replace(/\.?0+$/, "") : t > 1 ? new Intl.NumberFormat("en-US", {
+    minimumFractionDigits: n,
+    maximumFractionDigits: n
+  }).format(t) : t.toFixed(n);
+}
+export {
+  N as FORMAT_CONSTANTS,
+  d as formatNumberWithSuffix,
+  x as formatPrice,
+  M as formatSmallValue,
+  u as getAdaptiveDecimals,
+  D as isBelowDisplayThreshold,
+  E as isEffectivelyZero,
+  S as toSignificantDigits
+};

package/dist/esm/utils/format-slippage.js

@@ -0,0 +1,7 @@
+import { SLIPPAGE_DECIMALS as r } from "@gearbox-protocol/sdk";
+function i(e, o = 1) {
+  return e === void 0 ? "-" : `${(e / Number(r)).toFixed(o)}%`;
+}
+export {
+  i as slippageTemplate
+};

package/dist/esm/utils/format.js

@@ -0,0 +1,36 @@
+function o(t) {
+  return `${(t / 1024).toFixed(2)} KB`;
+}
+function c(t) {
+  if (t === 0) return "-";
+  const e = Math.floor(t / 100), n = Math.floor(t % 100 / 10), r = t % 10;
+  return `v${e}.${n}.${r}`;
+}
+function i(t) {
+  return new Date(t * 1e3).toLocaleString("en-GB", {
+    dateStyle: "short",
+    timeStyle: "short"
+  });
+}
+function u(t, e = 4) {
+  if (!t) return "";
+  const n = t.slice(0, e + 2), r = t.slice(-e);
+  return `${n}...${r}`;
+}
+function f(t) {
+  return Math.floor(t * 100);
+}
+function a(t) {
+  if (t === 0) return "0";
+  if (t >= 1) return t.toFixed(0);
+  const e = t.toPrecision(2);
+  return e.includes("e") ? Number(e).toFixed(20).replace(/\.?0+$/, "") : e.replace(/\.?0+$/, "");
+}
+export {
+  f as convertPercent,
+  o as formatBytecodeSize,
+  c as formatBytecodeVersion,
+  i as formatTimestamp,
+  u as shortenHash,
+  a as significantTrunc
+};

package/dist/esm/utils/index.js

@@ -0,0 +1,97 @@
+import { generateId as t, useFormFieldIds as r } from "./a11y.js";
+import { bnToInputView as m } from "./bn-to-input-view.js";
+import { bnToPrettyView as n } from "./bn-to-pretty-view.js";
+import { cn as l, cn as f } from "./cn.js";
+import { generateColorsFromBase as x, getCSSVariable as T, hexToRgba as c, hslToHex as g, resolveCSSColor as S } from "./colors.js";
+import { copyToClipboard as d } from "./copy.js";
+import { convertPercent as N, formatBytecodeSize as b, formatBytecodeVersion as A, formatTimestamp as I, shortenHash as v, significantTrunc as L } from "./format.js";
+import { formatAssetAmount as y } from "./format-asset-amount.js";
+import { formatMoney as F, formatMoneyAmount as k, formatPercentAmount as w, percentTemplate as D, percentageTemplate as V } from "./format-money.js";
+import { FORMAT_CONSTANTS as M, formatNumberWithSuffix as _, formatPrice as E, getAdaptiveDecimals as H, isBelowDisplayThreshold as W, isEffectivelyZero as Z, toSignificantDigits as z } from "./format-number.js";
+import { slippageTemplate as R } from "./format-slippage.js";
+import { allLoaded as q, loadingProgress as U, round5 as j } from "./loading.js";
+import { decimalsToStep as J, findClosestPoint as K, formatWithDecimals as Q, formatWithoutDecimals as Y, splitInterval as $, validateMinMax as ee } from "./math.js";
+import { getNetworkIcon as te } from "./network-icons.js";
+import { bnToLiquidationPriceView as ae, isPositiveFloat as me, parseInputToBN as ie, parseSmallNumber as ne } from "./parse-input-to-bn.js";
+import { pluralize as le, selectPluralString as fe } from "./plural.js";
+import { getAvailableRanges as xe } from "./ranges.js";
+import { extractTextFromLabel as ce, serializeValue as ge } from "./react.js";
+import { searchInString as ue } from "./search.js";
+import { createTokenSearchFilter as he, searchInToken as Ne } from "./search-in-token.js";
+import { shortSHA as Ae } from "./short-sha.js";
+import { isLongString as ve, shortenString as Le } from "./shorten-string.js";
+import { negativeTokenTemplate as ye, tokenTemplate as Ce, tokenTemplateNumber as Fe, tokenTemplateString as ke } from "./templates.js";
+import { TTL_CONSTANTS as De, getTTLZones as Ve, ttlFromTimestamp as Be, ttlLeft as Me, ttlLeftHuman as _e } from "./ttl.js";
+import { openInNewWindow as He } from "./window.js";
+import { Z_INDEX as Ze, Z_INDEX_VALUES as ze } from "./z-index.js";
+export {
+  M as FORMAT_CONSTANTS,
+  De as TTL_CONSTANTS,
+  Ze as Z_INDEX,
+  ze as Z_INDEX_VALUES,
+  q as allLoaded,
+  m as bnToInputView,
+  ae as bnToLiquidationPriceView,
+  n as bnToPrettyView,
+  l as cn,
+  N as convertPercent,
+  d as copyToClipboard,
+  he as createTokenSearchFilter,
+  J as decimalsToStep,
+  f as default,
+  ce as extractTextFromLabel,
+  K as findClosestPoint,
+  y as formatAssetAmount,
+  b as formatBytecodeSize,
+  A as formatBytecodeVersion,
+  F as formatMoney,
+  k as formatMoneyAmount,
+  _ as formatNumberWithSuffix,
+  w as formatPercentAmount,
+  E as formatPrice,
+  I as formatTimestamp,
+  Q as formatWithDecimals,
+  Y as formatWithoutDecimals,
+  x as generateColorsFromBase,
+  t as generateId,
+  H as getAdaptiveDecimals,
+  xe as getAvailableRanges,
+  T as getCSSVariable,
+  te as getNetworkIcon,
+  Ve as getTTLZones,
+  c as hexToRgba,
+  g as hslToHex,
+  W as isBelowDisplayThreshold,
+  Z as isEffectivelyZero,
+  ve as isLongString,
+  me as isPositiveFloat,
+  U as loadingProgress,
+  ye as negativeTokenTemplate,
+  He as openInNewWindow,
+  ie as parseInputToBN,
+  ne as parseSmallNumber,
+  D as percentTemplate,
+  V as percentageTemplate,
+  le as pluralize,
+  S as resolveCSSColor,
+  j as round5,
+  ue as searchInString,
+  Ne as searchInToken,
+  fe as selectPluralString,
+  ge as serializeValue,
+  Ae as shortSHA,
+  v as shortenHash,
+  Le as shortenString,
+  L as significantTrunc,
+  R as slippageTemplate,
+  $ as splitInterval,
+  z as toSignificantDigits,
+  Ce as tokenTemplate,
+  Fe as tokenTemplateNumber,
+  ke as tokenTemplateString,
+  Be as ttlFromTimestamp,
+  Me as ttlLeft,
+  _e as ttlLeftHuman,
+  r as useFormFieldIds,
+  ee as validateMinMax
+};

package/dist/esm/utils/interface.js

@@ -0,0 +1 @@
+

package/dist/esm/utils/loading.js

@@ -0,0 +1,22 @@
+const t = (n) => n != null;
+function l(n) {
+  return n.reduce(
+    (r, o) => r && t(o),
+    !0
+  );
+}
+function d(n) {
+  return Math.round(n / 5) * 5;
+}
+function s(n) {
+  const r = n.reduce(
+    (e, u) => t(u) ? e + 1 : e,
+    0
+  ), o = Math.floor(r / n.length * 100);
+  return d(o);
+}
+export {
+  l as allLoaded,
+  s as loadingProgress,
+  d as round5
+};

package/dist/esm/utils/math.js

@@ -0,0 +1,45 @@
+function m(t, n, o) {
+  const e = t / n, a = Math.round(e * o);
+  return Math.round(a / o * n);
+}
+function h(t, n, o) {
+  const e = t / n;
+  return Math.round(e * o) / o;
+}
+function f(t, n) {
+  return t / n;
+}
+function b(t, n, o, e) {
+  const a = /* @__PURE__ */ new Set([t]);
+  for (let s = 1; n >= t + o * s; s += 1)
+    a.add(t + o * s);
+  return a.add(n), e?.forEach((s) => {
+    a.add(s);
+  }), [...a].sort((s, c) => s - c);
+}
+function D(t, n, o) {
+  return Math.min(Math.max(t, n), o);
+}
+function V(t, n, o) {
+  const e = t, a = m(e, o, 1), s = Math.abs(a - e), c = n.reduce(
+    (u, r) => {
+      const l = r !== void 0 ? Math.abs(r - e) : Number.MAX_SAFE_INTEGER;
+      return u[l] = r || 0, u;
+    },
+    []
+  ), i = {
+    [s]: a,
+    ...c
+  }, d = Math.min(
+    ...Object.keys(i).map((u) => Number(u))
+  );
+  return { minPoint: i[d], minDistance: d };
+}
+export {
+  f as decimalsToStep,
+  V as findClosestPoint,
+  h as formatWithDecimals,
+  m as formatWithoutDecimals,
+  b as splitInterval,
+  D as validateMinMax
+};

package/dist/esm/utils/network-icons.js

@@ -0,0 +1,7 @@
+import { getStatic as o } from "./static.js";
+function r(t) {
+  return o(`/chains/${t.toLowerCase()}.svg`);
+}
+export {
+  r as getNetworkIcon
+};

package/dist/esm/utils/parse-input-to-bn.js

@@ -0,0 +1,102 @@
+import { toBN as g, formatBN as d } from "@gearbox-protocol/sdk";
+import { bnToInputView as N } from "./bn-to-input-view.js";
+function p(t) {
+  if (!/^\d+(?:[.,]\d*?)?$/.test(t)) return !1;
+  const n = parseFloat(t);
+  return !Number.isNaN(n);
+}
+const L = (t, e, n = !1) => {
+  if (t.length === 0 || t === "NaN")
+    return [0n, ""];
+  const i = h(t), [r, a, o] = x(i), [u, c] = A(
+    n ? o : i
+  ), s = n && a ? u || "0" : u;
+  if (!p(s)) return [null, null];
+  const l = D(c), f = $(l, e);
+  return [
+    n ? g(s, e) * r : g(s, e),
+    n ? `${a}${f}` : f
+  ];
+};
+function h(t) {
+  return t.replaceAll(",", ".");
+}
+function x(t) {
+  const e = t.startsWith("-");
+  return [
+    e ? -1n : 1n,
+    e ? "-" : "",
+    e ? t.slice(1) : t
+  ];
+}
+function A(t) {
+  const e = t.startsWith("."), n = t.endsWith("."), i = `${e ? 0 : ""}${t}${n ? 0 : ""}`, r = `${e ? 0 : ""}${t}`;
+  return [i, r];
+}
+function D(t) {
+  const e = /^0+(0[.]|0$|[^a-zA-Z.0])/gm;
+  return t.replace(e, "$1");
+}
+function $(t, e) {
+  const n = t.indexOf(".");
+  if (n < 0) return t;
+  const i = t.slice(0, n), r = t.slice(n + 1);
+  return r.length <= e ? t : `${i}.${r.slice(0, e)}`;
+}
+function b(t) {
+  if (!t || typeof t != "string")
+    return { originalValue: t };
+  const e = t.replace(",", ".");
+  if (!/^\d*\.?\d*$/.test(e))
+    return { originalValue: t };
+  const i = parseFloat(e);
+  if (Number.isNaN(i) || i >= 1)
+    return { originalValue: t };
+  const r = e.split("."), a = r[0] || "0", o = r[1] || "", u = a.replace(/^0+/, "") || "0";
+  let c = -1;
+  for (let l = 0; l < o.length; l++)
+    if (o[l] !== "0") {
+      c = l;
+      break;
+    }
+  if (c === -1)
+    return {
+      integer: u,
+      repeat: 0,
+      decimal: void 0
+    };
+  let s = o.slice(c);
+  return s = s.replace(/0+$/, ""), {
+    integer: u,
+    repeat: c,
+    decimal: s
+  };
+}
+const m = {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  maxExponentialThreshold: 1e6,
+  locale: "en-US"
+};
+function T(t, e) {
+  const r = N(
+    t,
+    8,
+    !1,
+    8
+  ), a = Number(r), o = Math.abs(Number(r));
+  return o > m.maxExponentialThreshold ? {
+    originalValue: d(t, 8, e)
+  } : Number.isNaN(a) || Math.abs(o) >= 1 ? {
+    originalValue: a.toLocaleString(m.locale, {
+      minimumFractionDigits: m.minimumFractionDigits,
+      maximumFractionDigits: m.maximumFractionDigits
+    })
+  } : b(r);
+}
+export {
+  T as bnToLiquidationPriceView,
+  p as isPositiveFloat,
+  L as parseInputToBN,
+  b as parseSmallNumber
+};

package/dist/esm/utils/plural.js

@@ -0,0 +1,11 @@
+function u(r, t) {
+  const n = r % 10, e = r % 100;
+  return n === 1 && e !== 11 ? t[0] : n >= 2 && n <= 4 && (e < 10 || e >= 20) ? t[1] : t[2];
+}
+function i(r, t, n) {
+  return r === 1 ? t : n ?? `${t}s`;
+}
+export {
+  i as pluralize,
+  u as selectPluralString
+};

package/dist/esm/utils/ranges.js

@@ -0,0 +1,24 @@
+function f(n, o, e) {
+  if (e.length === 0)
+    return [];
+  const t = o !== void 0 && n !== void 0 ? o - n : void 0;
+  return e.reduce((i, r) => {
+    const { start: s, end: c, color: d } = r;
+    if (n !== void 0 && t !== void 0) {
+      const h = Math.ceil(
+        n + t * s
+      ), u = Math.ceil(
+        n + t * c
+      );
+      i.push({
+        start: h,
+        end: u,
+        color: d
+      });
+    }
+    return i;
+  }, []);
+}
+export {
+  f as getAvailableRanges
+};