@gearbox-protocol/permissionless-ui 1.22.0-next.2 → 1.22.0-next.21

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

@@ -3,9 +3,9 @@ const N = 10000000000000000n;
 function b(t) {
   return BigInt(t.toFixed(18).replace(".", ""));
 }
-function T(t, e) {
-  const r = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", o = typeof t == "number" ? b(Math.abs(t)) : f.abs(t), u = o < N && o > 0n, c = u ? "0.01" : a(o, s, e), i = `${r}$${c}`;
-  return u ? `< ${i}` : i;
+function p(t, e) {
+  const r = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", o = typeof t == "number" ? b(Math.abs(t)) : f.abs(t), u = o < N && o > 0n, i = u ? "0.01" : a(o, s, e), c = `${r}$${i}`;
+  return u ? `< ${c}` : c;
 }
 const y = 1e4;
 function m(t, e, n = !0) {
@@ -15,13 +15,13 @@ function m(t, e, n = !0) {
 function g(t, e = 2) {
   return `${m(t, e)}%`;
 }
-const l = 1e4;
-function A(t, e = 2) {
-  const n = Number(t) / Number(l);
+const E = 1e4;
+function T(t, e = 2) {
+  const n = Number(t) / Number(E);
   return `${m(n, e)}%`;
 }
-const p = 1000n;
-function F(t, e) {
+const A = 1000n;
+function S(t, e) {
   let n;
   return typeof t == "string" ? n = Number.parseFloat(t) || 0 : typeof t == "bigint" ? n = Number(t) : n = t, typeof e == "number" ? new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -37,16 +37,12 @@ function F(t, e) {
     currency: "USD"
   }).format(n);
 }
-function S(t, e = 1) {
-  return t === void 0 ? "-" : `${(t / Number(p)).toFixed(e)}%`;
-}
 export {
-  l as PERCENTAGE_FACTOR,
-  p as SLIPPAGE_DECIMALS,
-  T as formatMoney,
-  F as formatMoneyAmount,
+  E as PERCENTAGE_FACTOR,
+  A as SLIPPAGE_DECIMALS,
+  p as formatMoney,
+  S as formatMoneyAmount,
   m as formatPercentAmount,
   g as percentTemplate,
-  A as percentageTemplate,
-  S as slippageTemplate
+  T as percentageTemplate
 };

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/index.js

@@ -1,82 +1,83 @@
-import { generateId as o, useFormFieldIds as r } from "./a11y.js";
-import { bnToInputView as m } from "./bn-to-input-view.js";
+import { generateId as r, useFormFieldIds as t } from "./a11y.js";
+import { bnToInputView as a } from "./bn-to-input-view.js";
 import { bnToPrettyView as p } from "./bn-to-pretty-view.js";
 import { cn as i, cn as l } from "./cn.js";
 import { generateColorsFromBase as T, getCSSVariable as x, hexToRgba as c, resolveCSSColor as g } from "./colors.js";
-import { copyToClipboard as A } from "./copy.js";
-import { convertPercent as N, formatBytecodeSize as d, formatBytecodeVersion as h, formatTimestamp as C, shortenHash as I, significantTrunc as k } from "./format.js";
-import { formatAssetAmount as b } from "./format-asset-amount.js";
-import { PERCENTAGE_FACTOR as P, SLIPPAGE_DECIMALS as F, formatMoney as L, formatMoney as v, formatPercentAmount as B, percentTemplate as E, percentageTemplate as M, slippageTemplate as R } from "./format-money.js";
-import { FORMAT_CONSTANTS as D, formatNumberWithSuffix as O, formatPrice as _, getAdaptiveDecimals as z, isBelowDisplayThreshold as G, isEffectivelyZero as H, toSignificantDigits as W } from "./format-number.js";
-import { getAllNetworks as j, getNetworkByChainId as q, getNetworkConfig as J, getNetworkIcon as K } from "./network-icons.js";
-import { parseInputToBN as U } from "./parse-input-to-bn.js";
-import { pluralize as Y, selectPluralString as $ } from "./plural.js";
-import { getAvailableRanges as te } from "./ranges.js";
-import { extractTextFromLabel as re, serializeValue as ae } from "./react.js";
-import { searchInString as ne } from "./search.js";
-import { createTokenSearchFilter as fe, searchInToken as ie } from "./search-in-token.js";
-import { shortSHA as se } from "./short-sha.js";
-import { shortenString as xe } from "./shorten-string.js";
-import { negativeTokenTemplate as ge, tokenTemplate as Se, tokenTemplateNumber as Ae, tokenTemplateString as ue } from "./templates.js";
-import { TTL_CONSTANTS as de, getTTLZone as he, ttlFromTimestamp as Ce, ttlLeft as Ie, ttlLeftParsed as ke } from "./ttl.js";
-import { openInNewWindow as be } from "./window.js";
+import { copyToClipboard as u } from "./copy.js";
+import { convertPercent as d, formatBytecodeSize as h, formatBytecodeVersion as I, formatTimestamp as N, shortenHash as C, significantTrunc as b } from "./format.js";
+import { formatAssetAmount as P } from "./format-asset-amount.js";
+import { PERCENTAGE_FACTOR as L, SLIPPAGE_DECIMALS as k, formatMoney as E, formatMoney as v, formatPercentAmount as w, percentTemplate as B, percentageTemplate as D } from "./format-money.js";
+import { FORMAT_CONSTANTS as R, formatNumberWithSuffix as V, formatPrice as _, getAdaptiveDecimals as O, isBelowDisplayThreshold as z, isEffectivelyZero as Z, toSignificantDigits as G } from "./format-number.js";
+import { slippageTemplate as W } from "./format-slippage.js";
+import { getNetworkIcon as j } from "./network-icons.js";
+import { parseInputToBN as J } from "./parse-input-to-bn.js";
+import { pluralize as Q, selectPluralString as U } from "./plural.js";
+import { getAvailableRanges as $ } from "./ranges.js";
+import { extractTextFromLabel as oe, serializeValue as re } from "./react.js";
+import { searchInString as me } from "./search.js";
+import { createTokenSearchFilter as ne, searchInToken as pe } from "./search-in-token.js";
+import { shortSHA as ie } from "./short-sha.js";
+import { isLongString as se, shortenString as Te } from "./shorten-string.js";
+import { negativeTokenTemplate as ce, tokenTemplate as ge, tokenTemplateNumber as Se, tokenTemplateString as ue } from "./templates.js";
+import { TTL_CONSTANTS as de, getTTLZone as he, ttlFromTimestamp as Ie, ttlLeft as Ne, ttlLeftParsed as Ce } from "./ttl.js";
+import { openInNewWindow as ye } from "./window.js";
+import { Z_INDEX as Fe } from "./z-index.js";
 export {
-  D as FORMAT_CONSTANTS,
-  P as PERCENTAGE_FACTOR,
-  F as SLIPPAGE_DECIMALS,
+  R as FORMAT_CONSTANTS,
+  L as PERCENTAGE_FACTOR,
+  k as SLIPPAGE_DECIMALS,
   de as TTL_CONSTANTS,
-  m as bnToInputView,
+  Fe as Z_INDEX,
+  a as bnToInputView,
   p as bnToPrettyView,
   i as cn,
-  N as convertPercent,
-  A as copyToClipboard,
-  fe as createTokenSearchFilter,
+  d as convertPercent,
+  u as copyToClipboard,
+  ne as createTokenSearchFilter,
   l as default,
-  re as extractTextFromLabel,
-  b as formatAssetAmount,
-  d as formatBytecodeSize,
-  h as formatBytecodeVersion,
-  L as formatMoney,
+  oe as extractTextFromLabel,
+  P as formatAssetAmount,
+  h as formatBytecodeSize,
+  I as formatBytecodeVersion,
+  E as formatMoney,
   v as formatMoneyAmount,
-  O as formatNumberWithSuffix,
-  B as formatPercentAmount,
+  V as formatNumberWithSuffix,
+  w as formatPercentAmount,
   _ as formatPrice,
-  C as formatTimestamp,
+  N as formatTimestamp,
   T as generateColorsFromBase,
-  o as generateId,
-  z as getAdaptiveDecimals,
-  j as getAllNetworks,
-  te as getAvailableRanges,
+  r as generateId,
+  O as getAdaptiveDecimals,
+  $ as getAvailableRanges,
   x as getCSSVariable,
-  q as getNetworkByChainId,
-  J as getNetworkConfig,
-  K as getNetworkIcon,
+  j as getNetworkIcon,
   he as getTTLZone,
   c as hexToRgba,
-  G as isBelowDisplayThreshold,
-  H as isEffectivelyZero,
-  ge as negativeTokenTemplate,
-  be as openInNewWindow,
-  U as parseInputToBN,
-  E as percentTemplate,
-  M as percentageTemplate,
-  Y as pluralize,
+  z as isBelowDisplayThreshold,
+  Z as isEffectivelyZero,
+  se as isLongString,
+  ce as negativeTokenTemplate,
+  ye as openInNewWindow,
+  J as parseInputToBN,
+  B as percentTemplate,
+  D as percentageTemplate,
+  Q as pluralize,
   g as resolveCSSColor,
-  ne as searchInString,
-  ie as searchInToken,
-  $ as selectPluralString,
-  ae as serializeValue,
-  se as shortSHA,
-  I as shortenHash,
-  xe as shortenString,
-  k as significantTrunc,
-  R as slippageTemplate,
-  W as toSignificantDigits,
-  Se as tokenTemplate,
-  Ae as tokenTemplateNumber,
+  me as searchInString,
+  pe as searchInToken,
+  U as selectPluralString,
+  re as serializeValue,
+  ie as shortSHA,
+  C as shortenHash,
+  Te as shortenString,
+  b as significantTrunc,
+  W as slippageTemplate,
+  G as toSignificantDigits,
+  ge as tokenTemplate,
+  Se as tokenTemplateNumber,
   ue as tokenTemplateString,
-  Ce as ttlFromTimestamp,
-  Ie as ttlLeft,
-  ke as ttlLeftParsed,
-  r as useFormFieldIds
+  Ie as ttlFromTimestamp,
+  Ne as ttlLeft,
+  Ce as ttlLeftParsed,
+  t as useFormFieldIds
 };

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

@@ -1,56 +1,7 @@
-const i = {
-  Mainnet: {
-    name: "Ethereum",
-    icon: "/icons/networks/ethereum.svg",
-    chainId: 1
-  },
-  Arbitrum: {
-    name: "Arbitrum",
-    icon: "/icons/networks/arbitrum.svg",
-    chainId: 42161
-  },
-  Optimism: {
-    name: "Optimism",
-    icon: "/icons/networks/optimism.svg",
-    chainId: 10
-  },
-  Sonic: {
-    name: "Sonic",
-    icon: "/icons/networks/sonic.svg",
-    chainId: 146
-  },
-  Monad: {
-    name: "Monad",
-    icon: "/icons/networks/monad.svg",
-    chainId: 0
-    // TBD
-  },
-  AllNetworks: {
-    name: "All Networks",
-    icon: "/icons/networks/all.svg",
-    chainId: 0
-  }
-}, o = {
-  1: "Mainnet",
-  42161: "Arbitrum",
-  10: "Optimism",
-  146: "Sonic"
-};
-function t(n) {
-  return i[n]?.icon || "";
-}
-function e(n) {
-  return o[n];
-}
-function c(n) {
-  return i[n];
-}
-function r() {
-  return Object.values(i);
+import { getStatic as o } from "./static.js";
+function r(t) {
+  return o(`/chains/${t.toLowerCase()}.svg`);
 }
 export {
-  r as getAllNetworks,
-  e as getNetworkByChainId,
-  c as getNetworkConfig,
-  t as getNetworkIcon
+  r as getNetworkIcon
 };

package/dist/esm/utils/search-in-token.js

@@ -1,14 +1,14 @@
-function a(e, t) {
-  if (!e || !t) return !0;
-  const r = t.toLowerCase().trim();
-  if (!r) return !0;
-  const s = e.title?.toLowerCase() || "", o = e.symbol?.toLowerCase() || "", n = e.name?.toLowerCase() || "", c = e.address?.toLowerCase() || "";
-  return s.includes(r) || o.includes(r) || n.includes(r) || c.includes(r);
+function c(e, t) {
+  if (!e || !t) return !1;
+  const s = t.toLowerCase().trim();
+  if (!s) return !1;
+  const r = e.title?.toLowerCase() || "", o = e.symbol?.toLowerCase() || "", n = e.name?.toLowerCase() || "", a = e.address?.toLowerCase() || "";
+  return r.includes(s) || o.includes(s) || n.includes(s) || s.length > 2 && a.toLowerCase().startsWith(s);
 }
 function i(e) {
-  return (t) => a(t, e);
+  return (t) => c(t, e);
 }
 export {
   i as createTokenSearchFilter,
-  a as searchInToken
+  c as searchInToken
 };

package/dist/esm/utils/shorten-string.js

@@ -1,6 +1,10 @@
-function r(n, e = 10) {
-  return n.length <= e ? n : `${n.slice(0, e)}...`;
+function t(n, r) {
+  return i(n, r) ? `${n.slice(0, r - 3)}...` : n;
+}
+function i(n, r) {
+  return n.length > r;
 }
 export {
-  r as shortenString
+  i as isLongString,
+  t as shortenString
 };

package/dist/esm/utils/static.js

@@ -0,0 +1,6 @@
+const a = "https://static.gearbox.finance", i = (t = a) => (c) => `${t}${c}`, n = i();
+export {
+  a as STATIC_SERVER,
+  i as buildStaticUrl,
+  n as getStatic
+};

package/dist/esm/utils/templates.js

@@ -1,19 +1,18 @@
 import { jsx as u, Fragment as d } from "react/jsx-runtime";
-import { formatBN as a, toBigInt as g, BigIntMath as $ } from "@gearbox-protocol/sdk";
+import { formatBN as l, toBigInt as g, BigIntMath as $ } from "@gearbox-protocol/sdk";
 import { percentTemplate as p } from "./format-money.js";
 function T(o, t = 2) {
   return /* @__PURE__ */ u(d, { children: p(o, t) });
 }
 function B(o, t, s, e = " ", i) {
   const { decimals: r = 18 } = t || {};
-  let n = a(o, r, s);
+  let n = l(o, r, s);
   const c = t?.title || t?.symbol || "undefined";
   if (i !== void 0 && n !== "-") {
-    const f = e.length + c.length, l = i - f;
-    l > 0 && n.length > l && (n = n.slice(0, l));
+    const f = e.length + c.length, m = i - f;
+    m > 0 && n.length > m && (n = n.slice(0, m));
   }
-  const m = n === "-" ? n : `${n}${e}${c}`;
-  return /* @__PURE__ */ u(d, { children: m });
+  return n === "-" ? n : `${n}${e}${c}`;
 }
 function x(o, t, s = 2) {
   if (o === void 0) return "-";
@@ -21,11 +20,11 @@ function x(o, t, s = 2) {
   return `${i}${r} ${t?.title}`;
 }
 function v(o, t, s, e = " ") {
-  const i = g(o || 0), r = i < 0n, { decimals: n = 18 } = t || {}, c = a($.abs(i), n, s), m = t?.title || t?.symbol || "undefined";
-  return c === "-" ? c : `${r ? "-" : ""}${c}${e}${m}`;
+  const i = g(o || 0), r = i < 0n, { decimals: n = 18 } = t || {}, c = l($.abs(i), n, s), a = t?.title || t?.symbol || "undefined";
+  return c === "-" ? c : `${r ? "-" : ""}${c}${e}${a}`;
 }
 function P(o, t, s, e = " ") {
-  const { decimals: i = 18 } = t || {}, r = a(o, i, s), n = t?.title || t?.symbol || "undefined";
+  const { decimals: i = 18 } = t || {}, r = l(o, i, s), n = t?.title || t?.symbol || "undefined";
   return r === "-" ? r : `${r}${e}${n}`;
 }
 export {

package/dist/esm/utils/window.js

@@ -1,6 +1,7 @@
-function e(n) {
-  window.open(n, "_blank", "noopener,noreferrer");
+function i(o, n = "_blank", w) {
+  const e = n === "_blank" ? window.open(o, n, "noreferrer,noopener") : window.open(o, n, w);
+  e && e.focus();
 }
 export {
-  e as openInNewWindow
+  i as openInNewWindow
 };

package/dist/esm/utils/z-index.js

@@ -0,0 +1,7 @@
+const O = {
+  MODAL: "z-[50]",
+  TOOLTIP: "z-[9999]"
+};
+export {
+  O as Z_INDEX
+};