@gearbox-protocol/ui-kit 4.0.0-next.52 → 4.0.0-next.54

package/dist/cjs/components/graph/formatters.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("lightweight-charts"),F=require("luxon"),k=require("../../utils/format-number.cjs"),{MIN_DISPLAY_THRESHOLD:$,MAX_EXPONENTIAL_THRESHOLD:q}=k.FORMAT_CONSTANTS,X=2,_=(t,e)=>{if(k.isBelowDisplayThreshold(t))return e?`<${$}${e}`:`<${$}`;if(t===0)return e?`0${e}`:"0";const s=k.toSignificantDigits(t,X);return e?`${s}${e}`:s};function R(t,e,s=4){if(t===0)return e?`0 ${e}`:"0";const n=e&&Math.abs(t)>=1e3?0:s,f=t.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:n});return e?`${f} ${e}`:f}function S(t,e){return!t||e==="none"||e==="token"?t:e==="$"?`$${t}`:e==="%"?`${t}%`:`${t} ${e}`}function A(t){return t.includes("/")}function D(t){return A(t)?"none":t}function U(t,e,s){const n=s?.yScaleMin;let f=t.length>0?Math.min(...t):0,c=t.length>0?Math.max(...t):0;const o=()=>{const r=(f+c)/2;let a=1,i="";return r>=1e9?(a=1e9,i="B"):r>=1e6?(a=1e6,i="M"):r>=1e3&&(a=1e3,i="K"),{scale:a,suffix:i}},u=8;let h=0;const g=(r,a,i,d)=>{const m=(a>1?r/a:r).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:d,useGrouping:!1});return a>1?`${m}${i}`:m},H=(r,a,i)=>{for(let d=0;d<=u;d++){const M=new Set;let m=!0;for(const l of r){const y=g(l,a,i,d);if(M.has(y)){m=!1;break}M.add(y)}if(m)return d}return u},L=r=>{if(n!==void 0&&r<n)return"";if(r===0)return S("0",D(e));const{scale:a,suffix:i}=o();return S(g(r,a,i,h),D(e))};return{formatter:r=>L(r),tickmarksFormatter:r=>{const{scale:a,suffix:i}=o(),d=r.filter(m=>m!==0&&!(n!==void 0&&m<n));h=H(d,a,i);const M=new Set;return r.map(m=>{if(n!==void 0&&m<n)return"";const l=m===0?"0":g(m,a,i,h);return!l||M.has(l)?"":(M.add(l),S(l,D(e)))})},updateVisibleRange:r=>{r.length>0&&(f=Math.min(...r),c=Math.max(...r))}}}const N=t=>F.DateTime.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"),w=t=>F.DateTime.fromSeconds(Number(t)).toFormat("HH:mm"),O=(t,e)=>_(Number(t),e),x={time:N,"%":O};function P(t){const e=new Map;return(s,n,f)=>{const c=F.DateTime.fromSeconds(Number(s));let o;if(t===0)o=c.toFormat("HH:mm");else switch(n){case T.TickMarkType.Year:o=c.toFormat("yyyy");break;case T.TickMarkType.Month:case T.TickMarkType.DayOfMonth:o=t>365?c.toFormat("dd MMM yyyy"):c.toFormat("dd MMM");break;case T.TickMarkType.Time:case T.TickMarkType.TimeWithSeconds:o=c.toFormat("HH:mm");break;default:o=c.toFormat("dd MMM")}let u=e.get(n);return u||(u=new Set,e.set(n,u)),u.has(o)?" ":(u.add(o),o)}}const E=(t,e)=>{if(t==="time"&&e&&e.length>0){const n=F.DateTime.fromSeconds(Number(e[0].time)),f=F.DateTime.fromSeconds(Number(e[e.length-1].time)),c=n.hasSame(f,"day"),o=c?0:Math.ceil(f.diff(n,"days").days);return{timeFormatter:c?w:N,tickMarkFormatter:P(o)}}const s=x[t]||x.time;return{timeFormatter:s,tickMarkFormatter:n=>s(n,t)}},v=(t,e)=>E(t,e).timeFormatter;exports.createAdaptiveYAxisFormatter=U;exports.formatExactValue=R;exports.getXFormatter=v;exports.getXFormatters=E;exports.isRatioUnit=A;exports.withYAxisUnit=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("lightweight-charts"),T=require("luxon"),D=require("../../utils/format-number.cjs"),{MIN_DISPLAY_THRESHOLD:$}=D.FORMAT_CONSTANTS,E=2,L=(t,e)=>{if(D.isBelowDisplayThreshold(t))return e?`<${$}${e}`:`<${$}`;if(t===0)return e?`0${e}`:"0";const s=D.toSignificantDigits(t,E);return e?`${s}${e}`:s};function R(t,e,s=4){if(t===0)return e?`0 ${e}`:"0";const n=e&&Math.abs(t)>=1e3?0:s,f=t.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:n});return e?`${f} ${e}`:f}function h(t,e){return!t||e==="none"||e==="token"?t:e==="$"?`$${t}`:e==="%"?`${t}%`:`${t} ${e}`}function A(t){return t.includes("/")}function k(t){return A(t)?"none":t}function X(t,e,s){const n=s?.yScaleMin;let f=t.length>0?Math.min(...t):0,c=t.length>0?Math.max(...t):0;const o=()=>{const r=(f+c)/2;let a=1,i="";return r>=1e9?(a=1e9,i="B"):r>=1e6?(a=1e6,i="M"):r>=1e3&&(a=1e3,i="K"),{scale:a,suffix:i}},u=8;let S=0;const g=(r,a,i,d)=>{const m=(a>1?r/a:r).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:d,useGrouping:!1});return a>1?`${m}${i}`:m},U=(r,a,i)=>{for(let d=0;d<=u;d++){const M=new Set;let m=!0;for(const l of r){const y=g(l,a,i,d);if(M.has(y)){m=!1;break}M.add(y)}if(m)return d}return u},w=r=>{if(n!==void 0&&r<n)return"";if(r===0)return h("0",k(e));const{scale:a,suffix:i}=o();return h(g(r,a,i,S),k(e))};return{formatter:r=>w(r),tickmarksFormatter:r=>{const{scale:a,suffix:i}=o(),d=r.filter(m=>m!==0&&!(n!==void 0&&m<n));S=U(d,a,i);const M=new Set;return r.map(m=>{if(n!==void 0&&m<n)return"";const l=m===0?"0":g(m,a,i,S);return!l||M.has(l)?"":(M.add(l),h(l,k(e)))})},updateVisibleRange:r=>{r.length>0&&(f=Math.min(...r),c=Math.max(...r))}}}const N=t=>T.DateTime.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"),_=t=>T.DateTime.fromSeconds(Number(t)).toFormat("HH:mm"),P=(t,e)=>L(Number(t),e),x={time:N,"%":P};function v(t){const e=new Map;return(s,n,f)=>{const c=T.DateTime.fromSeconds(Number(s));let o;if(t===0)o=c.toFormat("HH:mm");else switch(n){case F.TickMarkType.Year:o=c.toFormat("yyyy");break;case F.TickMarkType.Month:case F.TickMarkType.DayOfMonth:o=t>365?c.toFormat("dd MMM yyyy"):c.toFormat("dd MMM");break;case F.TickMarkType.Time:case F.TickMarkType.TimeWithSeconds:o=c.toFormat("HH:mm");break;default:o=c.toFormat("dd MMM")}let u=e.get(n);return u||(u=new Set,e.set(n,u)),u.has(o)?" ":(u.add(o),o)}}const H=(t,e)=>{if(t==="time"&&e&&e.length>0){const n=T.DateTime.fromSeconds(Number(e[0].time)),f=T.DateTime.fromSeconds(Number(e[e.length-1].time)),c=n.hasSame(f,"day"),o=c?0:Math.ceil(f.diff(n,"days").days);return{timeFormatter:c?_:N,tickMarkFormatter:v(o)}}const s=x[t]||x.time;return{timeFormatter:s,tickMarkFormatter:n=>s(n,t)}},O=(t,e)=>H(t,e).timeFormatter;exports.createAdaptiveYAxisFormatter=X;exports.formatExactValue=R;exports.getXFormatter=O;exports.getXFormatters=H;exports.isRatioUnit=A;exports.withYAxisUnit=h;

package/dist/cjs/components/rounded-image/rounded-image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),n=require("react");require("@gearbox-protocol/sdk/onchain");const h=require("../../utils/cn.cjs"),I=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function _(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const L=_(n),i=I.getStatic("/tokens/default.svg"),l=new Map;function d(e){return l.get(e)?i:e}const f=L.forwardRef(({className:e,size:t,rounded:r=!0,style:o,src:a,defaultIcon:g=i,fit:b="cover",...m},y)=>{const[j,s]=n.useState(void 0),[p,u]=n.useState(!1),c=n.useRef(!1);n.useEffect(()=>{d(a),s(void 0),u(!1),c.current=!1},[a]);const R=q=>{c.current||(c.current=!0,l.set(q.currentTarget.src,!0),s(g))},v=()=>{u(!0)};return O.jsx("img",{ref:y,src:j||d(a),alt:"",className:h.cn(b==="cover"?"object-cover":"object-contain object-center",r&&"rounded-full",!p&&"bg-gray-90 dark:bg-gray-110 rounded-full",e),style:{width:t,height:t,...o},loading:"lazy",decoding:"async",onError:R,onLoad:v,...m})});f.displayName="RoundedImage";exports.RoundedImage=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),c=require("react");require("@gearbox-protocol/sdk/onchain");const _=require("../../utils/cn.cjs"),L=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function S(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const T=S(c),g=L.getStatic("/tokens/default.svg"),m=new Map;function f(e){return m.get(e)?g:e}const b=T.forwardRef(({className:e,size:r,rounded:n=!0,style:o,src:s,defaultIcon:p=g,fit:y="cover",...R},a)=>{const[j,l]=c.useState(void 0),[h,u]=c.useState(!1),i=c.useRef(!1),d=c.useRef(null),v=t=>{d.current=t,typeof a=="function"?a(t):a&&(a.current=t),t?.complete&&t.naturalWidth>0&&u(!0)};c.useEffect(()=>{f(s),l(void 0),i.current=!1;const t=d.current;u(!!t?.complete&&t.naturalWidth>0)},[s]);const q=t=>{i.current||(i.current=!0,m.set(t.currentTarget.src,!0),l(p))},O=()=>{u(!0)};return I.jsx("img",{ref:v,src:j||f(s),alt:"",className:_.cn(y==="cover"?"object-cover":"object-contain object-center",n&&"rounded-full",!h&&"bg-gray-90 dark:bg-gray-110 rounded-full",e),style:{width:r,height:r,...o},loading:"lazy",decoding:"async",onError:q,onLoad:O,...R})});b.displayName="RoundedImage";exports.RoundedImage=b;

package/dist/esm/components/graph/formatters.js

@@ -1,15 +1,15 @@
-import { TickMarkType as l } from "lightweight-charts";
-import { DateTime as F } from "luxon";
-import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as E, toSignificantDigits as L } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: k, MAX_EXPONENTIAL_THRESHOLD: B } = E, _ = 2, R = (t, e) => {
+import { TickMarkType as F } from "lightweight-charts";
+import { DateTime as S } from "luxon";
+import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as L, toSignificantDigits as E } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: k } = L, R = 2, U = (t, e) => {
   if (H(t))
     return e ? `<${k}${e}` : `<${k}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const s = L(t, _);
+  const s = E(t, R);
   return e ? `${s}${e}` : s;
 };
-function G(t, e, s = 4) {
+function B(t, e, s = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
   const n = e && Math.abs(t) >= 1e3 ? 0 : s, f = t.toLocaleString("en-US", {
@@ -21,13 +21,13 @@ function G(t, e, s = 4) {
 function D(t, e) {
   return !t || e === "none" || e === "token" ? t : e === "$" ? `$${t}` : e === "%" ? `${t}%` : `${t} ${e}`;
 }
-function X(t) {
+function _(t) {
   return t.includes("/");
 }
-function T(t) {
-  return X(t) ? "none" : t;
+function $(t) {
+  return _(t) ? "none" : t;
 }
-function W(t, e, s) {
+function G(t, e, s) {
   const n = s?.yScaleMin;
   let f = t.length > 0 ? Math.min(...t) : 0, m = t.length > 0 ? Math.max(...t) : 0;
   const a = () => {
@@ -43,28 +43,28 @@ function W(t, e, s) {
       useGrouping: !1
     });
     return o > 1 ? `${c}${i}` : c;
-  }, y = (r, o, i) => {
+  }, N = (r, o, i) => {
     for (let d = 0; d <= u; d++) {
       const M = /* @__PURE__ */ new Set();
       let c = !0;
-      for (const S of r) {
-        const $ = g(S, o, i, d);
-        if (M.has($)) {
+      for (const l of r) {
+        const T = g(l, o, i, d);
+        if (M.has(T)) {
           c = !1;
           break;
         }
-        M.add($);
+        M.add(T);
       }
       if (c) return d;
     }
     return u;
   }, A = (r) => {
     if (n !== void 0 && r < n) return "";
-    if (r === 0) return D("0", T(e));
+    if (r === 0) return D("0", $(e));
     const { scale: o, suffix: i } = a();
     return D(
       g(r, o, i, h),
-      T(e)
+      $(e)
     );
   };
   return {
@@ -73,12 +73,12 @@ function W(t, e, s) {
       const { scale: o, suffix: i } = a(), d = r.filter(
         (c) => c !== 0 && !(n !== void 0 && c < n)
       );
-      h = y(d, o, i);
+      h = N(d, o, i);
       const M = /* @__PURE__ */ new Set();
       return r.map((c) => {
         if (n !== void 0 && c < n) return "";
-        const S = c === 0 ? "0" : g(c, o, i, h);
-        return !S || M.has(S) ? "" : (M.add(S), D(S, T(e)));
+        const l = c === 0 ? "0" : g(c, o, i, h);
+        return !l || M.has(l) ? "" : (M.add(l), D(l, $(e)));
       });
     },
     updateVisibleRange: (r) => {
@@ -86,31 +86,31 @@ function W(t, e, s) {
     }
   };
 }
-const N = (t) => F.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), O = (t) => F.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => R(Number(t), e), x = {
-  time: N,
+const y = (t) => S.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), w = (t) => S.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => U(Number(t), e), x = {
+  time: y,
   "%": P
 };
-function U(t) {
+function X(t) {
   const e = /* @__PURE__ */ new Map();
   return (s, n, f) => {
-    const m = F.fromSeconds(Number(s));
+    const m = S.fromSeconds(Number(s));
     let a;
     if (t === 0)
       a = m.toFormat("HH:mm");
     else
       switch (n) {
-        case l.Year:
+        case F.Year:
           a = m.toFormat("yyyy");
           break;
         // Month boundaries (1st of a month) are reported as `Month` ticks by
         // lightweight-charts. Render them the same way as regular day ticks so
         // the axis reads uniformly ("01 Jul") instead of a stray "Jul 2026".
-        case l.Month:
-        case l.DayOfMonth:
+        case F.Month:
+        case F.DayOfMonth:
           a = t > 365 ? m.toFormat("dd MMM yyyy") : m.toFormat("dd MMM");
           break;
-        case l.Time:
-        case l.TimeWithSeconds:
+        case F.Time:
+        case F.TimeWithSeconds:
           a = m.toFormat("HH:mm");
           break;
         default:
@@ -120,14 +120,14 @@ function U(t) {
     return u || (u = /* @__PURE__ */ new Set(), e.set(n, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const w = (t, e) => {
+const O = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const n = F.fromSeconds(Number(e[0].time)), f = F.fromSeconds(
+    const n = S.fromSeconds(Number(e[0].time)), f = S.fromSeconds(
       Number(e[e.length - 1].time)
     ), m = n.hasSame(f, "day"), a = m ? 0 : Math.ceil(f.diff(n, "days").days);
     return {
-      timeFormatter: m ? O : N,
-      tickMarkFormatter: U(a)
+      timeFormatter: m ? w : y,
+      tickMarkFormatter: X(a)
     };
   }
   const s = x[t] || x.time;
@@ -135,12 +135,12 @@ const w = (t, e) => {
     timeFormatter: s,
     tickMarkFormatter: (n) => s(n, t)
   };
-}, p = (t, e) => w(t, e).timeFormatter;
+}, W = (t, e) => O(t, e).timeFormatter;
 export {
-  W as createAdaptiveYAxisFormatter,
-  G as formatExactValue,
-  p as getXFormatter,
-  w as getXFormatters,
-  X as isRatioUnit,
+  G as createAdaptiveYAxisFormatter,
+  B as formatExactValue,
+  W as getXFormatter,
+  O as getXFormatters,
+  _ as isRatioUnit,
   D as withYAxisUnit
 };

package/dist/esm/components/rounded-image/rounded-image.js

@@ -1,65 +1,69 @@
-import { jsx as I } from "react/jsx-runtime";
-import * as L from "react";
-import { useState as s, useRef as j, useEffect as E } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import * as k from "react";
+import { useState as d, useRef as l, useEffect as w } from "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as k } from "../../utils/cn.js";
-import { getStatic as w } from "../../utils/static.js";
+import { cn as N } from "../../utils/cn.js";
+import { getStatic as T } from "../../utils/static.js";
 import "luxon";
 import "../../utils/z-index.js";
-const d = w("/tokens/default.svg"), i = /* @__PURE__ */ new Map();
-function c(e) {
-  return i.get(e) ? d : e;
+const u = T("/tokens/default.svg"), m = /* @__PURE__ */ new Map();
+function f(t) {
+  return m.get(t) ? u : t;
 }
-const N = L.forwardRef(
+const U = k.forwardRef(
   ({
-    className: e,
-    size: o,
-    rounded: f = !0,
-    style: l,
-    src: r,
-    defaultIcon: u = d,
-    fit: m = "cover",
-    ...g
-  }, p) => {
-    const [h, a] = s(void 0), [v, n] = s(!1), t = j(!1);
-    E(() => {
-      c(r), a(void 0), n(!1), t.current = !1;
-    }, [r]);
-    const y = (b) => {
-      t.current || (t.current = !0, i.set(b.currentTarget.src, !0), a(u));
-    }, R = () => {
+    className: t,
+    size: c,
+    rounded: g = !0,
+    style: p,
+    src: o,
+    defaultIcon: h = u,
+    fit: R = "cover",
+    ...y
+  }, r) => {
+    const [v, s] = d(void 0), [b, n] = d(!1), a = l(!1), i = l(null), I = (e) => {
+      i.current = e, typeof r == "function" ? r(e) : r && (r.current = e), e?.complete && e.naturalWidth > 0 && n(!0);
+    };
+    w(() => {
+      f(o), s(void 0), a.current = !1;
+      const e = i.current;
+      n(!!e?.complete && e.naturalWidth > 0);
+    }, [o]);
+    const L = (e) => {
+      a.current || (a.current = !0, m.set(e.currentTarget.src, !0), s(h));
+    }, j = () => {
       n(!0);
     };
     return (
       // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-      /* @__PURE__ */ I(
+      /* @__PURE__ */ E(
         "img",
         {
-          ref: p,
-          src: h || c(r),
+          ref: I,
+          src: v || f(o),
           alt: "",
-          className: k(
-            m === "cover" ? "object-cover" : "object-contain object-center",
-            f && "rounded-full",
-            !v && "bg-gray-90 dark:bg-gray-110 rounded-full",
-            e
+          className: N(
+            R === "cover" ? "object-cover" : "object-contain object-center",
+            g && "rounded-full",
+            !b && "bg-gray-90 dark:bg-gray-110 rounded-full",
+            t
           ),
           style: {
-            width: o,
-            height: o,
-            ...l
+            width: c,
+            height: c,
+            ...p
           },
           loading: "lazy",
           decoding: "async",
-          onError: y,
-          onLoad: R,
-          ...g
+          onError: L,
+          onLoad: j,
+          ...y
         }
       )
     );
   }
 );
-N.displayName = "RoundedImage";
+U.displayName = "RoundedImage";
 export {
-  N as RoundedImage
+  U as RoundedImage
 };

package/dist/types/types/index.d.ts

@@ -1,3 +1,2 @@
-export type * from './filter';
 export type * from './graph';
 export type * from './range-item';

package/dist/types/utils/ranges.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.52",
+  "version": "4.0.0-next.54",
   "description": "Internal UI components",
   "repository": {
     "type": "git",

package/dist/cjs/types/filter.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/types/filter.js

@@ -1 +0,0 @@
-

package/dist/types/types/filter.d.ts

@@ -1,8 +0,0 @@
-/**
- * Types for filter components
- */
-export interface RangeNumber {
-    balance: bigint;
-    balanceView: string;
-}
-export type FilterRange = readonly [RangeNumber, RangeNumber];