@gearbox-protocol/permissionless-ui 1.22.0-next.4 → 1.22.0-next.40

package/dist/cjs/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./a11y.cjs"),T=require("./bn-to-input-view.cjs"),p=require("./bn-to-pretty-view.cjs"),l=require("./cn.cjs"),i=require("./colors.cjs"),g=require("./copy.cjs"),r=require("./format.cjs"),f=require("./format-asset-amount.cjs"),e=require("./format-money.cjs"),t=require("./format-number.cjs"),n=require("./network-icons.cjs"),S=require("./parse-input-to-bn.cjs"),u=require("./plural.cjs"),_=require("./ranges.cjs"),c=require("./react.cjs"),A=require("./search.cjs"),m=require("./search-in-token.cjs"),h=require("./short-sha.cjs"),d=require("./shorten-string.cjs"),s=require("./templates.cjs"),o=require("./ttl.cjs"),N=require("./window.cjs");exports.generateId=a.generateId;exports.useFormFieldIds=a.useFormFieldIds;exports.bnToInputView=T.bnToInputView;exports.bnToPrettyView=p.bnToPrettyView;exports.cn=l.cn;exports.default=l.cn;exports.generateColorsFromBase=i.generateColorsFromBase;exports.getCSSVariable=i.getCSSVariable;exports.hexToRgba=i.hexToRgba;exports.resolveCSSColor=i.resolveCSSColor;exports.copyToClipboard=g.copyToClipboard;exports.convertPercent=r.convertPercent;exports.formatBytecodeSize=r.formatBytecodeSize;exports.formatBytecodeVersion=r.formatBytecodeVersion;exports.formatTimestamp=r.formatTimestamp;exports.shortenHash=r.shortenHash;exports.significantTrunc=r.significantTrunc;exports.formatAssetAmount=f.formatAssetAmount;exports.PERCENTAGE_FACTOR=e.PERCENTAGE_FACTOR;exports.SLIPPAGE_DECIMALS=e.SLIPPAGE_DECIMALS;exports.formatMoney=e.formatMoney;exports.formatMoneyAmount=e.formatMoney;exports.formatPercentAmount=e.formatPercentAmount;exports.percentTemplate=e.percentTemplate;exports.percentageTemplate=e.percentageTemplate;exports.slippageTemplate=e.slippageTemplate;exports.FORMAT_CONSTANTS=t.FORMAT_CONSTANTS;exports.formatNumberWithSuffix=t.formatNumberWithSuffix;exports.formatPrice=t.formatPrice;exports.getAdaptiveDecimals=t.getAdaptiveDecimals;exports.isBelowDisplayThreshold=t.isBelowDisplayThreshold;exports.isEffectivelyZero=t.isEffectivelyZero;exports.toSignificantDigits=t.toSignificantDigits;exports.getAllNetworks=n.getAllNetworks;exports.getNetworkByChainId=n.getNetworkByChainId;exports.getNetworkConfig=n.getNetworkConfig;exports.getNetworkIcon=n.getNetworkIcon;exports.parseInputToBN=S.parseInputToBN;exports.pluralize=u.pluralize;exports.selectPluralString=u.selectPluralString;exports.getAvailableRanges=_.getAvailableRanges;exports.extractTextFromLabel=c.extractTextFromLabel;exports.serializeValue=c.serializeValue;exports.searchInString=A.searchInString;exports.createTokenSearchFilter=m.createTokenSearchFilter;exports.searchInToken=m.searchInToken;exports.shortSHA=h.shortSHA;exports.shortenString=d.shortenString;exports.negativeTokenTemplate=s.negativeTokenTemplate;exports.tokenTemplate=s.tokenTemplate;exports.tokenTemplateNumber=s.tokenTemplateNumber;exports.tokenTemplateString=s.tokenTemplateString;exports.TTL_CONSTANTS=o.TTL_CONSTANTS;exports.getTTLZone=o.getTTLZone;exports.ttlFromTimestamp=o.ttlFromTimestamp;exports.ttlLeft=o.ttlLeft;exports.ttlLeftParsed=o.ttlLeftParsed;exports.openInNewWindow=N.openInNewWindow;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./a11y.cjs"),g=require("./bn-to-input-view.cjs"),S=require("./bn-to-pretty-view.cjs"),u=require("./cn.cjs"),i=require("./colors.cjs"),f=require("./copy.cjs"),t=require("./format.cjs"),d=require("./format-asset-amount.cjs"),r=require("./format-money.cjs"),e=require("./format-number.cjs"),_=require("./format-slippage.cjs"),a=require("./loading.cjs"),b=require("./network-icons.cjs"),n=require("./parse-input-to-bn.cjs"),c=require("./plural.cjs"),h=require("./ranges.cjs"),m=require("./react.cjs"),q=require("./search.cjs"),T=require("./search-in-token.cjs"),I=require("./short-sha.cjs"),p=require("./shorten-string.cjs"),s=require("./templates.cjs"),o=require("./ttl.cjs"),N=require("./window.cjs"),A=require("./z-index.cjs");exports.generateId=l.generateId;exports.useFormFieldIds=l.useFormFieldIds;exports.bnToInputView=g.bnToInputView;exports.bnToPrettyView=S.bnToPrettyView;exports.cn=u.cn;exports.default=u.cn;exports.generateColorsFromBase=i.generateColorsFromBase;exports.getCSSVariable=i.getCSSVariable;exports.hexToRgba=i.hexToRgba;exports.resolveCSSColor=i.resolveCSSColor;exports.copyToClipboard=f.copyToClipboard;exports.convertPercent=t.convertPercent;exports.formatBytecodeSize=t.formatBytecodeSize;exports.formatBytecodeVersion=t.formatBytecodeVersion;exports.formatTimestamp=t.formatTimestamp;exports.shortenHash=t.shortenHash;exports.significantTrunc=t.significantTrunc;exports.formatAssetAmount=d.formatAssetAmount;exports.formatMoney=r.formatMoney;exports.formatMoneyAmount=r.formatMoneyAmount;exports.formatPercentAmount=r.formatPercentAmount;exports.percentTemplate=r.percentTemplate;exports.percentageTemplate=r.percentageTemplate;exports.FORMAT_CONSTANTS=e.FORMAT_CONSTANTS;exports.formatNumberWithSuffix=e.formatNumberWithSuffix;exports.formatPrice=e.formatPrice;exports.getAdaptiveDecimals=e.getAdaptiveDecimals;exports.isBelowDisplayThreshold=e.isBelowDisplayThreshold;exports.isEffectivelyZero=e.isEffectivelyZero;exports.toSignificantDigits=e.toSignificantDigits;exports.slippageTemplate=_.slippageTemplate;exports.allLoaded=a.allLoaded;exports.loadingProgress=a.loadingProgress;exports.round5=a.round5;exports.getNetworkIcon=b.getNetworkIcon;exports.bnToLiquidationPriceView=n.bnToLiquidationPriceView;exports.isPositiveFloat=n.isPositiveFloat;exports.parseInputToBN=n.parseInputToBN;exports.parseSmallNumber=n.parseSmallNumber;exports.pluralize=c.pluralize;exports.selectPluralString=c.selectPluralString;exports.getAvailableRanges=h.getAvailableRanges;exports.extractTextFromLabel=m.extractTextFromLabel;exports.serializeValue=m.serializeValue;exports.searchInString=q.searchInString;exports.createTokenSearchFilter=T.createTokenSearchFilter;exports.searchInToken=T.searchInToken;exports.shortSHA=I.shortSHA;exports.isLongString=p.isLongString;exports.shortenString=p.shortenString;exports.negativeTokenTemplate=s.negativeTokenTemplate;exports.tokenTemplate=s.tokenTemplate;exports.tokenTemplateNumber=s.tokenTemplateNumber;exports.tokenTemplateString=s.tokenTemplateString;exports.TTL_CONSTANTS=o.TTL_CONSTANTS;exports.getTTLZone=o.getTTLZone;exports.ttlFromTimestamp=o.ttlFromTimestamp;exports.ttlLeft=o.ttlLeft;exports.ttlLeftParsed=o.ttlLeftParsed;exports.openInNewWindow=N.openInNewWindow;exports.Z_INDEX=A.Z_INDEX;

package/dist/cjs/utils/loading.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=o=>o!=null;function l(o){return o.reduce((r,e)=>r&&t(e),!0)}function d(o){return Math.round(o/5)*5}function s(o){const r=o.reduce((n,u)=>t(u)?n+1:n,0),e=Math.floor(r/o.length*100);return d(e)}exports.allLoaded=l;exports.loadingProgress=s;exports.round5=d;

package/dist/cjs/utils/network-icons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={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},AllNetworks:{name:"All Networks",icon:"/icons/networks/all.svg",chainId:0}},o={1:"Mainnet",42161:"Arbitrum",10:"Optimism",146:"Sonic"};function e(n){return t[n]?.icon||""}function i(n){return o[n]}function r(n){return t[n]}function c(){return Object.values(t)}exports.getAllNetworks=c;exports.getNetworkByChainId=i;exports.getNetworkConfig=r;exports.getNetworkIcon=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./static.cjs");function o(t){return e.getStatic(`/chains/${t.toLowerCase()}.svg`)}exports.getNetworkIcon=o;

package/dist/cjs/utils/parse-input-to-bn.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,l,r=!1){if(e==null||e==="")return[0n,""];let t=e.replace(/,/g,".");const n=t.split(".");if(n.length>2&&(t=`${n[0]}.${n.slice(1).join("")}`),!(r?/^-?[0-9]*\.?[0-9]*$/:/^[0-9]*\.?[0-9]*$/).test(t))return[null,null];const[u,c=""]=t.split("."),a=c.padEnd(l,"0").slice(0,l),o=`${u||"0"}${a}`;try{const s=BigInt(o);return[r&&t.startsWith("-")?-s:s,t]}catch{return[null,null]}}exports.parseInputToBN=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@gearbox-protocol/sdk"),p=require("./bn-to-input-view.cjs");function d(t){if(!/^\d+(?:[.,]\d*?)?$/.test(t))return!1;const n=parseFloat(t);return!Number.isNaN(n)}const b=(t,e,n=!1)=>{if(t.length===0||t==="NaN")return[0n,""];const r=h(t),[i,a,o]=T(r),[u,c]=x(n?o:r),s=n&&a?u||"0":u;if(!d(s))return[null,null];const l=A(c),f=D(l,e);return[n?g.toBN(s,e)*i:g.toBN(s,e),n?`${a}${f}`:f]};function h(t){return t.replaceAll(",",".")}function T(t){const e=t.startsWith("-");return[e?-1n:1n,e?"-":"",e?t.slice(1):t]}function x(t){const e=t.startsWith("."),n=t.endsWith("."),r=`${e?0:""}${t}${n?0:""}`,i=`${e?0:""}${t}`;return[r,i]}function A(t){const e=/^0+(0[.]|0$|[^a-zA-Z.0])/gm;return t.replace(e,"$1")}function D(t,e){const n=t.indexOf(".");if(n<0)return t;const r=t.slice(0,n),i=t.slice(n+1);return i.length<=e?t:`${r}.${i.slice(0,e)}`}function N(t){if(!t||typeof t!="string")return{originalValue:t};const e=t.replace(",",".");if(!/^\d*\.?\d*$/.test(e))return{originalValue:t};const r=parseFloat(e);if(Number.isNaN(r)||r>=1)return{originalValue:t};const i=e.split("."),a=i[0]||"0",o=i[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,e){const i=p.bnToInputView(t,8,!1,8),a=Number(i),o=Math.abs(Number(i));return o>m.maxExponentialThreshold?{originalValue:g.formatBN(t,8,e)}:Number.isNaN(a)||Math.abs(o)>=1?{originalValue:a.toLocaleString(m.locale,{minimumFractionDigits:m.minimumFractionDigits,maximumFractionDigits:m.maximumFractionDigits})}:N(i)}exports.bnToLiquidationPriceView=$;exports.isPositiveFloat=d;exports.parseInputToBN=b;exports.parseSmallNumber=N;

package/dist/cjs/utils/search-in-token.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e,t){if(!e||!t)return!0;const r=t.toLowerCase().trim();if(!r)return!0;const s=e.title?.toLowerCase()||"",n=e.symbol?.toLowerCase()||"",c=e.name?.toLowerCase()||"",a=e.address?.toLowerCase()||"";return s.includes(r)||n.includes(r)||c.includes(r)||a.includes(r)}function i(e){return t=>o(t,e)}exports.createTokenSearchFilter=i;exports.searchInToken=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,r){if(!e||!r)return!1;const t=r.toLowerCase().trim();if(!t)return!1;const o=e.title?.toLowerCase()||"",n=e.symbol?.toLowerCase()||"",a=e.name?.toLowerCase()||"",c=e.address?.toLowerCase()||"";return o.includes(t)||n.includes(t)||a.includes(t)||t.length>2&&c.toLowerCase().startsWith(t)}function i(e){return r=>s(r,e)}exports.createTokenSearchFilter=i;exports.searchInToken=s;

package/dist/cjs/utils/shorten-string.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(e,t=10){return e.length<=t?e:`${e.slice(0,t)}...`}exports.shortenString=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(n,t){return r(n,t)?`${n.slice(0,t-3)}...`:n}function r(n,t){return n.length>t}exports.isLongString=r;exports.shortenString=e;

package/dist/cjs/utils/static.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="https://static.gearbox.finance",c=(e=t)=>i=>`${e}${i}`,S=c();exports.STATIC_SERVER=t;exports.buildStaticUrl=c;exports.getStatic=S;

package/dist/cjs/utils/templates.cjs

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

package/dist/cjs/utils/window.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(e){window.open(e,"_blank","noopener,noreferrer")}exports.openInNewWindow=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function w(o,n="_blank",i){const e=n==="_blank"?window.open(o,n,"noreferrer,noopener"):window.open(o,n,i);e&&e.focus()}exports.openInNewWindow=w;

package/dist/cjs/utils/z-index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={MODAL:"z-[50]",TOOLTIP:"z-[9999]"};exports.Z_INDEX=e;

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

@@ -1,47 +1,53 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-accordion";
-import { ChevronDown as c } from "lucide-react";
-import * as i from "react";
+import { IconExpand as c } from "@gearbox-protocol/static";
+import * as e from "@radix-ui/react-accordion";
+import * as n from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const h = o.Root, m = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  o.Item,
+const u = e.Root, m = n.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ a(
+  e.Item,
   {
     ref: t,
-    className: s("border-b border-border", e),
+    className: s("border-b border-border", o),
     ...r
   }
 ));
 m.displayName = "AccordionItem";
-const l = i.forwardRef(({ className: e, children: r, ...t }, n) => /* @__PURE__ */ a(o.Header, { className: "flex", children: /* @__PURE__ */ d(
-  o.Trigger,
+const l = n.forwardRef(({ className: o, children: r, ...t }, i) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
+  e.Trigger,
   {
-    ref: n,
+    ref: i,
     className: s(
       "flex flex-1 items-center justify-between py-5 text-base font-bold transition-all hover:text-foreground/80 text-foreground [&[data-state=open]>svg]:rotate-180 cursor-pointer",
-      e
+      o
     ),
     ...t,
     children: [
       r,
-      /* @__PURE__ */ a(c, { className: "h-3 w-3 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ a(
+        c,
+        {
+          size: 12,
+          className: "shrink-0 transition-transform duration-200 [&_svg]:size-3"
+        }
+      )
     ]
   }
 ) }));
-l.displayName = o.Trigger.displayName;
-const f = i.forwardRef(({ className: e, children: r, ...t }, n) => /* @__PURE__ */ a(
-  o.Content,
+l.displayName = e.Trigger.displayName;
+const f = n.forwardRef(({ className: o, children: r, ...t }, i) => /* @__PURE__ */ a(
+  e.Content,
   {
-    ref: n,
+    ref: i,
     className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...t,
-    children: /* @__PURE__ */ a("div", { className: s("pb-5 pt-0", e), children: r })
+    children: /* @__PURE__ */ a("div", { className: s("pb-5 pt-0", o), children: r })
   }
 ));
-f.displayName = o.Content.displayName;
+f.displayName = e.Content.displayName;
 export {
-  h as Accordion,
+  u as Accordion,
   f as AccordionContent,
   m as AccordionItem,
   l as AccordionTrigger

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

@@ -1,9 +1,9 @@
 import { jsx as m } from "react/jsx-runtime";
 import { WithCopy as f } from "../with-copy/with-copy.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function g({
   address: o = "",
   short: p = !0,

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

@@ -1,80 +1,94 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { cva as g } from "class-variance-authority";
-import { Info as e, CheckCircle as x, AlertTriangle as b, AlertCircle as y } from "lucide-react";
-import * as v from "react";
-import { cn as h } from "../../utils/cn.js";
-import "sonner";
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { IconInfo as s } from "@gearbox-protocol/static";
+import { cva as I } from "class-variance-authority";
+import * as h from "react";
+import { faCircleCheck as k, faTriangleExclamation as w, faCircleExclamation as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as z } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const w = g(
-  "inline-flex items-center rounded-lg text-primary-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted",
-        alert: "bg-destructive",
-        warning: "bg-yellow-600",
-        success: "bg-green-600",
-        info: "bg-blue-600",
-        primary: "bg-gradient-to-r from-pink-600 to-pink-500"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-xs gap-1.5",
-        default: "px-3 py-2.5 text-sm gap-2",
-        lg: "px-4 py-3 text-base gap-2.5"
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      }
+import { cn as c } from "../../utils/cn.js";
+import "sonner";
+function a({
+  icon: e,
+  size: r,
+  className: n
+}) {
+  return /* @__PURE__ */ t(
+    z,
+    {
+      icon: e,
+      style: { fontSize: r },
+      className: c("shrink-0", n)
+    }
+  );
+}
+const N = I("inline-flex items-center text-foreground", {
+  variants: {
+    variant: {
+      default: "bg-gray-30",
+      alert: "bg-destructive",
+      warning: "bg-yellow-600",
+      success: "bg-green-600",
+      info: "bg-blue-600",
+      primary: "bg-gradient-to-r from-pink-600 to-pink-500"
+    },
+    size: {
+      sm: "px-[7px] py-1.5 text-sm leading-[17px] gap-[5px] rounded-[5px]",
+      default: "px-[13px] py-2.5 text-base leading-[19px] gap-1.5 rounded-lg",
+      lg: "px-4 py-3 text-base leading-[19px] gap-2.5 rounded-lg"
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      fullWidth: !1
+    fullWidth: {
+      true: "w-full",
+      false: ""
     }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+    fullWidth: !1
   }
-), k = {
+}), C = {
   sm: 14,
   default: 18,
   lg: 22
-}, z = {
-  default: e,
-  alert: y,
-  warning: b,
-  success: x,
-  info: e,
-  primary: e
-}, A = v.forwardRef(
+}, A = {
+  default: (e) => /* @__PURE__ */ t(a, { icon: f, ...e }),
+  alert: (e) => /* @__PURE__ */ t(a, { icon: f, ...e }),
+  warning: (e) => /* @__PURE__ */ t(a, { icon: w, ...e }),
+  success: (e) => /* @__PURE__ */ t(a, { icon: k, ...e }),
+  info: s,
+  primary: s
+}, B = h.forwardRef(
   ({
-    className: n,
-    variant: t = "default",
-    size: r = "default",
-    fullWidth: i,
-    icon: a,
-    hideIcon: s = !1,
-    children: o,
-    ...f
-  }, d) => {
-    const u = z[t || "default"], c = k[r || "default"], m = () => s ? null : a || /* @__PURE__ */ l(u, { size: c, className: "shrink-0" });
-    return /* @__PURE__ */ p(
+    className: e,
+    variant: r,
+    color: n,
+    size: i = "default",
+    fullWidth: d,
+    icon: o,
+    hideIcon: p = !1,
+    children: m,
+    ...u
+  }, g) => {
+    const l = r ?? n ?? "default", x = A[l || "default"], b = C[i || "default"], v = () => p ? null : o || /* @__PURE__ */ t(x, { size: b, className: "shrink-0" });
+    return /* @__PURE__ */ y(
       "div",
       {
-        ref: d,
-        className: h(
-          w({ variant: t, size: r, fullWidth: i }),
-          n
+        ref: g,
+        className: c(
+          N({ variant: l, size: i, fullWidth: d }),
+          e
         ),
-        ...f,
+        ...u,
         children: [
-          m(),
-          /* @__PURE__ */ l("div", { className: "flex-1", children: o })
+          v(),
+          /* @__PURE__ */ t("div", { className: "flex-1", children: m })
         ]
       }
     );
   }
 );
-A.displayName = "AlertBadge";
+B.displayName = "AlertBadge";
 export {
-  A as AlertBadge,
-  w as alertBadgeVariants
+  B as AlertBadge,
+  N as alertBadgeVariants
 };

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

@@ -7,9 +7,9 @@ import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 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";
 import "../buttons/tab-button/tab-button.js";
 const P = t.Root, h = t.Trigger, d = t.Portal, m = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
   t.Overlay,

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

@@ -1,10 +1,11 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import "../tooltip/simple-tooltip.js";
 import { TooltipProvider as c, Tooltip as m, TooltipTrigger as p, TooltipContent as u } from "../tooltip/tooltip.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-function g({
+function N({
   apy: e,
   tooltip: n,
   decimals: l = 2,
@@ -28,5 +29,5 @@ function g({
   ] }) }) : i;
 }
 export {
-  g as Apy
+  N as Apy
 };

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

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function u({
   size: r = 24,
   color: e = "currentColor",

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

@@ -5,9 +5,9 @@ import { ShortString as h } from "../short-string/short-string.js";
 import { GridTableRow as I, GridTableCell as p } from "../table/grid-table.js";
 import { TokenSymbol as j } from "../token-symbol/token-symbol.js";
 import { VSpace as g } from "../vspace/vspace.js";
+import "@gearbox-protocol/sdk";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const E = {
   default: 24,
   sm: 20,

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

@@ -1,48 +1,124 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { ExternalLink as d } from "lucide-react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { IconExternal as z } from "@gearbox-protocol/static";
+import { useMemo as O } from "react";
 import "../buttons/back-button/back-button.js";
-import { Button as p } from "../buttons/button/button.js";
+import { Button as $ } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
-import "react";
-import { cn as c } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
+import { cn as g } from "../../utils/cn.js";
+import "sonner";
 import "../buttons/tab-button/tab-button.js";
-import { TokenIcon as l } from "../token-icon/token-icon.js";
-function b({
-  assetAddress: m,
-  symbol: r,
+import { TokenIcon as C } from "../token-icon/token-icon.js";
+import "../tooltip/simple-tooltip.js";
+import { TooltipProvider as B, Tooltip as y, TooltipTrigger as b, TooltipContent as w } from "../tooltip/tooltip.js";
+function E(e) {
+  return "balances" in e && e.balances !== void 0;
+}
+function H({
+  assetAddress: e,
+  symbol: o,
   iconSymbol: s,
-  comment: o,
-  explorerUrl: i,
-  iconSize: n = 24,
-  className: a
+  comment: n,
+  explorerUrl: a,
+  iconSize: p = 24,
+  className: f
 }) {
-  return /* @__PURE__ */ e("div", { className: c("flex items-center gap-3", a), children: [
-    /* @__PURE__ */ t(l, { symbol: s ?? r, size: n }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ t("div", { className: "font-medium", children: r }),
-      o && /* @__PURE__ */ e("div", { className: "text-md text-muted-foreground", children: [
+  return /* @__PURE__ */ i("div", { className: g("flex items-center gap-3", f), children: [
+    /* @__PURE__ */ t(C, { symbol: s ?? o, size: p }),
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t("div", { className: "font-medium", children: o }),
+      n && /* @__PURE__ */ i("div", { className: "text-md text-muted-foreground", children: [
         "(",
-        o,
+        n,
         ")"
       ] }),
-      i && /* @__PURE__ */ t(
-        p,
+      a && /* @__PURE__ */ t(
+        $,
         {
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${i}/address/${m}`, "_blank"),
-          children: /* @__PURE__ */ t(d, { className: "h-3 w-3" })
+          onClick: () => window.open(`${a}/address/${e}`, "_blank"),
+          children: /* @__PURE__ */ t(z, { size: 12, className: "size-3" })
         }
       )
     ] })
   ] });
 }
+function P({
+  balances: e,
+  tokensList: o,
+  maxAssets: s = 3,
+  iconSize: n = 24,
+  options: a,
+  className: p
+}) {
+  const {
+    mode: f = "default",
+    showIconTooltip: N = !0,
+    otherTooltip: k,
+    onOtherClick: T
+  } = a || {}, x = f === "cascade", [I, j, M, A] = O(() => {
+    const r = e, l = r.slice(0, s), c = r.slice(s), h = c.map((m) => {
+      const u = typeof m == "string" ? m : m.token;
+      return o[u]?.title || o[u]?.symbol || "unknown";
+    }).join(", "), d = r.length > s;
+    return [l, c, h, d];
+  }, [e, s, o]);
+  return /* @__PURE__ */ t(B, { children: /* @__PURE__ */ i("div", { className: g("relative inline-flex items-center", p), children: [
+    I.map((r, l, c) => {
+      const h = typeof r == "string" ? r : r.token, d = o[h], m = l === c.length - 1, u = x ? c.length - l : void 0, v = /* @__PURE__ */ t(C, { symbol: d?.symbol, size: n });
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          className: "flex-shrink-0",
+          style: {
+            zIndex: u,
+            marginRight: m ? 0 : x ? -Math.round(n * 0.5) : 4
+          },
+          children: N ? /* @__PURE__ */ i(y, { children: [
+            /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t("span", { children: v }) }),
+            /* @__PURE__ */ t(w, { children: d?.title || d?.symbol || "unknown" })
+          ] }) : v
+        },
+        h ?? l
+      );
+    }),
+    A && /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: T,
+          className: g(
+            "inline-flex items-center justify-center rounded-full shrink-0",
+            "cursor-pointer",
+            "bg-gray-50 hover:bg-gray-70 text-foreground transition-colors",
+            "ml-1!"
+          ),
+          style: {
+            width: n,
+            height: n,
+            minWidth: n,
+            minHeight: n,
+            zIndex: 0
+          },
+          children: /* @__PURE__ */ i("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
+            "+",
+            j.length
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ t(w, { children: k || M })
+    ] })
+  ] }) });
+}
+function U(e) {
+  return E(e) ? /* @__PURE__ */ t(P, { ...e }) : /* @__PURE__ */ t(H, { ...e });
+}
 export {
-  b as AssetsListCell
+  U as AssetsListCell
 };

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

@@ -8,10 +8,10 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
 function y({
   children: i,

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

@@ -8,11 +8,11 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as b } from "../../utils/format.js";
-import "@gearbox-protocol/sdk";
 import { TabButton as I } from "../buttons/tab-button/tab-button.js";
 function M({
   children: a,

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-avatar";
 import * as m from "react";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
   a.Root,
   {

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

@@ -1,9 +1,9 @@
 import { jsx as o } 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 "sonner";
-import "@gearbox-protocol/sdk";
 const i = 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",
   {

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

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Slot as m } from "@radix-ui/react-slot";
 import * as s from "react";
+import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const p = s.forwardRef(
   ({ className: r, asChild: e = !1, external: o = !1, children: t, ...n }, a) => /* @__PURE__ */ i(
     e ? m : "a",