@gearbox-protocol/permissionless-ui 1.27.0 → 2.0.0-next.1

package/dist/cjs/components/with-filter-button/with-filter-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("react"),w=require("../buttons/button/button.cjs"),y=require("../buttons/filter-button/filter-button.cjs");require("@gearbox-protocol/sdk");const B=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const k=N(v),c=k.forwardRef(({children:e,title:r,onClick:t,onOpen:i,buttonVariant:l="outline",buttonSize:a="default",buttonLabel:u="Filter",showIcon:d,hideIcon:f,hasChecked:m,className:b,buttonClassName:h,onClearAll:o,buttonProps:s},x)=>{const j=t||i,p=d??!f,g=s?.color==="neutral"?"default":l,_=s?.size||a,q=e||r;return n.jsxs("div",{ref:x,"data-has-checked":m,className:B.cn("w-full flex items-start md:items-center justify-between gap-4 flex-col md:flex-row",b),children:[n.jsx("div",{className:"flex-1",children:q}),n.jsx("div",{className:"flex-shrink-0",children:n.jsxs("div",{className:"flex items-center gap-2 flex-row-reverse md:flex-row",children:[o&&n.jsx(w.Button,{variant:"ghost",size:"default",onClick:o,children:"Clear all"}),n.jsx(y.FilterButton,{variant:g,size:_,onClick:j,className:h,label:u,showIcon:p})]})})]})});c.displayName="WithFilterButton";exports.WithFilterButton=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("react"),w=require("../buttons/button/button.cjs"),y=require("../buttons/filter-button/filter-button.cjs");require("@gearbox-protocol/sdk");const B=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const k=N(v),c=k.forwardRef(({children:e,title:r,onClick:t,onOpen:i,buttonVariant:l="outline",buttonSize:a="default",buttonLabel:u="Filter",showIcon:d,hideIcon:f,hasChecked:m,className:b,buttonClassName:h,onClearAll:o,buttonProps:s},x)=>{const j=t||i,p=d??!f,g=s?.color==="neutral"?"default":l,q=s?.size||a,_=e||r;return n.jsxs("div",{ref:x,"data-has-checked":m,className:B.cn("w-full flex items-start md:items-center justify-between gap-4 flex-col md:flex-row",b),children:[n.jsx("div",{className:"flex-1",children:_}),n.jsx("div",{className:"flex-shrink-0",children:n.jsxs("div",{className:"flex items-center gap-2 flex-row-reverse md:flex-row",children:[o&&n.jsx(w.Button,{variant:"ghost",size:"default",onClick:o,children:"Clear all"}),n.jsx(y.FilterButton,{variant:g,size:q,onClick:j,className:h,label:u,showIcon:p})]})})]})});c.displayName="WithFilterButton";exports.WithFilterButton=c;

package/dist/cjs/components/with-title/with-title.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("class-variance-authority");require("react");require("@gearbox-protocol/sdk");const i=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");const l=a.cva("",{variants:{size:{sm:"text-[14px] mb-[14px]",default:"text-body mb-[18px]",md:"text-lg mb-[22px]",lg:"text-[21px] mb-[22px]"}},defaultVariants:{size:"default"}});function n({title:r,children:t,size:s="default",className:u}){return e.jsxs("div",{className:i.cn("flex flex-col"),children:[e.jsx("div",{className:i.cn("text-foreground font-medium",l({size:s}),u),children:r}),t!==void 0&&e.jsx("div",{children:t})]})}exports.WithTitle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("class-variance-authority");require("react");require("@gearbox-protocol/sdk");const i=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const l=a.cva("",{variants:{size:{sm:"text-[14px] mb-[14px]",default:"text-body mb-[18px]",md:"text-lg mb-[22px]",lg:"text-[21px] mb-[22px]"}},defaultVariants:{size:"default"}});function n({title:r,children:t,size:s="default",className:u}){return e.jsxs("div",{className:i.cn("flex flex-col"),children:[e.jsx("div",{className:i.cn("text-foreground font-medium",l({size:s}),u),children:r}),t!==void 0&&e.jsx("div",{children:t})]})}exports.WithTitle=n;

package/dist/cjs/hooks/use-debounce-call.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const u=require("./use-debounce.cjs");require("@gearbox-protocol/sdk");const o=e=>e();function n(e){return u.useDebounce(o,e)}exports.useDebounceCall=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const u=require("./use-debounce.cjs");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const o=e=>e();function n(e){return u.useDebounce(o,e)}exports.useDebounceCall=n;

package/dist/cjs/hooks/use-hf.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@gearbox-protocol/sdk"),i=require("react");function y({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,allowZeroDebt:f=!1,tokensList:l}){return{hf:i.useMemo(()=>{try{return e===0n&&!f?0:s.CreditAccountData_Legacy.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,tokensList:l})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,a,f,l])}}exports.useHF=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@gearbox-protocol/sdk/common-utils"),s=require("react");function i({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,allowZeroDebt:l=!1,tokensList:a}){return{hf:s.useMemo(()=>{try{return e===0n&&!l?0:m.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,tokensList:a})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,f,l,a])}}exports.useHF=i;

package/dist/cjs/hooks/use-liquidation/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("@gearbox-protocol/sdk"),C=require("react"),e=require("./utils.cjs"),d=35;function R({xMin:t,xMax:i,yMin:s,yMax:u,xLabel:r,yLabel:n,assets:a,quotas:c,prices:L,liquidationThresholds:o,quotasInfo:E,underlyingTokenAddress:_,debt:l,tokensList:P}){return C.useMemo(()=>{const x=i-t,N=u-s,p=x/d,m=N/d,D=Array.from(Array(d)),I={...L};return D.flatMap((G,O)=>{const T=t+O*p,f=t+(O+1)*p;return r&&(I[r.address]=A.toBN(String((T+f)/2),A.PRICE_DECIMALS_POW)),D.map((F,S)=>{const X=s+S*m,h=s+(S+1)*m;return n&&(I[n.address]=A.toBN(String((X+h)/2),A.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:X,yEnd:h,value:A.CreditAccountData_Legacy.calcHealthFactor({assets:a,quotas:c,prices:I,liquidationThresholds:o,underlyingToken:_,debt:l,quotasInfo:E,tokensList:P})}})})},[t,i,s,u,r,n,a,c,L,o,_,l,E,P])}function U({prices:t}){const[i,s]=C.useState({}),u=C.useMemo(()=>({...t,...i}),[t,i]),r=C.useCallback((n,a)=>{s({...i,[a]:n})},[i]);return[u,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u,tokensList:r,prices:n}){const[a]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u}),[c,L]=e.usePriceInNumber({asset:a[0],tokensList:r,prices:n}),[o,E]=e.usePriceInNumber({asset:a[1],tokensList:r,prices:n}),_=e.useAxis({currentPrice:c,token:L}),l=e.useAxis({currentPrice:o,token:E});return{xAxis:_,yAxis:l,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:a}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=U;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@gearbox-protocol/sdk"),N=require("@gearbox-protocol/sdk/common-utils"),I=require("react"),e=require("./utils.cjs"),P=35;function R({xMin:t,xMax:i,yMin:s,yMax:a,xLabel:r,yLabel:n,assets:u,quotas:c,prices:A,liquidationThresholds:o,quotasInfo:L,underlyingTokenAddress:E,debt:l,tokensList:d}){return I.useMemo(()=>{const h=i-t,x=a-s,m=h/P,p=x/P,D=Array.from(Array(P)),C={...A};return D.flatMap((F,O)=>{const T=t+O*m,f=t+(O+1)*m;return r&&(C[r.address]=_.toBN(String((T+f)/2),_.PRICE_DECIMALS_POW)),D.map((b,S)=>{const U=s+S*p,X=s+(S+1)*p;return n&&(C[n.address]=_.toBN(String((U+X)/2),_.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:U,yEnd:X,value:N.calcHealthFactor({assets:u,quotas:c,prices:C,liquidationThresholds:o,underlyingToken:E,debt:l,quotasInfo:L,tokensList:d})}})})},[t,i,s,a,r,n,u,c,A,o,E,l,L,d])}function q({prices:t}){const[i,s]=I.useState({}),a=I.useMemo(()=>({...t,...i}),[t,i]),r=I.useCallback((n,u)=>{s({...i,[u]:n})},[i]);return[a,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a,tokensList:r,prices:n}){const[u]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a}),[c,A]=e.usePriceInNumber({asset:u[0],tokensList:r,prices:n}),[o,L]=e.usePriceInNumber({asset:u[1],tokensList:r,prices:n}),E=e.useAxis({currentPrice:c,token:A}),l=e.useAxis({currentPrice:o,token:L});return{xAxis:E,yAxis:l,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:u}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=q;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=R;

package/dist/cjs/types/common.cjs

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

package/dist/cjs/utils/format-money.cjs

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

package/dist/cjs/utils/templates.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),a=require("@gearbox-protocol/sdk"),g=require("./format-money.cjs");function d(o,e=2){return m.jsx(m.Fragment,{children:g.percentTemplate(o,e)})}function u(o,e,s,t=" ",r){const{decimals:n=18}=e||{};let i=a.formatBN(o,n,s);const l=e?.title||e?.symbol||"undefined";if(r!==void 0&&i!=="-"){const f=t.length+l.length,c=r-f;c>0&&i.length>c&&(i=i.slice(0,c))}return i==="-"?i:`${i}${t}${l}`}function p(o,e,s=2){if(o===void 0)return"-";const t=o.toFixed(s),r=Math.abs(Number(t))>0?"":"< ",n=r?`${t.slice(0,t.length-1)}1`:t;return`${r}${n} ${e?.title}`}function T(o,e,s,t){const r=a.toBigInt(o||0),n=u(a.BigIntMath.abs(r),e,s,t);return n==="-"?n:`${r<0?"-":""}${n}`}function $(o,e,s,t=" "){const{decimals:r=18}=e||{},n=a.formatBN(o,r,s),i=e?.title||e?.symbol||"undefined";return n==="-"?n:`${n}${t}${i}`}exports.negativeTokenTemplate=T;exports.percentageTemplate=d;exports.tokenTemplate=u;exports.tokenTemplateNumber=p;exports.tokenTemplateString=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),l=require("@gearbox-protocol/sdk"),g=require("@gearbox-protocol/sdk/common-utils"),d=require("./format-money.cjs");function p(o,e=2){return m.jsx(m.Fragment,{children:d.percentTemplate(o,e)})}function u(o,e,s,t=" ",r){const{decimals:n=18}=e||{};let i=l.formatBN(o,n,s);const a=e?.title||e?.symbol||"undefined";if(r!==void 0&&i!=="-"){const f=t.length+a.length,c=r-f;c>0&&i.length>c&&(i=i.slice(0,c))}return i==="-"?i:`${i}${t}${a}`}function T(o,e,s=2){if(o===void 0)return"-";const t=o.toFixed(s),r=Math.abs(Number(t))>0?"":"< ",n=r?`${t.slice(0,t.length-1)}1`:t;return`${r}${n} ${e?.title}`}function $(o,e,s,t){const r=l.toBigInt(o||0),n=u(g.BigIntMath.abs(r),e,s,t);return n==="-"?n:`${r<0?"-":""}${n}`}function b(o,e,s,t=" "){const{decimals:r=18}=e||{},n=l.formatBN(o,r,s),i=e?.title||e?.symbol||"undefined";return n==="-"?n:`${n}${t}${i}`}exports.negativeTokenTemplate=$;exports.percentageTemplate=p;exports.tokenTemplate=u;exports.tokenTemplateNumber=T;exports.tokenTemplateString=b;

package/dist/esm/components/accordion/accordion.js

@@ -5,9 +5,10 @@ import * as c from "react";
 import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const u = o.Root, l = c.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ a(
+const v = o.Root, p = c.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ a(
   o.Item,
   {
     ref: e,
@@ -15,8 +16,8 @@ const u = o.Root, l = c.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ *
     ...t
   }
 ));
-l.displayName = "AccordionItem";
-const p = c.forwardRef(({ className: r, children: t, hideIcon: e = !1, ...s }, n) => /* @__PURE__ */ a(o.Header, { className: "flex", children: /* @__PURE__ */ d(
+p.displayName = "AccordionItem";
+const l = c.forwardRef(({ className: r, children: t, hideIcon: e = !1, ...s }, n) => /* @__PURE__ */ a(o.Header, { className: "flex", children: /* @__PURE__ */ d(
   o.Trigger,
   {
     ref: n,
@@ -38,7 +39,7 @@ const p = c.forwardRef(({ className: r, children: t, hideIcon: e = !1, ...s }, n
     ]
   }
 ) }));
-p.displayName = o.Trigger.displayName;
+l.displayName = o.Trigger.displayName;
 const f = c.forwardRef(({ className: r, innerClassName: t, children: e, ...s }, n) => /* @__PURE__ */ a(
   o.Content,
   {
@@ -53,8 +54,8 @@ const f = c.forwardRef(({ className: r, innerClassName: t, children: e, ...s },
 ));
 f.displayName = o.Content.displayName;
 export {
-  u as Accordion,
+  v as Accordion,
   f as AccordionContent,
-  l as AccordionItem,
-  p as AccordionTrigger
+  p as AccordionItem,
+  l as AccordionTrigger
 };

package/dist/esm/components/address/address.js

@@ -4,9 +4,10 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function N({
+function W({
   address: o = "",
   short: p = !0,
   startChars: t = 6,
@@ -19,5 +20,5 @@ function N({
   return r && o ? /* @__PURE__ */ n(f, { toCopy: o, children: m }) : m;
 }
 export {
-  N as Address
+  W as Address
 };

package/dist/esm/components/alert-badge/alert-badge.js

@@ -7,6 +7,7 @@ import { FaIcon as F } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 function r({

package/dist/esm/components/alert-dialog/alert-dialog.js

@@ -10,10 +10,11 @@ import "../buttons/navigation-button/navigation-button.js";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as m } from "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
-const _ = t.Root, h = t.Trigger, c = t.Portal, n = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+const h = t.Root, k = t.Trigger, p = t.Portal, n = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
   t.Overlay,
   {
     className: r(
@@ -26,7 +27,7 @@ const _ = t.Root, h = t.Trigger, c = t.Portal, n = i.forwardRef(({ className: e,
   }
 ));
 n.displayName = t.Overlay.displayName;
-const p = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(c, { children: [
+const c = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(p, { children: [
   /* @__PURE__ */ l(n, {}),
   /* @__PURE__ */ l(
     t.Content,
@@ -41,7 +42,7 @@ const p = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(c, { chi
     }
   )
 ] }));
-p.displayName = t.Content.displayName;
+c.displayName = t.Content.displayName;
 const f = ({
   className: e,
   ...a
@@ -111,15 +112,15 @@ const D = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
 ));
 D.displayName = t.Cancel.displayName;
 export {
-  _ as AlertDialog,
+  h as AlertDialog,
   y as AlertDialogAction,
   D as AlertDialogCancel,
-  p as AlertDialogContent,
+  c as AlertDialogContent,
   A as AlertDialogDescription,
   g as AlertDialogFooter,
   f as AlertDialogHeader,
   n as AlertDialogOverlay,
-  c as AlertDialogPortal,
+  p as AlertDialogPortal,
   N as AlertDialogTitle,
-  h as AlertDialogTrigger
+  k as AlertDialogTrigger
 };

package/dist/esm/components/alert-modal/alert-modal.js

@@ -10,6 +10,7 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";

package/dist/esm/components/app-bar/app-bar.js

@@ -6,6 +6,7 @@ import { FaIcon as x } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as g } from "../../utils/z-index.js";
 const w = p.forwardRef(

package/dist/esm/components/apy/apy.js

@@ -9,23 +9,24 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { percentTemplate as s } from "../../utils/format-money.js";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function v({
+function y({
   apy: r,
-  tooltip: e = /* @__PURE__ */ t(l, { messageId: "components.APY.tip" }),
-  naText: o = "N/A"
+  tooltip: m = /* @__PURE__ */ t(l, { messageId: "components.APY.tip" }),
+  naText: e = "N/A"
 }) {
-  const m = r !== null ? s(r) : o;
-  return e ? /* @__PURE__ */ t(
+  const o = r !== null ? s(r) : e;
+  return m ? /* @__PURE__ */ t(
     n,
     {
       placement: "bottom",
-      title: /* @__PURE__ */ t(p, { size: "sm", children: m }),
-      children: e
+      title: /* @__PURE__ */ t(p, { size: "sm", children: o }),
+      children: m
     }
-  ) : /* @__PURE__ */ t(i, { children: m });
+  ) : /* @__PURE__ */ t(i, { children: o });
 }
 export {
-  v as Apy
+  y as Apy
 };

package/dist/esm/components/arc-loader/arc-loader.js

@@ -4,6 +4,7 @@ import * as f from "react";
 import "@gearbox-protocol/sdk";
 import { cn as I } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const R = C(

package/dist/esm/components/asset-line/asset-line.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import * as C from "react";
 import { Description as n } from "../description/description.js";
 import { ShortString as h } from "../short-string/short-string.js";
@@ -8,6 +8,7 @@ import { VSpace as x } from "../vspace/vspace.js";
 import "@gearbox-protocol/sdk";
 import { cn as E } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const Z = {
@@ -24,7 +25,7 @@ const Z = {
   ({
     token: o,
     tokenLabel: N,
-    tokenDescription: t,
+    tokenDescription: l,
     network: S,
     chainId: u,
     value: s,
@@ -42,7 +43,7 @@ const Z = {
     height: y
   }, A) => {
     const i = N || o?.title, a = e === "md" ? "default" : e;
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ t(
       G,
       {
         ref: A,
@@ -53,7 +54,7 @@ const Z = {
         last: R,
         height: y,
         children: [
-          /* @__PURE__ */ r(p, { size: a, className: "text-left", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ r(p, { size: a, className: "text-left", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ r(
               I,
               {
@@ -63,20 +64,20 @@ const Z = {
                 network: S
               }
             ),
-            /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
               i && /* @__PURE__ */ r(h, { maxLength: b, children: i }),
-              i && t && /* @__PURE__ */ r(x, { height: g[c] }),
-              t && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
+              i && l && /* @__PURE__ */ r(x, { height: g[c] }),
+              l && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
                 h,
                 {
                   maxLength: L,
                   showTooltip: !1,
-                  children: String(t)
+                  children: String(l)
                 }
               ) })
             ] })
           ] }) }),
-          !f && /* @__PURE__ */ r(p, { size: a, className: "text-right", children: /* @__PURE__ */ l("div", { className: "w-full flex flex-col items-end justify-end", children: [
+          !f && /* @__PURE__ */ r(p, { size: a, className: "text-right", children: /* @__PURE__ */ t("div", { className: "w-full flex flex-col items-end justify-end", children: [
             s,
             s && m && /* @__PURE__ */ r(x, { height: g[c] }),
             m && /* @__PURE__ */ r(n, { children: m })

package/dist/esm/components/assets-list-cell/assets-list-cell.js

@@ -10,6 +10,7 @@ import "../buttons/navigation-button/navigation-button.js";
 import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
@@ -267,9 +268,9 @@ function B({
     )
   ] });
 }
-function $r(o) {
+function Br(o) {
   return S(o) ? /* @__PURE__ */ t(B, { ...o }) : /* @__PURE__ */ t($, { ...o });
 }
 export {
-  $r as AssetsListCell
+  Br as AssetsListCell
 };

package/dist/esm/components/assets-ratio/assets-ratio.js

@@ -1,9 +1,10 @@
 import { jsx as p, jsxs as E } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as m, PERCENTAGE_DECIMALS as N } from "@gearbox-protocol/sdk";
+import { PERCENTAGE_FACTOR as u, PERCENTAGE_DECIMALS as N } from "@gearbox-protocol/sdk";
 import * as P from "react";
 import { TooltipProvider as R, Tooltip as _, TooltipTrigger as v, TooltipContent as x } from "../tooltip/tooltip.js";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const C = (e) => e.reduce((n, c) => n + c.balanceInUSD, 0n), D = {
@@ -25,25 +26,25 @@ function L(e) {
     return s + o / i * d;
   });
 }
-function $({
+function z({
   assets: e,
   labels: n,
   className: c
 }) {
   const [b, h] = P.useMemo(() => {
-    const l = e.slice(0, 3), r = C(e), u = C(e.slice(3)), A = l.map(
+    const l = e.slice(0, 3), r = C(e), m = C(e.slice(3)), A = l.map(
       (I) => r > 0 ? Number(
-        I.balanceInUSD * m * N / r
-      ) / Number(m) : Number(m)
-    ), a = r > 0n ? Number(u * m * N / r) / Number(m) : 0, f = [...A, a], T = L(f);
+        I.balanceInUSD * u * N / r
+      ) / Number(u) : Number(u)
+    ), a = r > 0n ? Number(m * u * N / r) / Number(u) : 0, f = [...A, a], T = L(f);
     return [T.slice(0, 3), T[3] || 0];
-  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, u, A, a) => {
+  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, m, A, a) => {
     const f = /* @__PURE__ */ p(
       "span",
       {
         className: g(
           "relative inline-flex h-full",
-          u,
+          m,
           A ? "border-r-2 border-muted" : ""
         ),
         style: { width: `${l}%` }
@@ -63,11 +64,11 @@ function $({
       ),
       children: [
         b.map(
-          (l, r, u) => o(
+          (l, r, m) => o(
             l,
             r,
             D[r] || F,
-            d || r !== u.length - 1,
+            d || r !== m.length - 1,
             n?.[r]
           )
         ),
@@ -77,5 +78,5 @@ function $({
   ) });
 }
 export {
-  $ as AssetsRatio
+  z as AssetsRatio
 };

package/dist/esm/components/auth/connect-required.js

@@ -12,10 +12,11 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
-function R({
+function T({
   children: n,
   owner: o,
   hideConnectButton: m,
@@ -25,5 +26,5 @@ function R({
   return u && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ i(e, { ...t, disabled: !0, children: "You are not the author" }) : n : m ? null : /* @__PURE__ */ i(e, { ...t, onClick: () => p(!0), children: "Connect Wallet" });
 }
 export {
-  R as ConnectRequired
+  T as ConnectRequired
 };

package/dist/esm/components/auth/signin-required.js

@@ -13,22 +13,23 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as I } from "../../utils/format.js";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { TabButton as S } from "../buttons/tab-button/tab-button.js";
-function v({
-  children: m,
-  owner: n,
+function z({
+  children: d,
+  owner: o,
   skipSignIn: a,
-  hideConnectButton: s,
+  hideConnectButton: p,
   ...t
 }) {
-  const { setOpen: o, openSIWE: p } = h(), { isConnected: u, address: d } = g(), { isRejected: l, isLoading: i, isSignedIn: c, data: f } = C(), r = Object.keys(t).length > 0 ? b : S;
-  return c || a ? n && f?.address?.toLowerCase() !== n.toLowerCase() ? /* @__PURE__ */ e(r, { ...t, disabled: !0, children: "You are not the author" }) : m : u && d ? l ? /* @__PURE__ */ e(
+  const { setOpen: n, openSIWE: s } = h(), { isConnected: u, address: m } = g(), { isRejected: l, isLoading: i, isSignedIn: c, data: f } = C(), r = Object.keys(t).length > 0 ? b : S;
+  return c || a ? o && f?.address?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ e(r, { ...t, disabled: !0, children: "You are not the author" }) : d : u && m ? l ? /* @__PURE__ */ e(
     r,
     {
       ...t,
-      onClick: () => o(!0),
+      onClick: () => n(!0),
       disabled: i,
       children: "Try Again"
     }
@@ -36,12 +37,12 @@ function v({
     r,
     {
       ...t,
-      onClick: () => p(),
+      onClick: () => s(),
       disabled: i,
-      children: i ? "Awaiting request..." : `Sign In as ${I(d)}`
+      children: i ? "Awaiting request..." : `Sign In as ${I(m)}`
     }
-  ) : s ? null : /* @__PURE__ */ e(r, { ...t, onClick: () => o(!0), children: "Connect Wallet" });
+  ) : p ? null : /* @__PURE__ */ e(r, { ...t, onClick: () => n(!0), children: "Connect Wallet" });
 }
 export {
-  v as SignInRequired
+  z as SignInRequired
 };

package/dist/esm/components/avatar/avatar.js

@@ -1,12 +1,13 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-avatar";
-import * as m from "react";
+import * as l from "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const s = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+const i = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
   a.Root,
   {
     ref: t,
@@ -17,8 +18,8 @@ const s = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
     ...r
   }
 ));
-s.displayName = a.Root.displayName;
-const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+i.displayName = a.Root.displayName;
+const s = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
   a.Image,
   {
     ref: t,
@@ -26,8 +27,8 @@ const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
     ...r
   }
 ));
-i.displayName = a.Image.displayName;
-const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+s.displayName = a.Image.displayName;
+const f = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
   a.Fallback,
   {
     ref: t,
@@ -40,7 +41,7 @@ const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
 ));
 f.displayName = a.Fallback.displayName;
 export {
-  s as Avatar,
+  i as Avatar,
   f as AvatarFallback,
-  i as AvatarImage
+  s as AvatarImage
 };

package/dist/esm/components/badge/badge.js

@@ -2,11 +2,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
+import { cn as i } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const i = n(
+const a = n(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-auto",
   {
     variants: {
@@ -22,10 +23,10 @@ const i = n(
     }
   }
 );
-function b({ className: r, variant: t, ...o }) {
-  return /* @__PURE__ */ e("div", { className: a(i({ variant: t }), r), ...o });
+function v({ className: r, variant: t, ...o }) {
+  return /* @__PURE__ */ e("div", { className: i(a({ variant: t }), r), ...o });
 }
 export {
-  b as Badge,
-  i as badgeVariants
+  v as Badge,
+  a as badgeVariants
 };

package/dist/esm/components/base-link/base-link.js

@@ -6,6 +6,7 @@ import { useNavigationAdapter as N } from "../navigation-context/navigation-cont
 import "@gearbox-protocol/sdk";
 import { cn as j } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const L = k("transition-colors", {
@@ -40,26 +41,26 @@ const L = k("transition-colors", {
     href: e,
     target: l,
     rel: u,
-    asChild: f = !1,
-    external: m = !1,
+    asChild: m = !1,
+    external: f = !1,
     size: c = "default",
     variant: g = "default",
     color: x = "default",
     children: r,
     ...o
   }, a) => {
-    const { Link: v } = N(), t = m ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
-    if (f) {
-      const p = {
+    const { Link: p } = N(), t = f ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
+    if (m) {
+      const v = {
         href: e,
         target: t,
         rel: n,
         ...o
       };
-      return /* @__PURE__ */ i(b, { ref: a, className: s, ...p, children: r });
+      return /* @__PURE__ */ i(b, { ref: a, className: s, ...v, children: r });
     }
     return e?.startsWith("/") ? /* @__PURE__ */ i(
-      v,
+      p,
       {
         ref: a,
         className: s,

package/dist/esm/components/block-sync/block-sync.js

@@ -9,6 +9,7 @@ import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../alert-badge/alert-badge.js";
@@ -158,7 +159,7 @@ import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
 const D = 1e3 * 60 * 10;
-function Do({
+function Lo({
   blockByChain: i,
   explorerAddresses: S,
   networkById: v
@@ -222,5 +223,5 @@ function Do({
   return i ? /* @__PURE__ */ o(j, { title: d(), children: N() }) : /* @__PURE__ */ o("div", { className: "select-none", children: d() });
 }
 export {
-  Do as BlockSync
+  Lo as BlockSync
 };